:root{color-scheme:light;--paper: #FFFFFF;--ink: #121216;--soft: #55555F;--rule: #DEDEE3;--display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--text: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;--gutter: clamp(20px, 4vw, 56px);--maxw: 1240px;--bar-h: 64px;--rl: 1.16;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 clamp(16px,.3vw + 15px,19px) / 1.6 var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--band, var(--paper))}.wrap{width:100%;max-width:calc(var(--maxw) + 2 * var(--gutter));margin-inline:auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:fixed;left:16px;top:-64px;z-index:80;padding:10px 16px;background:var(--ink);color:var(--paper);border-radius:8px;text-decoration:none;transition:top .2s}.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}.eyebrow{margin:0;font:500 13px / 1.2 var(--text);letter-spacing:.18em;text-transform:uppercase}.bar{position:fixed;inset:0 0 auto;z-index:50;padding-top:env(safe-area-inset-top,0px);pointer-events:none;--chip-bg: rgba(255, 255, 255, .85);--chip-fg: var(--ink);--chip-bd: rgba(18, 18, 22, .2);--mark: var(--ink);--cta-bg: var(--ink);--cta-fg: var(--paper)}.bar:before{content:"";position:absolute;inset:0;background:#ffffffeb;border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .35s}.bar[data-tone=sheet]:before{opacity:1}.bar__in{position:relative;height:var(--bar-h);display:flex;align-items:center;justify-content:space-between;gap:16px}.mark{pointer-events:auto;font:600 20px / 1 var(--display);letter-spacing:-.03em;color:var(--mark);text-decoration:none;opacity:0;transform:translateY(6px);transition:opacity .4s var(--ease),transform .4s var(--ease),color .3s}.bar.show-mark .mark,.mark:focus-visible{opacity:1;transform:none}.bar__r{display:flex;align-items:center;gap:10px;margin-left:auto}.hello{pointer-events:auto;display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;font:500 14px / 1 var(--text);letter-spacing:.01em;color:var(--cta-fg);background:var(--cta-bg);border:1.5px solid var(--cta-bg);text-decoration:none;transition:background-color .3s,color .3s,border-color .3s,transform .3s var(--ease)}.hello:hover{transform:translateY(-1px)}.hello:focus-visible{outline-color:var(--cta-bg)}.chip{pointer-events:auto;margin:0;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;line-height:1;color:var(--chip-fg);background:var(--chip-bg);border:1px solid var(--chip-bd);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;transition:background-color .3s,color .3s,border-color .3s}.chip i{width:6px;height:6px;border-radius:50%;background:var(--chip-fg);animation:beat 2.4s ease-in-out infinite}@keyframes beat{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.scene{position:relative}.scene--hero{height:280svh}.scene--end{height:280svh;margin-top:-100svh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--paper);color:var(--ink)}.canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.stage__in{position:absolute;inset-inline:0;top:0;margin-inline:auto;display:flex;flex-direction:column;align-items:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + var(--bar-h) + clamp(8px,5svh,64px))}.hero__in .eyebrow,.lets,.roller,.hero__in .sub,.end__in .eyebrow,.big,.end__in .sub,.mail,.cue{text-shadow:0 0 6px var(--paper),0 0 12px var(--paper),0 0 18px var(--paper)}.hero__in .eyebrow{color:var(--soft);margin-bottom:clamp(6px,1.2vw,16px)}.name{margin:0;font:650 clamp(60px,11.5vw,176px) / .94 var(--display);letter-spacing:-.034em;color:var(--ink)}.word{display:inline-block;overflow:hidden;padding:0 .06em .2em 0;margin-bottom:-.2em;vertical-align:top}.ch{display:inline-block}.js .ch{animation:rise 1.15s var(--ease) both;animation-delay:calc(var(--i) * 55ms + .12s)}@keyframes rise{0%{transform:translateY(112%)}to{transform:none}}.js:not(.ready) .ch,.js:not(.ready) .fx{animation-play-state:paused}.js .fx{animation:fadeup 1s var(--ease) both;animation-delay:calc(var(--d, 0) * 1ms + .1s)}@keyframes fadeup{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.lets{margin:clamp(18px,2.6vw,36px) 0 0;font:500 clamp(18px,2vw,26px) / 1.2 var(--text);color:var(--soft)}.roller{margin-top:2px;height:calc(var(--rl) * 1em);overflow:hidden;font:600 clamp(38px,6.4vw,92px) / var(--rl) var(--display);letter-spacing:-.03em;color:var(--ink)}.roller__list{list-style:none;margin:0;padding:0;transition:transform .9s var(--ease);will-change:transform}.roller__list li{height:calc(var(--rl) * 1em);white-space:nowrap}.sub{margin:clamp(12px,1.6vw,22px) 0 0;max-width:32ch;color:var(--soft);font-size:clamp(16px,1.3vw,20px)}.cue{position:absolute;right:max(var(--gutter),env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);transition:opacity .4s}.cue i{width:1px;height:28px;margin-right:4px;background:linear-gradient(var(--ink),transparent);transform-origin:top;animation:drip 2s var(--ease) infinite}@keyframes drip{0%{transform:scaleY(0);opacity:1}70%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.sheet{position:relative;z-index:2;margin:-100svh clamp(6px,1.2vw,16px) 0;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:36px;padding-block:clamp(96px,14vw,190px) clamp(80px,11vw,150px);box-shadow:4px 6px 0 var(--ink),0 -20px 60px #1212161a}.sheet .eyebrow{color:var(--soft)}.ask{margin:14px 0 0;max-width:16ch;font:650 clamp(40px,6.4vw,92px) / 1 var(--display);letter-spacing:-.04em;text-wrap:balance;color:var(--ink)}.hint{margin:clamp(14px,1.8vw,22px) 0 0;font:500 clamp(24px,2.4vw,32px) / 1.15 var(--hand);color:var(--soft)}.list{margin:clamp(36px,6vw,80px) 0 0}.group{position:relative;padding-block:clamp(30px,3.6vw,52px) clamp(36px,4.6vw,64px)}.group:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--rule);transform-origin:left}.js .group:before{transform:scaleX(0);transition:transform 1.4s var(--ease)}.js .group.in:before{transform:none}.group__head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px 14px;align-items:start;margin-bottom:clamp(26px,3.2vw,40px)}.group .n{align-self:start;margin-top:.35em;display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--ink);border-radius:58% 42% 55% 45%/46% 54%;font:500 22px / 1 var(--hand);color:var(--ink);font-variant-numeric:tabular-nums;transition:color .4s,background-color .4s,transform .5s var(--ease)}.group h3{margin:0;font:600 clamp(30px,3.8vw,52px) / 1.06 var(--display);letter-spacing:-.04em;text-wrap:balance;color:var(--ink);transition:transform .7s var(--ease)}.group__head p{grid-column:2;margin:0;max-width:52ch;color:var(--soft);font-size:clamp(16px,1.2vw,19px)}.group.is-active h3,.group:hover h3{transform:translate(clamp(4px,.8vw,10px))}.group.is-active .n,.group:hover .n{background:var(--ink);color:var(--paper);transform:rotate(-7deg) scale(1.1)}.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:36px 30px;align-items:start}.card{position:relative;min-width:0}.card:nth-child(2){--c: 1}.card:nth-child(3){--c: 2}.card:nth-child(4){--c: 3}.js .group__head,.js .card{opacity:0;translate:0 22px;transition:opacity .9s var(--ease),translate .9s var(--ease)}.js .card{transition-delay:calc(var(--c, 0) * .11s + .14s)}.js .group.in .group__head,.js .group.in .card{opacity:1;translate:none}.card__box{position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:20px 26px 22px 24px/24px 20px 26px 22px;filter:drop-shadow(3px 4px 0 var(--ink));transform:rotate(var(--tilt, -.4deg));transition:transform .4s var(--ease),filter .4s var(--ease)}.card:nth-child(2n) .card__box{--tilt: .4deg;border-radius:26px 20px 24px 22px/20px 26px 22px 24px}.card__box:after{content:"";position:absolute;left:34px;bottom:-11px;width:16px;height:16px;background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) skew(6deg,6deg);border-bottom-right-radius:4px}.card__box:hover,.card.is-open .card__box{transform:rotate(0) translateY(-2px);filter:drop-shadow(5px 7px 0 var(--ink))}.card__open{display:flex;flex-direction:column;gap:10px;padding:18px 22px 17px;color:var(--ink);text-decoration:none}.card.is-open .card__open{padding-bottom:12px}.card__open:focus-visible{outline:2px solid var(--ink);outline-offset:-8px;border-radius:18px}.card__t{font:600 12px / 1.2 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}.card__q{font:500 clamp(28px,2.5vw,35px) / 1.06 var(--hand);text-wrap:balance}.card__go{display:flex;align-items:center;gap:6px;margin-top:2px;font:500 12px / 1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);transition:color .2s}.card__go i{font-style:normal;transition:transform .3s var(--ease)}.card__open:hover .card__go,.card__open:focus-visible .card__go{color:var(--ink)}.card__open:hover .card__go i,.card__open:focus-visible .card__go i{transform:translate(4px)}.card__form{padding:0 22px 18px;animation:popin .45s var(--ease) both}.card__form[hidden]{display:none}.card__form textarea{display:block;width:100%;min-height:88px;max-height:180px;resize:none;padding:12px 16px;font:400 17px / 1.45 var(--text);color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:16px}.card__form textarea::placeholder{color:#66666f;opacity:1}.card__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px}.card__row .btn{cursor:pointer}.card__note{flex:1 1 200px;margin:0;font-size:13px;line-height:1.4;color:var(--soft)}@keyframes popin{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.more-row{margin:0;padding-top:clamp(28px,3.6vw,52px);border-top:1px solid var(--rule)}.more{font:500 clamp(26px,2.6vw,34px) / 1.2 var(--hand);color:var(--soft);text-decoration:none;background:linear-gradient(var(--ink),var(--ink)) left bottom / 0 1.5px no-repeat;padding-bottom:3px;transition:color .3s,background-size .5s var(--ease)}.more:hover,.more:focus-visible{color:var(--ink);background-size:100% 1.5px}.nb{display:inline-block;text-wrap:balance}.drive{--gap: 34px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}.step{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:20px;align-items:start;min-width:0;color:var(--ink)}.step:nth-child(2){--c: 1}.step:nth-child(3){--c: 2}.step__ico{grid-row:1 / span 2;display:block;width:auto;height:70px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .9s var(--ease)}.step__ico .p{fill:var(--paper)}.step__ico .d{fill:currentColor;stroke:none}.step__ico .cof{fill:#7a4a24;stroke:none}.step__ico .road{stroke-dasharray:9 7;stroke-width:1.6;opacity:.7}.step__t{margin:4px 0 2px;font:600 clamp(24px,2.2vw,30px) / 1.1 var(--display);letter-spacing:-.03em}.step__p{margin:0;max-width:30ch;color:var(--soft);font-size:clamp(16px,1.15vw,18px)}.step:not(:last-child):before{content:"";position:absolute;left:calc(var(--iw) / 2);top:80px;bottom:calc(var(--gap) * -1 + 10px);border-left:3px dotted var(--ink);opacity:.5;transform-origin:top}.group.is-active .step:nth-child(3) .step__ico{transform:translate(8px)}.drive__note{margin:clamp(28px,3.4vw,44px) 0 0;font:500 clamp(30px,3vw,40px) / 1.1 var(--hand);color:var(--ink)}.js .step,.js .drive__note{opacity:0;translate:0 22px;transition:opacity .9s var(--ease),translate .9s var(--ease);transition-delay:calc(var(--c, 0) * .18s + .2s)}.js .drive__note{--c: 4}.js .step:not(:last-child):before{transform:scaleY(0);transition:transform .8s var(--ease);transition-delay:calc(var(--c, 0) * .18s + .7s)}.js .group.in .step,.js .group.in .drive__note{opacity:1;translate:none}.js .group.in .step:not(:last-child):before{transform:none}@media(min-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.drive{--gap: clamp(28px, 4vw, 56px);grid-template-columns:repeat(3,minmax(0,1fr))}.step{display:block}.step__ico{margin-bottom:14px}.step__t{margin:0 0 4px}.step:not(:last-child):before{left:calc(var(--iw) + 14px);right:calc(var(--gap) * -1 + 14px);top:35px;bottom:auto;border-left:0;border-top:3px dotted var(--ink);transform-origin:left}.js .step:not(:last-child):before{transform:scaleX(0)}.js .group.in .step:not(:last-child):before{transform:none}}@media(min-width:860px){.group__head{grid-template-columns:64px minmax(0,1fr);gap:8px 40px}.group .n{margin-top:.5em}.cards,.drive,.drive__note{margin-left:104px}.drive__note{margin-top:clamp(28px,3.4vw,44px)}.more-row{padding-left:104px}}.end__in .eyebrow{color:var(--soft)}.end__in{opacity:var(--k, 1);transform:translateY(calc((1 - var(--k, 1)) * 28px))}.end__in.is-off{visibility:hidden}.big{margin:clamp(8px,1.4vw,18px) 0 0;font:650 clamp(60px,11vw,168px) / .94 var(--display);letter-spacing:-.038em;color:var(--ink)}.end__in .sub{margin-top:clamp(14px,2vw,26px);max-width:34ch}.alt{margin-top:clamp(14px,1.8vw,22px);display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;max-width:100%}.mailrow{margin:0}.mail{display:inline-block;max-width:100%;overflow-wrap:anywhere;font:600 clamp(20px,2.4vw,32px) / 1.1 var(--display);letter-spacing:-.035em;color:var(--ink);text-decoration:none;padding-bottom:.1em;background:linear-gradient(var(--ink),var(--ink)) right bottom / 100% 2px no-repeat;transition:background-size .55s var(--ease)}.mail:hover,.mail:focus-visible{background-size:0 2px}.actions{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 12px}.btn{display:inline-flex;align-items:center;font:500 15px / 1 var(--text);letter-spacing:.02em;color:var(--paper);background:var(--ink);border:1.5px solid var(--ink);border-radius:999px;padding:13px 24px;text-decoration:none;transition:background-color .3s,color .3s,transform .3s var(--ease)}.btn:hover,.btn:focus-visible{background:var(--paper);color:var(--ink);transform:translateY(-1px)}.copy{font:500 15px / 1 var(--text);letter-spacing:.02em;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:999px;padding:13px 22px;cursor:pointer;transition:background-color .3s,color .3s}.copy:hover{background:var(--ink);color:var(--paper)}.copy-status{font-size:14px;color:var(--soft);min-height:1.4em}.foot{position:absolute;left:0;right:0;bottom:0;padding:44px 0 calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--paper) 55%,rgba(255,255,255,0));color:var(--soft);font-size:13px}.foot__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px}.bubble{position:absolute;z-index:4;display:none;padding:14px 18px 12px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:22px 26px 24px 20px/24px 20px 26px 22px;text-decoration:none;filter:drop-shadow(3px 4px 0 var(--ink));transform-origin:var(--tail, 30px) 100%;transform:translateY(10px) scale(.84) rotate(-1deg);opacity:0;pointer-events:none;transition:opacity .5s var(--ease),transform .6s var(--ease)}.js .bubble{display:block}.bubble:after{content:"";position:absolute;left:var(--tail, 30px);bottom:-10px;width:16px;height:16px;background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) skew(6deg,6deg);border-bottom-right-radius:4px}.bubble.is-on{opacity:1;transform:rotate(-1deg);pointer-events:auto}.bubble.is-on:hover,.bubble.is-on:focus-visible{transform:rotate(-1deg) translateY(-3px)}.bubble.is-gone{visibility:hidden;pointer-events:none}.bubble:focus-visible{outline-offset:6px;border-radius:22px 26px 24px 20px/24px 20px 26px 22px}.bubble__q{display:block;font:500 clamp(23px,1.9vw,28px) / 1.08 var(--hand);transition:opacity .25s}.bubble__go{display:flex;align-items:center;gap:6px;margin-top:8px;font:500 12px / 1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);transition:color .2s,opacity .25s}.bubble__go i{font-style:normal;transition:transform .3s var(--ease)}.bubble:hover .bubble__go,.bubble:focus-visible .bubble__go{color:var(--ink)}.bubble:hover .bubble__go i,.bubble:focus-visible .bubble__go i{transform:translate(4px)}.bubble.is-compact{padding:10px 14px 9px}.bubble.is-compact .bubble__q{font-size:21px}.bubble.is-compact .bubble__go{display:none}.bubble__dots{position:absolute;left:20px;top:50%;display:flex;gap:6px;margin-top:-4px;opacity:0;pointer-events:none;transition:opacity .2s}.bubble__dots i{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:dot 1s ease-in-out infinite}.bubble__dots i:nth-child(2){animation-delay:.15s}.bubble__dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-4px);opacity:1}}.bubble.is-typing .bubble__q,.bubble.is-typing .bubble__go{opacity:0}.bubble.is-typing .bubble__dots{opacity:1}.compose{display:none;margin-top:clamp(14px,2vw,24px);width:min(100%,580px);flex-wrap:wrap;align-items:flex-end;gap:10px}.js .compose{display:flex}.js .btn--write{display:none}.compose textarea{flex:1 1 260px;min-width:0;min-height:52px;max-height:120px;resize:none;padding:14px 20px;font:400 17px / 1.4 var(--text);color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:28px;overflow-y:auto}.compose textarea::placeholder{color:#66666f;opacity:1}.compose textarea:focus-visible{outline-offset:3px;border-radius:28px}.compose .btn{min-height:52px;justify-content:center;cursor:pointer}@media(max-width:560px){.chip{display:none}}@media(max-width:640px)and (max-height:640px){.hero__in .sub{display:none}}@media(max-width:640px){.cue{display:none}.bubble{padding:11px 15px 10px}.bubble__q{font-size:22px}.card__q{font-size:27px}.card__open{padding:16px 18px 15px}.card__form{padding:0 18px 16px}.ask{max-width:12ch}.roller{font-size:clamp(26px,7.4vw,48px)}.name .word{display:block}.name{font-size:clamp(84px,25vw,130px)}.hero__in .sub{max-width:27ch}.sheet{border-radius:28px}}@media(max-height:560px)and (orientation:landscape){.cue{display:none}.stage__in{padding-top:calc(env(safe-area-inset-top,0px) + var(--bar-h) - 6px)}.name{font-size:clamp(44px,16svh,96px)}.hero__in .sub{display:none}.lets{margin-top:10px;font-size:16px}.roller{font-size:clamp(26px,9svh,48px)}.big{font-size:clamp(44px,18svh,110px)}.end__in .sub{display:none}.mailrow{margin-top:12px}.actions{margin-top:10px}}@media(prefers-reduced-motion:reduce){.js .ch,.js .fx{animation:none}.js .group:before{transform:none;transition:none}.js .group__head,.js .card,.js .step,.js .drive__note{opacity:1;translate:none;transition:none}.js .step:not(:last-child):before{transform:none;transition:none}.step__ico{transition:none}.cue i,.chip i{animation:none}.roller__list,.group h3,.group .n,.card__box,.bubble{transition:none}.bubble__dots i,.card__form{animation:none}}