.stack.svelte-1jvwvzs{display:inline-flex;align-items:center;gap:14px}.tech.svelte-1jvwvzs{position:relative;display:grid;place-items:center;color:var(--ink-3);transition:color .25s ease}.tech.svelte-1jvwvzs:hover{color:var(--ink)}.tech.svelte-1jvwvzs:after{content:attr(data-name);position:absolute;top:50%;right:calc(100% + 10px);padding:5px 8px;border-radius:7px;background:#1e1e20e6;box-shadow:inset 0 0 0 1px #ffffff14;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--ink-2);opacity:0;transform:translate(4px,-50%);pointer-events:none;transition:opacity .2s ease,transform .3s var(--ease)}.tech.svelte-1jvwvzs:hover:after{opacity:1;transform:translateY(-50%)}.stack.svelte-1jvwvzs:has(.tech:where(.svelte-1jvwvzs):hover) .tech:where(.svelte-1jvwvzs):not(:hover){color:#ffffff2e}@media(max-width:760px){.tech.svelte-1jvwvzs:after{right:auto;left:calc(100% + 10px);transform:translate(-4px,-50%)}}.intro{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:120px 24px 80px;text-align:center}.intro-inner{display:grid;justify-items:center;max-width:31rem;position:relative;z-index:1}.hero-mark{padding:18px;margin:-18px;cursor:pointer;touch-action:manipulation}.hero-mark:not(.live) .mark{visibility:hidden}.hero-mark .mark{transform-origin:50% 50%}.hero-mark.loading .mark{animation:mark-wait 1.1s ease-in-out 1.4s infinite alternate}@keyframes mark-wait{to{opacity:.35}}@keyframes word{0%{opacity:0;transform:translateY(.35em);filter:blur(8px)}}.intro p .w{display:inline-block;animation:word 1s var(--ease) backwards;animation-delay:calc(.5s + var(--i) * 28ms)}.cue{animation:fade-in 1.2s ease 2.1s backwards}.hero-mark .mark{display:block;overflow:visible}.hero-mark circle{transition:fill-opacity .4s ease}.tunnel{height:220vh}@media(max-width:760px){.tunnel{height:170vh}}.stage3d{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}.intro p{margin:30px 0 0;font:500 clamp(19px,1.05rem + .45vw,23px) / 1.45 var(--display);letter-spacing:-.012em;color:var(--ink-2);text-wrap:balance}.intro p b{font-weight:inherit;color:var(--ink)}.cue{position:absolute;left:50%;bottom:30px;display:grid;justify-items:center;gap:7px;margin-left:-2px;width:4px;transition:opacity .3s ease}.cue i{width:3px;height:3px;border-radius:50%;background:var(--ink);opacity:.16;animation:pip 2.6s cubic-bezier(.4,0,.2,1) infinite;animation-delay:calc(var(--n) * .14s)}@keyframes pip{0%,60%,to{opacity:.16;transform:scale(1);box-shadow:none}18%{opacity:1;transform:scale(1.45);box-shadow:0 0 8px #ffffff8c}}.chapter{position:relative;height:430vh}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.logo{position:absolute;left:50%;top:46%;width:min(84vw,70vh,760px);aspect-ratio:1;transform:translate(-50%,-50%) translate(var(--lx, 0px),var(--ly, 0px)) scale(var(--ls, 1));z-index:3;touch-action:pan-y;cursor:grab}.logo.dragging{cursor:grabbing}.logo:focus{outline:none}.ch-index{position:absolute;top:88px;left:28px;margin:0;font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);z-index:4}.ch-index b{color:var(--ink-2);font-weight:500}.ch-url{display:flex;align-items:center;gap:9px;width:fit-content;margin-top:6px;color:var(--ink-3);transition:color .2s ease}.ch-url .dot{display:none;position:relative;width:6px;height:6px;border-radius:50%;background:#5ee08a;box-shadow:0 0 8px #5ee08a}.ch-url .dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.ch-url:hover{color:var(--ink)}.ch-copy{position:absolute;left:28px;bottom:40px;max-width:26rem;z-index:4}.ch-name{margin:0;font:500 clamp(40px,2rem + 3vw,76px) / .98 var(--display);letter-spacing:-.035em}.ch-line{margin:14px 0 0;font-size:16px;color:var(--ink-2);max-width:24em;text-wrap:pretty}.ch-meta{position:absolute;right:28px;bottom:40px;display:grid;gap:10px;justify-items:end;text-align:right;z-index:4}.meta-row{font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.meta-row span{color:var(--ink-2)}.status{position:relative;display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);--dot: #5ee08a}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dot);box-shadow:0 0 8px var(--dot)}.status.live:after{content:"";position:absolute;left:0;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--dot);animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.status.wip:before{box-sizing:border-box;background:transparent;border:1.5px solid #f5b83d;box-shadow:none}.visit{margin-top:6px;padding:12px 18px;font:500 14px/1 var(--display)}[data-split] .w,.intro p .w{display:inline-block}.nw{white-space:nowrap}[data-split]:not(.in,.seen) .w,[data-stagger]:not(.in,.seen)>*{opacity:0}[data-split]:is(.in,.seen) .w,[data-stagger]:is(.in,.seen)>*{animation:word 1s var(--ease) backwards;animation-delay:calc(var(--d0, 0ms) + var(--i, 0) * 28ms)}[data-stagger]:is(.in,.seen)>*{animation-delay:calc(var(--d0, 0ms) + var(--i, 0) * 70ms)}.chapter [data-reveal-at]:not([data-split],[data-stagger],.in){opacity:0}.chapter [data-reveal-at].in:not([data-split],[data-stagger]){animation:word 1s var(--ease) backwards}.ch-copy,.ch-meta{opacity:calc(1 - var(--out, 0))}.sec-head[data-view],[data-view]:is([data-split],[data-stagger]){opacity:1;transform:none;filter:none}.sec-title{--d0: 80ms}.sec-line{--d0: .24s}.end .open-wide{--d0: .2s}.end-links{--d0: .38s}.end .sign{--d0: .6s}.preview{position:absolute;right:6vw;top:50%;width:min(58vw,880px);z-index:4;transform-origin:50% 100%;transform:translateY(-50%) translateY(var(--py, 18vh)) translate3d(calc(var(--mx, 0) * -18px),calc(var(--my, 0) * -12px),0) perspective(1600px) rotateY(calc(-14deg + var(--mx, 0) * 9deg)) rotateX(calc(4deg - var(--my, 0) * 6deg + (1 - var(--pk, 0)) * 62deg));opacity:var(--po, 0);filter:blur(var(--pb, 10px));pointer-events:none}.window{display:block;transition:border-color .3s ease;overflow:hidden;border-radius:14px;background:#0e0e0f;border:1px solid rgb(255 255 255 / .1);box-shadow:0 40px 120px -30px #000000e6,0 0 0 1px #0009}.window-bar{position:relative;display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-bottom:1px solid rgb(255 255 255 / .06);background:#141415}.window-bar i{width:9px;height:9px;border-radius:50%;background:#2c2c2e}.window-bar .url{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:6px;background:#1c1c1e;font:500 11px/1.4 var(--mono);color:var(--ink-3);white-space:nowrap;transition:color .2s ease,background-color .2s ease}.window-bar .url svg{opacity:.7}.win-go{position:absolute;right:8px;top:50%;display:grid;place-items:center;width:26px;height:22px;margin-top:-13px;border-radius:7px;color:var(--ink-2);background:linear-gradient(#3b3b3f,#202023);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff0d,0 3px #08080a,0 7px 14px -5px #000000e6;transition:transform .3s var(--ease),box-shadow .3s var(--ease),color .3s ease}.win-go .arrow{transition:transform .35s var(--ease)}.window:hover .win-go{transform:translateY(2px);color:var(--accent, var(--ink));box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff0d,0 1px #08080a,0 3px 8px -4px #000000e6}.window:hover .win-go .arrow{transform:scale(1.18)}.preview.shown,.phone.shown{pointer-events:auto}.window:hover{border-color:#fff3}.window:hover .url{color:var(--ink);background:#232326}.viewport{height:min(56vh,540px);overflow:hidden}.viewport img{display:block;width:100%;transform:translateY(calc(var(--pan, 0%) + var(--my, 0) * -36px))}.phones{position:absolute;right:8vw;top:50%;display:flex;gap:18px;z-index:4;transform:translateY(-50%);pointer-events:none}.phone{display:block;transition:border-color .3s ease;width:min(17vw,240px);aspect-ratio:600 / 1300;overflow:hidden;border-radius:30px;border:5px solid #1a1a1c;background:#000;box-shadow:0 40px 100px -30px #000000e6;opacity:var(--po, 0);transform:translateY(var(--py, 40vh)) translate3d(calc(var(--pmx, 0) * var(--depth, 1) * -30px),calc(var(--pmy, 0) * var(--lift, 1) * -26px),0) perspective(1200px) rotateX(calc((1 - var(--pk, 0)) * 70deg)) rotate(calc(var(--rot, 0deg) + var(--pmx, 0) * var(--lean, 2deg)));transform-origin:50% 100%;filter:blur(var(--pb, 10px))}.phone:hover{border-color:#2c2c30}.phone img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:760px){.ch-copy{left:20px;right:20px;bottom:112px}.ch-meta .status{display:none}.ch-url .dot{display:block}.ch-meta{left:20px;right:auto;bottom:28px;justify-items:start;text-align:left}.ch-index{left:20px}.logo{top:38%;width:min(66vw,50vh)}.preview{right:20px;left:20px;width:auto;top:44%;transform:translateY(-50%) translateY(var(--py, 18vh)) perspective(1200px) rotateX(calc((1 - var(--pk, 0)) * 55deg))}.viewport{height:30vh}.phones{right:0;left:0;justify-content:center;top:42%;gap:10px}.phone{width:23vw;border-radius:18px;border-width:4px}.phone:nth-child(n+4){display:none}}.timeline{position:relative;padding-left:34px}.roles{margin:0;padding:0;list-style:none}.rail{position:absolute;left:3px;top:8px;bottom:8px;width:1px;background:#ffffff14;-webkit-mask:linear-gradient(#0000,#000 12%,#000 82%,#0000);mask:linear-gradient(#0000,#000 12%,#000 82%,#0000)}.rail i{position:absolute;inset:0;background:linear-gradient(var(--ink),rgb(255 255 255 / .35));transform-origin:top;transform:scaleY(var(--fill, 0))}.role{position:relative;display:grid;gap:8px;padding:26px 0}.role-co{position:relative}.role-co:before{content:"";position:absolute;left:-34px;top:calc(50% - 3.5px);width:7px;height:7px;border-radius:50%;background:#000;box-shadow:inset 0 0 0 1px #ffffff40;transition:background-color .4s ease,box-shadow .4s ease}.role.lit .role-co:before{background:var(--ink);box-shadow:0 0 0 4px #ffffff0f,0 0 12px #fff6}.roles li+li .role{border-top:1px solid var(--line)}.role-co{overflow-wrap:anywhere;font:500 clamp(26px,1.2rem + 1.6vw,40px) / 1.05 var(--display);letter-spacing:-.025em;transition:color .3s ease}.role-what{margin-top:-2px;font-size:15px;color:var(--ink-2)}.role-note{display:none;margin-top:2px;font-size:14px;line-height:1.5;color:var(--ink-3)}.role-years{order:-1;font:500 12px/1 var(--mono);letter-spacing:.1em;color:var(--ink-3);font-variant-numeric:tabular-nums;transition:color .3s ease}a.role:hover .role-years{color:var(--ink)}.timeline:has(a.role:hover) .role:not(:hover) .role-co{color:var(--ink-3)}.peek.frost{position:fixed;left:0;top:0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;width:290px;padding:12px 14px 12px 12px;border-radius:16px;pointer-events:none;opacity:0;transform:translate3d(var(--x, 0),var(--y, 0),0) scale(.92);transition:opacity .3s ease,scale .3s var(--ease);background:#141416b8;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff14,0 24px 50px -20px #000000e6}.peek.frost.on{opacity:1}.peek-ico{width:42px;height:42px;border-radius:11px}.peek-ico img{width:22px;height:22px;border-radius:5px}.peek p{margin:0;font-size:13.5px;line-height:1.45;color:var(--ink-2)}.peek b{display:block;margin-bottom:2px;font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}@media(hover:none){.role-note{display:block}.peek{display:none}}.end{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:80px 24px;text-align:center}.end h2{margin:0;font:500 clamp(30px,1.4rem + 2.6vw,56px) / 1.05 var(--display);letter-spacing:-.03em;text-wrap:balance}.end h2 span{color:var(--ink-3)}.end-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}.end-links button,.end-links a{appearance:none;gap:9px;padding:12px 18px;border:0;font:500 14px/1 var(--display);cursor:pointer}.copy-ico{position:relative;width:15px;height:15px}.copy-ico svg{position:absolute;inset:0;transition:opacity .25s ease,transform .35s var(--ease)}.copy-ico .tick,.copy.done .copy-ico .mail{opacity:0;transform:scale(.6)}.copy.done .copy-ico .tick{opacity:1;transform:none}.sign{margin-top:56px;font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}@media(prefers-reduced-motion:reduce){.hero-mark,.intro p .w,.cue{animation:none}.cue i,.open-wide>i:after,.grain,.status.live:after,.ch-url .dot:after{animation:none}[data-reveal-at],[data-split] .w,[data-stagger]>*{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}}@media(hover:none){[data-reveal-at],.preview,.phone{filter:none!important}}.open-wide{max-width:62rem;margin:26px auto 0;font:500 clamp(16px,.9rem + .35vw,19px) / 1.5 var(--display);letter-spacing:-.01em;color:var(--ink-3);text-wrap:balance}.open-wide b{white-space:nowrap;font-weight:inherit;color:var(--ink)}.open-wide>i{position:relative;display:inline-block;width:6px;height:6px;margin-right:12px;vertical-align:.18em;border-radius:50%;background:#5ee08a;box-shadow:0 0 8px #5ee08a}.open-wide>i:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:ping 2.4s cubic-bezier(0,0,.2,1) infinite}@media(max-width:760px){.open-wide{max-width:21rem;font-size:16px}.open-wide b{white-space:normal}}.fps{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;padding:6px 9px;border-radius:8px;background:#000000bf;font:500 11px/1 var(--mono);color:#b8f07a;pointer-events:none}