:root{--teal:#66c5cc;--sun:#f6cf71;--peach:#f89c74;--gray:#b3b3b3;--dark:#1c1c1c;--light:#fffaf0}*{box-sizing:border-box}html{scroll-snap-type:y mandatory}body{background:var(--dark);color:var(--dark);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.stage{--p:0;--h:100svh;grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0;overflow:hidden}.half{position:relative;overflow:hidden}.track{will-change:transform;transform:translate3d(0, calc(var(--p) * var(--h) * -1), 0);flex-direction:column;display:flex}.track-reverse{transform:translate3d(0, calc((var(--p) - (var(--n) - 1)) * var(--h)), 0);flex-direction:column-reverse}.stops{z-index:-1;position:relative}.stop{scroll-snap-align:start;height:100svh}.panel{height:var(--h);background:var(--bg);color:var(--fg);place-items:center;display:grid;position:relative;overflow:hidden}.tone-teal{--bg:var(--teal);--fg:var(--dark)}.tone-sun{--bg:var(--sun);--fg:var(--dark)}.tone-peach{--bg:var(--peach);--fg:var(--dark)}.tone-gray{--bg:var(--gray);--fg:var(--dark)}.panel-text{z-index:2;width:min(30rem,100% - 3rem);position:relative}.kicker{letter-spacing:.18em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;font-weight:700}.title{letter-spacing:-.045em;margin:0 0 1.25rem;font-size:clamp(2.5rem,6.5vw,5.75rem);font-weight:800;line-height:.95}.body{opacity:.85;max-width:24rem;margin:0;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.55}.reveal{opacity:0;transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d) * .11s + .15s);transform:translateY(2.5rem)}.is-active .reveal{opacity:1;transform:none}.is-active .body.reveal{opacity:.85}.art{position:absolute;inset:0}.layer{--speed:0;translate:-50% calc(-50% + (var(--p) - var(--i)) * var(--speed) * 1vh);will-change:translate;position:absolute;top:50%;left:50%}.ghost-number{translate:0 calc((var(--p) - var(--i)) * var(--speed) * 1vh);letter-spacing:-.06em;color:var(--fg);opacity:.1;pointer-events:none;font-size:clamp(8rem,22vw,18rem);font-weight:800;line-height:1;inset:auto 1.5rem -1.5rem auto}.c-teal{background:var(--teal)}.c-sun{background:var(--sun)}.c-peach{background:var(--peach)}.c-cream{background:var(--light)}.c-dark{background:var(--dark)}.disc{aspect-ratio:1;border-radius:50%;width:min(34vw,46svh)}.disc.md{width:min(18vw,26svh)}.disc.sm{width:min(9vw,13svh)}.disc.xs{width:min(5vw,7svh)}.ring{width:min(44vw,64svh);color:var(--fg);letter-spacing:.22em;text-transform:uppercase;font-size:13.5px;font-weight:700}.ring text{fill:currentColor}.orbit{aspect-ratio:1;border:2px solid var(--fg);border-radius:50%;width:min(30vw,44svh);position:relative}.orbit.lg{border-style:dashed;width:min(42vw,62svh)}.moon{border-radius:50%;width:2.5rem;height:2.5rem;position:absolute;top:-1.25rem;left:calc(50% - 1.25rem)}.dot-grid{aspect-ratio:1;background-image:radial-gradient(circle, var(--fg) 2.5px, transparent 3px);opacity:.35;background-size:28px 28px;border-radius:50%;width:min(40vw,60svh)}.stripes{aspect-ratio:1;background:repeating-linear-gradient(-45deg, var(--teal) 0 18px, transparent 18px 36px);border-radius:50%;width:min(38vw,56svh)}.square{aspect-ratio:1;border-radius:18%;width:min(12vw,18svh)}.blob{aspect-ratio:1;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;width:min(32vw,48svh)}.blob.sm{width:min(14vw,20svh)}.spin{animation:24s linear infinite spin}.spin.slow{animation-duration:40s}.spin.reverse{animation-direction:reverse}.float{animation:6s ease-in-out infinite float}.float.slow{animation-duration:9s}.pulse{animation:4s ease-in-out infinite pulse}.tilt{animation:12s ease-in-out infinite tilt}.morph{animation:10s ease-in-out infinite morph}.morph.slow{animation-duration:14s}@keyframes spin{to{rotate:360deg}}@keyframes float{50%{transform:translateY(-1.25rem)}}@keyframes pulse{50%{transform:scale(1.12)}}@keyframes tilt{50%{rotate:25deg}}@keyframes morph{33%{border-radius:63% 37% 41% 59%/55% 62% 38% 45%;rotate:60deg}66%{border-radius:38% 62% 55% 45%/38% 41% 59% 62%;rotate:-30deg}}.dots{z-index:5;background:#141414d9;border-radius:999px;flex-direction:column;gap:.75rem;padding:.75rem .5rem;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.dot{border:2px solid var(--light);cursor:pointer;background:0 0;border-radius:50%;width:.7rem;height:.7rem;padding:0;transition:background .2s,transform .2s}.dot:hover{transform:scale(1.25)}.dot[aria-current=true]{background:var(--light)}.dot:focus-visible{outline:2px solid var(--sun);outline-offset:3px}.scroll-hint{z-index:5;background:var(--dark);color:var(--light);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;margin:0;padding:.45rem .9rem;font-size:.75rem;font-weight:700;transition:opacity .3s;animation:2.4s ease-in-out infinite float;position:absolute;bottom:1.5rem;left:50%;translate:-50%}.scroll-hint[data-hidden]{opacity:0}@media (max-width:760px){.stage{--h:50svh;grid-template-rows:1fr 1fr;grid-template-columns:1fr}.dots{left:auto;right:.75rem;translate:0 -50%}.title{margin-bottom:.75rem;font-size:clamp(2.25rem,11vw,3.5rem)}.kicker{margin-bottom:.6rem}.ghost-number{font-size:9rem}.disc{width:27svh}.ring{width:40svh}.orbit{width:26svh}.orbit.lg,.dot-grid,.stripes{width:38svh}.blob{width:30svh}}.not-found{grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.not-found .panel{height:auto}.nf-code{letter-spacing:-.06em;margin:0;font-size:clamp(6rem,20vw,16rem);font-weight:800}.nf-home{background:var(--dark);color:var(--light);border-radius:999px;margin-top:2rem;padding:.8rem 1.4rem;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-block}.nf-home:hover{transform:translateY(-2px)}.nf-home:focus-visible{outline:2px solid var(--dark);outline-offset:3px}@media (max-width:760px){.not-found{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.spin,.float,.pulse,.tilt,.morph,.scroll-hint{animation:none}.layer{translate:-50% -50%}.ghost-number{translate:none}.reveal{transition:opacity .3s;transform:none}}