hero-motion{display:block}.hero-motion-action{flex-wrap:wrap;align-items:center;gap:14px;margin-top:23px;display:flex}.hero-motion-action button,.motion-text-button{color:var(--amber);text-underline-offset:5px;background:0 0;border:0;padding:9px 0;font-size:11px;text-decoration:underline}.hero-motion-action button:disabled,.motion-text-button:disabled{color:#b6b6b1}.hero-motion-action p{color:#c7cace;max-width:290px;font-size:10px}.hero-motion-action [hidden],[data-playground-controls][hidden],[data-story-toggle][hidden]{display:none}.studio-story{border-top:1px solid var(--line)}.studio-caption{letter-spacing:.16em;color:#b5b8ba;font-size:9px}scroll-showcase{grid-template-columns:1.2fr 1fr;align-items:start;gap:clamp(36px,7vw,110px);margin-top:50px;display:grid;position:relative}.story-visual{min-width:0;position:sticky;top:32px}.story-visual-inner{background:#13191d;border:1px solid #ffffff1c;border-radius:8px;overflow:hidden}.story-visual-inner .motion-scene{width:min(100%,100svh - 225px);margin-inline:auto}.story-readout{justify-content:space-between;align-items:center;gap:15px;padding:22px 26px;display:flex}.story-readout>span:first-child{letter-spacing:-.04em;color:#f2f0eb;font-size:21px;font-weight:550}.story-readout>span:last-child{color:#babbb7;letter-spacing:.12em;font:9px monospace}.motion-scene{aspect-ratio:1;isolation:isolate;background:radial-gradient(#30352c60,#0000 65%),#13191d;width:100%;position:relative;overflow:hidden;container-type:inline-size}.scene-grid{background-image:linear-gradient(#d9ba8010 1px,#0000 1px),linear-gradient(90deg,#d9ba8010 1px,#0000 1px);background-position:50%;background-size:8% 8%;position:absolute;inset:0;mask-image:radial-gradient(#000,#0000 72%)}.scene-halo{background:radial-gradient(#dc9b5422,#0000 70%);border-radius:50%;position:absolute;inset:16%}.scene-ring{pointer-events:none;border:1px solid #d3b88b28;border-radius:50%;position:absolute}.scene-ring-outer{inset:12%}.scene-ring-inner{border-style:dashed;border-color:#d3b88b20;inset:26%}.scene-ring-outer:before,.scene-ring-outer:after{content:"";background:#c0b89950;position:absolute}.scene-ring-outer:before{width:9px;height:1px;top:50%;left:-5px}.scene-ring-outer:after{width:1px;height:9px;top:-5px;left:50%}.scene-node{width:0;height:0;transform:translate(calc(var(--column) * 24cqw), calc(var(--row) * 24cqw));position:absolute;top:50%;left:50%}.scene-tile{aspect-ratio:1;background:linear-gradient(135deg,#dcb47848,#8b623d38 50%,#1f282c 50%);border:1px solid #ecbc74a6;border-radius:10%;place-items:center;width:clamp(38px,10cqw,70px);display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 20px #f5bb6914,8px 12px 25px #00000030}.scene-tile:after{content:"";border:1px solid #e2b77729;border-radius:2px;position:absolute;inset:6px}.scene-tile>span{color:#f6d5a2;letter-spacing:.05em;font:10px monospace}.scene-node:nth-of-type(3n) .scene-tile{background:linear-gradient(135deg,#7795a638,#35485366 50%,#18242c 50%);border-color:#9cb3bdb0}.scene-node:nth-of-type(3n) .scene-tile>span{color:#ccdee7}.scene-connections{stroke:#d7b582;stroke-width:.18px;opacity:.36;width:100%;height:100%;position:absolute;inset:0}.scene-corner{color:#b0aba0;letter-spacing:.12em;font:8px monospace;position:absolute;left:20px}.scene-corner-top{top:14px}.scene-corner-bottom{bottom:14px}.scene-origin{color:var(--amber);font:15px monospace;position:absolute;bottom:12px;right:20px}.story-track{background:#ffffff16;height:2px}.story-track>span{background:var(--amber);width:0;height:100%;display:block}.story-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:13px 24px 0;display:flex}.story-controls nav{gap:18px;font-size:11px;display:flex}.story-controls nav a{color:#b9bab5;padding:9px 0}.story-controls nav a[aria-current]{color:var(--amber);text-underline-offset:6px;text-decoration:underline}.studio-runtime-note{color:#b0b2b1;padding:12px 24px 20px;font-size:9px}.studio-runtime-note a{text-underline-offset:3px;text-decoration:underline}.story-chapters{min-width:0}.story-chapters article{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;align-items:start;min-height:72svh;padding:70px 0;scroll-margin-top:60px;display:flex}.story-chapters article:last-child{border-bottom:0}.story-chapters h3{max-width:400px;margin:20px 0;font-size:clamp(2rem,3.1vw,3rem)}.story-chapters article>p:not(.eyebrow){max-width:390px;font-size:14px;line-height:1.9}.story-chapters .text-link{color:var(--amber);margin-top:28px}.field-study{border:1px solid var(--line);background:#151b1e;border-radius:8px;grid-template-columns:1.1fr 1fr;scroll-margin-top:30px;display:grid;overflow:hidden}.field-study-visual{background:#13191d;align-self:center;min-width:0}.field-study-panel{align-self:center;min-width:0;padding:clamp(25px,4vw,56px)}.field-study-panel h2{margin-top:20px;font-size:clamp(2rem,3.2vw,3.2rem)}.field-study-panel>p:not(.eyebrow){margin-top:22px;font-size:13px;line-height:1.9}.field-study-panel .text-link{color:var(--amber);margin-top:22px;font-size:11px}.layout-picker{border:0;margin:28px 0 24px;padding:0}.layout-picker legend,.scrub-label{color:#d9d9d2;margin-bottom:10px;font-size:11px}.layout-picker>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.layout-picker button{color:#d2d5d3;background:0 0;border:1px solid #ffffff30;border-radius:4px;min-height:42px;font-size:11px}.layout-picker button[aria-pressed=true]{color:#ffd5a5;background:#e9b77d15;border-color:#e9b77d}.layout-picker button:hover{border-color:var(--amber)}.scrub-label{justify-content:space-between;display:flex}.scrub-label output{font-variant-numeric:tabular-nums}[data-scrub]{accent-color:#ffb167;width:100%;min-height:30px;margin:0 0 24px;display:block}.playground-transport{flex-wrap:wrap;gap:9px;display:flex}.playground-transport .button{min-height:44px;padding:11px 18px;font-size:11px}.playground-transport button:disabled{opacity:.55}.playground-transport .button-outline{color:#f2f0eb;background:0 0}.playground-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.playground-options label{color:#d9d9d2;align-items:center;gap:9px;min-height:32px;font-size:11px;display:flex}.playground-options select{color:#eee9df;font:inherit;background:#1b2328;border:1px solid #ffffff30;border-radius:3px;min-height:34px;padding:3px 7px}.playground-options input{accent-color:#ffb167;width:16px;height:16px}.field-study-panel .playground-status{color:#c0c4c3;min-height:44px;font-size:11px!important}.lab-explanation{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:55px;display:grid}.lab-explanation article{border-top:1px solid var(--line);padding-top:22px}.lab-explanation h2{margin-bottom:13px;font-size:18px}.lab-explanation p{font-size:12px;line-height:1.9}@media (width<=800px){scroll-showcase{grid-template-columns:1fr 1fr;gap:28px}.story-visual{top:20px}.story-readout{padding:16px}.story-readout>span:first-child{font-size:18px}.story-readout>span:last-child{font-size:8px}.story-controls,.studio-runtime-note{padding-inline:16px}.field-study{grid-template-columns:1fr}.field-study-visual{width:min(100%,560px);margin-inline:auto}.field-study-panel{border-top:1px solid var(--line);padding:35px}}@media (width<=560px){.field-study{display:block;overflow:clip}.field-study-visual{z-index:2;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(100px,.75fr);align-items:center;display:grid;position:sticky;top:0;box-shadow:0 8px 25px #00000030}.field-study-visual .motion-scene{grid-area:1/1/3}.field-study-visual .story-readout{flex-direction:column;grid-area:1/2;align-items:start;gap:7px;padding:16px 12px 0}.field-study-visual .studio-runtime-note{grid-area:2/2;max-width:130px;padding:12px;font-size:8px}.studio-story .section-heading{flex-direction:column;align-items:start;gap:15px}scroll-showcase{margin-top:28px;display:block}.story-visual{z-index:2;margin-inline:-8px;top:0}.story-visual-inner{grid-template-columns:minmax(0,1fr) minmax(100px,.75fr);align-items:center;display:grid;box-shadow:0 10px 30px #00000040}.story-visual-inner .motion-scene{grid-area:1/1/4}.story-readout{flex-direction:column;grid-area:1/2;align-items:start;gap:5px;padding:14px 12px 0}.story-visual-inner .story-track{grid-area:2/2;margin-inline:12px}.story-controls{grid-area:3/2;gap:0;padding:0 12px}.story-controls nav{flex-wrap:wrap;gap:12px;font-size:10px}.motion-text-button{font-size:10px}.story-visual-inner .studio-runtime-note{border-top:1px solid var(--line);grid-area:4/1/auto/-1;padding:8px 14px;font-size:8px}.scene-corner{letter-spacing:.04em;font-size:6px;left:12px}.scene-tile{width:clamp(22px,10cqw,55px)}.scene-tile>span{font-size:clamp(7px,3cqw,10px)}.scene-tile:after{inset:3px}.story-chapters article{min-height:65svh;padding:65px 0;scroll-margin-top:250px}.story-chapters h3{max-width:310px;font-size:33px}.field-study-panel{padding:28px 22px}.field-study-panel h2{font-size:34px}.lab-explanation{grid-template-columns:1fr;gap:25px;margin-top:35px}.hero-motion-action{gap:8px;margin-top:12px}.hero-motion-action p{max-width:230px}}@media (prefers-reduced-motion:reduce){.story-chapters article{min-height:45svh}}