:root{--ink: #15171a;--ink-2: #1e2125;--ink-3: #262a2f;--bone: #e8e5df;--steel: #8e9298;--concrete: #a8a39a;--signal: #f2b705;--line: rgba(232, 229, 223, .14);--line-strong: rgba(232, 229, 223, .28);--font: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.5625rem;--fs-2xl: 1.953rem;--gutter: clamp(20px, 5vw, 80px);--dock-h: 60px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{background:var(--ink);color:var(--bone);font-family:var(--font);font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;min-height:100%;line-height:1.55;overflow-x:hidden}h1,h2,h3,p,ol{margin:0}ol{padding:0;list-style:none}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.only-coarse{display:none}@media (pointer: coarse){.only-fine{display:none}.only-coarse{display:inline}}.backdrop{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 70% 60% at 56% 42%,rgba(255,255,255,.045),transparent 70%),radial-gradient(ellipse 120% 90% at 55% 40%,#22252a,#191b1f 45%,#111214)}#stage{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;display:block;outline:none}#stage.is-interactive{cursor:grab}#stage.is-over-part{cursor:pointer}#stage.is-dragging{cursor:grabbing}.labels-layer{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:var(--labels-alpha, 0);visibility:hidden}.labels-layer.is-visible{visibility:visible}.leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.leader{fill:none;stroke:#e8e5df6b;stroke-width:1;transition:stroke .2s,opacity .2s}.leader-dot{fill:var(--bone);transition:fill .2s,opacity .2s}.leader.is-active{stroke:var(--signal)}.leader-dot.is-active{fill:var(--signal)}.leader.is-dim,.leader-dot.is-dim{opacity:.25}.callout{position:absolute;left:0;top:0;display:block;max-width:250px;padding:7px 11px 8px;border:1px solid var(--line);border-radius:6px;background:#15171abd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;cursor:pointer;will-change:transform;pointer-events:none;transition:border-color .2s,background-color .2s,opacity .25s}.labels-layer.is-interactive .callout{pointer-events:auto}.callout__name{display:block;font-size:11px;font-weight:600;font-stretch:112%;letter-spacing:.07em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.callout__desc{display:none;margin-top:6px;font-size:12.5px;line-height:1.4;color:var(--steel);white-space:normal}.callout.is-open .callout__desc{display:block}.callout:hover,.callout.is-active{border-color:#f2b705a6;background:#1e2125e6}.callout.is-dim{opacity:.38}.tooltip{position:fixed;left:0;top:0;z-index:6;max-width:250px;padding:10px 12px 11px;border:1px solid var(--line);border-radius:8px;background:#1e2125f0;box-shadow:0 12px 30px #00000059;pointer-events:none;opacity:0;transition:opacity .15s}.tooltip.is-visible{opacity:1}.tooltip__name{display:block;font-size:var(--fs-sm);font-weight:650;font-stretch:108%}.tooltip__desc{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:var(--steel)}.site-header{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(18px + var(--safe-t)) var(--gutter) 18px;pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;text-decoration:none;background:#fff;border-radius:10px;padding:6px 12px;box-shadow:0 6px 24px #00000059;transition:transform .2s ease,box-shadow .2s ease}.brand:hover{transform:translateY(-1px);box-shadow:0 10px 28px #00000073}.brand:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.brand__logo{display:block;height:38px;width:auto}@media (max-width: 640px){.brand{padding:4px 9px;border-radius:8px}.brand__logo{height:30px}}.site-nav{display:flex;align-items:center;gap:26px;font-size:var(--fs-sm)}.site-nav a{color:var(--steel);text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--bone)}.site-nav__viewer{height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:8px;background:transparent;font-size:var(--fs-sm);cursor:pointer;transition:border-color .2s,background-color .2s}.site-nav__viewer:hover{border-color:var(--bone)}.site-nav__viewer .when-open,html.is-inspecting .site-nav__viewer .when-closed{display:none}html.is-inspecting .site-nav__viewer .when-open{display:inline}.content{position:relative;z-index:3;pointer-events:none;transition:opacity .4s var(--ease),visibility .4s}.content a,.content button{pointer-events:auto}.hero{position:relative;min-height:100vh;min-height:100svh;display:grid;align-content:end;padding:120px var(--gutter) calc(var(--dock-h) + 64px + var(--safe-b))}.hero__copy{max-width:36rem}.hero__kicker{font-size:var(--fs-sm);font-weight:500;color:var(--concrete);margin-bottom:18px}.hero__title{font-size:clamp(2.5rem,5.2vw,4.75rem);font-weight:700;font-stretch:122%;line-height:.94;letter-spacing:-.025em;max-width:10ch;text-wrap:balance}.hero__lede{margin-top:22px;max-width:30rem;font-size:var(--fs-lg);line-height:1.45;color:var(--steel)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero__hint{position:absolute;right:var(--gutter);bottom:calc(var(--dock-h) + 70px + var(--safe-b));font-size:var(--fs-xs);color:var(--steel)}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border-radius:10px;font-size:var(--fs-md);font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.btn--primary{border:0;background:var(--signal);color:#17140a}.btn--primary:hover{background:#ffc61a}.btn--ghost{border:1px solid var(--line-strong);background:#15171a59}.btn--ghost:hover{border-color:var(--bone)}.story{position:relative;height:520vh}.story--short{height:200vh}.walkthrough{position:relative;height:480vh}.sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;padding:0 var(--gutter)}.panel{position:relative;width:min(340px,28vw);padding-left:28px}.stage-progress{position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--line);border-radius:2px;overflow:hidden}.stage-progress span{position:absolute;inset:0;background:var(--signal);transform-origin:top;transform:scaleY(var(--p, 0))}.steps{display:grid}.step{grid-area:1 / 1;opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease)}.step.is-active{opacity:1;transform:none}.step__n{display:block;margin-bottom:10px;font-size:var(--fs-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--signal)}.step h2,.panel__title{font-size:var(--fs-2xl);font-weight:700;font-stretch:118%;line-height:1.05;letter-spacing:-.015em}.step p{margin-top:14px;font-size:var(--fs-md);line-height:1.6;color:var(--steel)}.walkthrough .panel{padding-left:0}.panel__title{margin-bottom:22px}.parts{display:grid;gap:2px;counter-reset:part}.parts button{width:100%;display:grid;grid-template-columns:26px 1fr;column-gap:8px;padding:10px 12px 10px 10px;border:0;border-left:2px solid var(--line);background:transparent;text-align:left;cursor:pointer;counter-increment:part;transition:border-color .25s,background-color .25s}.parts button:before{content:counter(part,decimal-leading-zero);font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.6;color:var(--steel)}.parts__name{font-size:var(--fs-md);font-weight:600;color:var(--steel);transition:color .25s}.parts__desc{grid-column:2;display:block;max-height:0;overflow:hidden;font-size:var(--fs-sm);line-height:1.5;color:var(--steel);opacity:0;transition:max-height .35s var(--ease),opacity .35s var(--ease),margin .35s var(--ease)}.parts button:hover .parts__name{color:var(--bone)}.parts button.is-active{border-left-color:var(--signal);background:#e8e5df0a}.parts button.is-active:before{color:var(--signal)}.parts button.is-active .parts__name{color:var(--bone)}.parts button.is-active .parts__desc{max-height:7em;opacity:1;margin-top:4px}.outro{min-height:100vh;min-height:100svh;display:grid;align-content:center;padding:120px var(--gutter) calc(var(--dock-h) + 64px + var(--safe-b))}.outro__copy{max-width:30rem}.outro h2{font-size:clamp(2rem,3.6vw,3.25rem);font-weight:700;font-stretch:120%;line-height:1;letter-spacing:-.02em}.outro p{margin-top:18px;font-size:var(--fs-lg);line-height:1.45;color:var(--steel)}.outro .fineprint{margin-top:40px;font-size:var(--fs-xs);line-height:1.5;color:#6c7076}.dock{position:fixed;left:50%;bottom:calc(18px + var(--safe-b));z-index:5;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#1e2125c7;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 18px 40px #00000059;transform:translate(-50%,24px);opacity:0;transition:opacity .5s var(--ease) .3s,transform .5s var(--ease) .3s}.is-ready .dock{opacity:1;transform:translate(-50%)}.dock__group{display:flex;gap:2px;padding-right:6px;border-right:1px solid var(--line)}.dock button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#e8e5dfc7;font-size:var(--fs-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}.dock button:hover{background:#e8e5df12;color:var(--bone)}.dock button[aria-pressed=true]{background:#e8e5df1f;color:#fff}.dock svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.dock svg .fill{fill:currentColor;stroke:none}.dock button[aria-pressed=true] svg{stroke:var(--signal)}.dock button[aria-pressed=true] svg .fill{fill:var(--signal)}.dock__scrub{--p: 0;display:flex;align-items:center;width:170px;padding:0 10px 0 6px}.dock__scrub input{width:100%;height:28px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.dock__scrub input::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(to right,var(--signal) calc(var(--p) * 100%),rgba(232,229,223,.2) calc(var(--p) * 100%))}.dock__scrub input::-moz-range-track{height:2px;border-radius:2px;background:#e8e5df33}.dock__scrub input::-moz-range-progress{height:2px;background:var(--signal)}.dock__scrub input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border:0;border-radius:50%;background:var(--bone);box-shadow:0 0 0 4px #15171a99}.dock__scrub input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--bone)}.dock .dock__inspect{border:1px solid var(--line-strong)}.viewer-hint{position:fixed;left:50%;top:calc(76px + var(--safe-t));z-index:5;transform:translate(-50%);font-size:var(--fs-xs);color:var(--steel);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}html.is-inspecting{overflow:hidden}html.is-inspecting .content{opacity:0;visibility:hidden}html.is-inspecting .viewer-hint{opacity:1}html.is-inspecting .site-nav a{visibility:hidden}.loader{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:var(--ink)}.loader__inner{width:min(320px,80vw);text-align:center}.loader__label{font-size:var(--fs-sm);color:var(--steel)}.loader__bar{--p: 0;height:2px;margin:16px 0 10px;background:var(--line);overflow:hidden}.loader__bar span{display:block;height:100%;background:var(--signal);transform-origin:left;transform:scaleX(var(--p));transition:transform .2s linear}.loader__pct{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--steel)}.loader__hint{margin-top:12px;font-size:var(--fs-sm);line-height:1.5;color:var(--steel)}.loader.is-error .loader__label{color:var(--bone);font-weight:600}.loader.is-error .loader__bar,.loader.is-error .loader__pct{display:none}.noscript{position:fixed;inset:auto 0 40px;z-index:60;text-align:center;color:var(--bone)}@media (max-width: 1023px){.sticky{align-items:flex-end;padding-bottom:calc(var(--dock-h) + 40px + var(--safe-b))}.panel,.walkthrough .panel{width:100%;max-width:34rem;padding:20px 0 0}.sticky:before{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(to top,rgba(17,18,20,.92) 40%,transparent);pointer-events:none}.stage-progress{inset:0 0 auto;width:auto;height:2px}.stage-progress span{transform-origin:left;transform:scaleX(var(--p, 0))}.hero{padding-bottom:calc(var(--dock-h) + 48px + var(--safe-b))}.hero__hint{display:none}}@media (max-width: 639px){:root{--dock-h: 100px}.callout{padding:5px 8px 6px;max-width:170px}.callout__name{font-size:10px;letter-spacing:.05em;font-stretch:100%}.callout__desc{font-size:11.5px}.site-nav a{display:none}.hero__title{font-size:clamp(2.2rem,10vw,2.9rem)}.hero__lede,.outro p{font-size:var(--fs-md)}.hero__actions .btn{flex:1 1 auto}.step h2,.panel__title{font-size:var(--fs-xl)}.step p{font-size:var(--fs-sm)}.panel__title{margin-bottom:12px}.parts li:not(:has(.is-active)){display:none}.dock{left:10px;right:10px;bottom:calc(10px + var(--safe-b));display:grid;grid-template-columns:1fr auto;grid-template-areas:"state play" "scrub inspect";row-gap:4px;transform:translateY(24px)}.is-ready .dock{transform:none}.dock__group:first-child{grid-area:state}.dock__group:nth-child(2){grid-area:play;padding-right:0;border-right:0}.dock button{padding:0 10px}.dock__txt{display:none}.dock__scrub{grid-area:scrub;width:auto;padding:0 12px 0 8px}.dock .dock__inspect{grid-area:inspect}.viewer-hint{top:calc(64px + var(--safe-t))}}@media (max-width: 380px){.dock button span:not(.dock__txt){font-size:var(--fs-xs)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important}}