#intro{--btn: 132px;position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:1000;color:var(--paper);touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#intro[hidden]{display:none!important}#intro.is-boom{z-index:890;pointer-events:none}#intro.is-leaving{opacity:0;transition:opacity .42s ease}#intro .intro-veil{position:absolute;inset:0;background:#000}#intro .intro-veil:after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.05}#intro.is-boom:not(.is-calm) .intro-veil{opacity:0}#intro .intro-sky{position:absolute;inset:0;pointer-events:none;animation:intro-fade-in 1.8s ease-out both}#intro .intro-speck{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%;background:var(--c);opacity:calc(var(--o) * .6);animation:intro-twinkle var(--d) ease-in-out var(--dl) infinite}#intro .intro-speck--star{border-radius:0;clip-path:polygon(50% 0,57% 43%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%)}@keyframes intro-twinkle{0%,to{opacity:calc(var(--o) * .18)}50%{opacity:var(--o)}}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}#intro .intro-stage{position:absolute;left:0;top:0;width:100%;height:100vh;height:100svh;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--safe-top) + 24px) var(--gutter) calc(var(--safe-bottom) + 28px);text-align:center}#intro.is-boom .intro-stage{visibility:hidden;transition:visibility 0s linear .3s}#intro .intro-q{margin:0 0 clamp(30px,6vh,60px);font-family:var(--f-display);font-style:italic;font-weight:320;font-size:clamp(1.9rem,1.35rem + 2.6vw,3.3rem);line-height:1.04;letter-spacing:-.012em;font-variation-settings:"SOFT" 100,"WONK" 1;color:#fff8f0ed;transition:opacity .3s ease-in,transform .4s ease-in}#intro .intro-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}#intro .intro-w{display:inline-block;white-space:nowrap}#intro .intro-w:last-child{display:block;margin-top:.06em;font-size:1.62em;font-weight:380;letter-spacing:-.03em}#intro .intro-w.intro-w--name{font-size:min(1.62em,calc((100vw - 2 * var(--gutter, 16px)) / (var(--n, 8) * .52)))}#intro .intro-q em{font-style:italic;color:var(--rosa)}#intro .intro-l{display:inline-block;opacity:0;transform:translateY(.3em) rotate(5deg)}#intro.is-ready .intro-l{animation:intro-letter 1s var(--ease-out) both;animation-delay:calc(.2s + var(--i) * 52ms)}#intro.is-ready .intro-l--name{animation-duration:1.3s}@keyframes intro-letter{0%{opacity:0;transform:translateY(.3em) rotate(5deg)}to{opacity:1;transform:none}}#intro.is-charging .intro-q{opacity:0;transform:translateY(-14px) scale(.98)}#intro .intro-btn-wrap{position:relative;flex:none;width:var(--btn);height:var(--btn);opacity:0}#intro.is-ready .intro-btn-wrap{animation:intro-btn-in 1.2s var(--ease-spring) 1.05s both}@keyframes intro-btn-in{0%{opacity:0;transform:scale(.5) rotate(-40deg)}to{opacity:1;transform:none}}#intro .intro-halo{position:absolute;left:50%;top:50%;width:calc(var(--btn) * 3.4);height:calc(var(--btn) * 3.4);margin:calc(var(--btn) * -1.7) 0 0 calc(var(--btn) * -1.7);border-radius:50%;background:radial-gradient(closest-side,#f4a7bb2b,#b79ced13 46%,#b79ced00 72%);pointer-events:none;animation:intro-halo 3.6s ease-in-out infinite}@keyframes intro-halo{0%,to{opacity:.62;transform:scale(.93)}50%{opacity:1;transform:scale(1.04)}}#intro.is-charging .intro-halo{animation:none;opacity:1;transform:scale(.62);transition:transform .34s ease-in}#intro .intro-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,167,187,.62);opacity:0;pointer-events:none}#intro.is-ready .intro-ring{animation:intro-ring 3.4s var(--ease-out) 2.3s infinite}#intro.is-ready .intro-ring--2{animation-delay:4s;border-color:#b79ced8c}@keyframes intro-ring{0%{opacity:0;transform:scale(1)}8%{opacity:.8}to{opacity:0;transform:scale(1.8)}}#intro.is-charging .intro-ring{animation:none;opacity:0}#intro .intro-btn{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;animation:intro-breathe 3.6s ease-in-out infinite}@keyframes intro-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}#intro .intro-btn:focus-visible{outline:2px solid var(--rosa);outline-offset:12px}#intro .intro-btn__face{display:block;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 1px #ffffff0d,0 22px 44px -16px #f4a7bb80,0 0 70px -14px #b79ced73;transition:transform .45s var(--ease-spring),opacity .2s}#intro .intro-sew{display:block;width:100%;height:100%;overflow:visible}@media (hover: hover){#intro .intro-btn:hover .intro-btn__face{transform:scale(1.05) rotate(-9deg)}}#intro.is-pressing .intro-btn__face{transform:scale(.9);transition:transform .12s var(--ease-out)}#intro.is-charging .intro-btn__face{transform:scale(.84) rotate(14deg);transition:transform .34s cubic-bezier(.55,0,.8,.3)}#intro.is-boom .intro-btn__face{transform:scale(1.4) rotate(-10deg);opacity:0;transition:transform .24s var(--ease-out),opacity .2s ease-out}#intro .intro-thread{transform-origin:66px 66px;transition:transform .34s ease-in}#intro.is-charging .intro-thread{transform:scale(.9) rotate(-8deg)}#intro .intro-spool{opacity:0;transform-origin:66px 66px}#intro.is-threading .intro-spool{opacity:.95;animation:intro-spin .9s linear infinite}#intro.is-threading .intro-strand{stroke-dasharray:42;animation:intro-sew 1s ease-in-out infinite alternate}#intro.is-threading .intro-btn__face{transform:scale(.92)}@keyframes intro-spin{to{transform:rotate(360deg)}}@keyframes intro-sew{0%{stroke-dashoffset:42}to{stroke-dashoffset:0}}#intro.is-nudge .intro-btn__face{animation:intro-nudge .9s var(--ease-out)}@keyframes intro-nudge{0%,to{transform:none}18%{transform:scale(1.07) rotate(-14deg)}40%{transform:scale(1.05) rotate(11deg)}62%{transform:scale(1.02) rotate(-6deg)}82%{transform:rotate(2deg)}}#intro .intro-tapstar{position:absolute;z-index:2;width:22px;height:22px;margin:-11px 0 0 -11px;background:radial-gradient(closest-side,#fff,#fde3ead9 40%,#b79ced00);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);pointer-events:none;animation:intro-tapstar .95s var(--ease-out) both}@keyframes intro-tapstar{0%{opacity:0;transform:scale(.2) rotate(0)}25%{opacity:1;transform:scale(1.15) rotate(25deg)}to{opacity:0;transform:scale(.4) rotate(70deg)}}#intro .intro-kicker{display:inline-flex;align-items:center;gap:.9em;margin:clamp(24px,4.4vh,40px) 0 0;padding-left:.3em;font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.3em;text-transform:uppercase;color:#fff8f0a3;opacity:0}#intro .intro-note{margin:6px 0 0;font-family:var(--f-hand);font-weight:500;font-size:1.2rem;line-height:1.2;color:#fde3ea99;opacity:0}#intro.is-ready .intro-kicker{animation:intro-rise 1s var(--ease-out) 1.7s both}#intro.is-ready .intro-note{animation:intro-rise 1s var(--ease-out) 2.5s both}#intro.is-charging .intro-kicker,#intro.is-charging .intro-note{animation:intro-out .28s ease-in both}@keyframes intro-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes intro-out{0%{opacity:1}to{opacity:0;transform:translateY(6px)}}#intro .intro-peek{--peek: 44px;position:absolute;right:calc(var(--gutter) + 8px);bottom:var(--safe-bottom);width:var(--peek);height:calc(var(--peek) * .8);clip-path:inset(-60% -30% 0 -30%);-webkit-tap-highlight-color:transparent}#intro .intro-peek__s{display:block;width:100%;height:100%;transform:translateY(104%);transition:transform .26s cubic-bezier(.5,0,.9,.4)}#intro .intro-peek.is-up .intro-peek__s{transform:none;transition:transform 1.2s var(--ease-spring)}#intro .intro-peek__b{display:block;width:100%;height:100%;opacity:.68;transform-origin:50% 100%}#intro .intro-peek.is-up .intro-peek__b{animation:intro-peek-look 6.4s ease-in-out 2.4s infinite}@keyframes intro-peek-look{0%,74%,to{transform:none}79%{transform:translateY(-7%) scaleY(1.05)}84%{transform:translateY(1%) scaleY(.97)}89%{transform:translateY(-4%)}94%{transform:none}}#intro .intro-peek svg{display:block;width:100%;height:100%;overflow:visible}#intro.is-charging .intro-peek__s{transform:translateY(104%);transition:transform .2s ease-in}#intro .intro-flood{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}#intro .intro-fx{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}#intro .intro-flash{position:absolute;left:var(--ox, 50%);top:var(--oy, 50%);width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;background:radial-gradient(closest-side,#fde3ea,#fde3ea99 34%,#f4a7bb00 72%);opacity:0}#intro.is-boom:not(.is-calm) .intro-flash{animation:intro-flash .62s ease-out both}@keyframes intro-flash{0%{opacity:0;transform:scale(.3)}16%{opacity:.6}to{opacity:0;transform:scale(2.3)}}#intro .intro-shock{position:absolute;left:var(--ox, 50%);top:var(--oy, 50%);width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;border:1.6px solid rgba(255,255,255,.95);box-shadow:0 0 16px #ffffff73,inset 0 0 12px #ffffff4d;opacity:0}#intro.is-boom:not(.is-calm) .intro-shock{animation:intro-shock .8s cubic-bezier(.12,.7,.3,1) both}#intro.is-boom:not(.is-calm) .intro-shock--2{animation-duration:1.15s;animation-delay:.08s;border-width:1px;border-color:#fde3eae6}@keyframes intro-shock{0%{opacity:1;transform:scale(.9)}55%{opacity:.38}to{opacity:0;transform:scale(7.5)}}#intro .intro-stamp{position:absolute;left:50%;top:var(--oy, 50%);z-index:6;margin:0;transform:translate(-50%,-50%) rotate(-4.5deg);opacity:0;text-align:center;white-space:nowrap;pointer-events:none;font-family:var(--f-display);line-height:.9;color:#fff8f0}#intro .intro-stamp__a{display:block;margin-bottom:.02em;font-weight:430;font-size:clamp(1.9rem,1.25rem + 3vw,3.6rem);letter-spacing:-.01em;font-variation-settings:"SOFT" 100,"WONK" 0}#intro .intro-stamp__b{display:block;font-style:italic;font-weight:470;font-size:clamp(3.1rem,1.6rem + 7vw,7.6rem);letter-spacing:-.025em;font-variation-settings:"SOFT" 100,"WONK" 1}#intro .intro-sl{display:inline-block;text-shadow:0 1px 0 #F4A7BB,0 2px 0 #EE86A3,0 3px 0 #E25C8A,0 4px 0 #C2407A,0 5px 0 #A9346A,0 6px 0 #7E5BD6,0 7px 0 #5B3AA8,0 16px 28px rgba(43,34,56,.5),0 0 26px rgba(91,58,168,.35)}#intro .intro-stamp__c{display:block;width:max-content;margin:.55em auto 0;padding:.06em .8em .14em;font-family:var(--f-hand);font-weight:600;font-size:clamp(1.4rem,1.12rem + 1.2vw,2.2rem);line-height:1.1;letter-spacing:.01em;color:#fff8f0;background:linear-gradient(180deg,#ffffff38,#fff0 55%),repeating-linear-gradient(-45deg,#ffffff14 0 6px,#fff0 6px 12px),#c2407ae6;clip-path:polygon(0 0,100% 0,98.6% 20%,100% 40%,98.6% 60%,100% 80%,98.6% 100%,0 100%,1.4% 80%,0 60%,1.4% 40%,0 20%);text-shadow:0 1px 0 rgba(91,58,168,.45);opacity:0;transform:rotate(3deg);transform-origin:0 50%}@media (max-width: 370px){#intro{--btn: 120px}#intro .intro-peek{--peek: 40px}}@media (min-width: 900px){#intro .intro-peek{--peek: 54px;right:calc(var(--gutter) + 16px)}}@media (max-height: 560px){#intro{--btn: 96px}#intro .intro-peek{--peek: 36px}#intro .intro-q{font-size:clamp(1.5rem,1.1rem + 2vw,2.2rem);margin-bottom:18px}#intro .intro-kicker{margin-top:16px}#intro .intro-note{display:none}}