.web3d,:root{--ink: #eef1f7;--dim: rgba(238, 241, 247, .62);--faint: rgba(238, 241, 247, .32);--line: rgba(238, 241, 247, .12);--bg: #05060c;--accent: #6ee7ff;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}:root{overflow-x:clip}body.web3d{overflow-x:clip}html,body{background:var(--bg)}body{color:var(--ink);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}canvas{display:block}code{font-family:var(--mono);font-size:.86em;padding:.15em .4em;border-radius:5px;background:#ffffff14}.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--space-s) var(--gutter);border-bottom:1px solid transparent;transition:background .3s ease,backdrop-filter .3s ease,border-color .3s ease}.nav.is-solid{background:#05060cb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.nav__brand,.nav__links a{font-family:var(--mono);text-decoration:none;letter-spacing:.05em;white-space:nowrap}.nav__brand{font-size:.82rem;color:var(--ink)}.nav__links{display:flex;gap:clamp(.6rem,2vw,1.6rem);flex-wrap:wrap}.nav__links a{font-size:.72rem;color:var(--faint);transition:color .2s ease}.nav__links a:hover,.nav__links a:focus-visible{color:var(--ink)}.kicker{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-xs)}.display{font-size:var(--step-6);line-height:1.05;letter-spacing:-.03em;font-weight:600;text-wrap:balance}.display--s{font-size:var(--step-5)}.headline{font-size:var(--step-3);line-height:1.15;letter-spacing:-.022em;font-weight:600;margin-bottom:var(--space-s);text-wrap:balance}.body{color:var(--dim);max-width:46ch;margin-bottom:var(--space-s)}.body--lead{font-size:var(--step-1);max-width:58ch}.body.dim{color:var(--faint);font-size:var(--step--1)}.notice{font-family:var(--mono);font-size:var(--step--1);line-height:1.6;color:var(--faint);border-left:2px solid var(--accent);padding:.5rem 0 .5rem .85rem;max-width:46ch}.intro{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-s);padding:var(--space-3xl) var(--gutter) var(--space-2xl);max-width:var(--container-wide);margin-inline:auto}.cta{align-self:flex-start;margin-top:var(--space-s);padding:.75rem 1.5rem;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .25s ease,border-color .25s ease,transform .25s ease}.cta:hover,.cta:focus-visible{background:#6ee7ff1a;border-color:#6ee7ff73;transform:translateY(-1px)}.scrollytell{position:relative;height:220vh}.scrollytell--tall{height:320vh}.panel{position:relative}.sticky{position:sticky;top:0;height:100svh;overflow:hidden}.sticky--panel{position:relative;min-height:620px}.sticky canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,#05060ceb,#05060cb8 34%,#05060c1a 62%,#05060c00)}.scrim--bottom{background:linear-gradient(180deg,#05060c00 42%,#05060c8c 68%,#05060ceb)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;padding:var(--space-xl) var(--gutter);display:flex}.overlay>*{pointer-events:auto}.overlay--center{flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding-bottom:var(--space-2xl)}.overlay--center .display{max-width:22ch}.overlay--corner{flex-direction:column;justify-content:flex-end;align-items:flex-start;max-width:660px}.overlay--split{align-items:center;justify-content:flex-start;max-width:var(--container-wide);margin-inline:auto}.scrub{margin-top:var(--space-s);width:min(320px,60vw);height:2px;background:var(--line);border-radius:2px;overflow:hidden}.scrub__fill{height:100%;width:0;background:var(--accent)}.controls{position:absolute;z-index:2;top:50%;right:var(--gutter);transform:translateY(-50%);width:min(380px,calc(100vw - 2 * var(--gutter)));padding:var(--space-m);border-radius:var(--radius);border:1px solid var(--line);background:#080a12b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-height:84svh;overflow-y:auto}.control-group{margin-block:var(--space-s)}.control-label{display:block;font-family:var(--mono);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:var(--space-xs)}.swatches,.chips{display:flex;gap:.5rem;flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;outline:1px solid var(--line);cursor:pointer;padding:0;transition:transform .18s ease,border-color .18s ease}.swatch:hover{transform:scale(1.08)}.swatch.is-active{border-color:var(--accent);outline-color:transparent}.chip{font:inherit;font-size:var(--step--1);padding:.42rem .9rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--dim);cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease}.chip:hover{color:var(--ink);border-color:#eef1f74d}.chip.is-active{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:500}.slider{display:block;margin-top:var(--space-s);max-width:320px}.slider span{display:block;font-family:var(--mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:.4rem}.slider b{color:var(--accent);font-weight:500;font-variant-numeric:tabular-nums}.slider input[type=range]{width:100%;height:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--line);border-radius:2px;outline:none;cursor:pointer}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.footer{padding:var(--space-3xl) var(--gutter);border-top:1px solid var(--line);max-width:var(--container-wide);margin-inline:auto}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width: 900px){.controls{top:auto;bottom:0;right:0;left:0;width:100%;transform:none;border-radius:var(--radius) var(--radius) 0 0;max-height:56svh}.sticky--panel{min-height:560px}.overlay--corner{max-width:100%}.scrim:not(.scrim--bottom){background:linear-gradient(180deg,#05060c40,#05060ccc 55%,#05060cf0)}}@media (prefers-reduced-motion: reduce){.cta,.swatch,.chip{transition:none}}