body.viewer{background:#10121c;color:#fefaf4;margin:0;font-family:Inter,system-ui,sans-serif}
.viewer-skip{position:absolute;left:16px;top:-100px;z-index:99;padding:12px;background:#10121c;color:#74f9fd}.viewer-skip:focus{top:16px}
.viewer .viewer-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1440px;margin:auto;padding:1.4rem clamp(18px,4vw,64px);border-bottom:1px solid #343642}
.viewer-nav a{font-size:14px;line-height:1.4;color:#ede9e2;text-decoration:none}.viewer-nav a:last-child{color:#74f9fd}
.viewer .viewer-intro{max-width:1440px;margin:auto;padding:clamp(28px,5vw,64px) clamp(18px,4vw,64px) 22px}
.viewer .viewer-intro h1{font:400 clamp(32px,4.5vw,64px)/1.04 Jost,system-ui,sans-serif;text-transform:none;letter-spacing:-.025em;max-width:20ch;margin:.7rem 0 1rem}
.viewer .viewer-intro p{max-width:72ch;line-height:1.65;color:#c6c3ce;font-size:16px}.viewer .viewer-intro .viewer-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#c1b3fb}
.viewer .viewer-intro a,.viewer .viewer-foot a{color:#74f9fd;text-underline-offset:.3em}
.viewer .watch{padding:0 clamp(12px,2vw,32px) 2rem}.viewer .watch>.in{max-width:1380px;padding:0}.viewer .watch>h2{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.viewer .stage{margin:0;border:1px solid #343642;border-radius:12px}.viewer .stage:not(.theater){height:min(72svh,800px);min-height:430px;aspect-ratio:auto}
.viewer .stage canvas.gl{width:100%;height:100%}.viewer .stage .nogl-msg{line-height:1.6}.viewer .stage .nogl-msg a{color:#74f9fd;text-decoration:underline;pointer-events:auto}
.viewer .viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1380px;margin:1rem auto;padding:0 18px;font-size:13px;color:#c6c3ce}
.viewer button.viewer-motion{border:1px solid #777286;border-radius:99px;background:transparent;color:#fefaf4;min-height:44px;padding:.6rem 1rem;font:inherit;cursor:pointer}
.viewer .viewer-foot{max-width:1440px;margin:auto;padding:1rem clamp(18px,4vw,64px) 3rem;color:#b7b3c0;font-size:13px;line-height:1.6}
.viewer .ftabs{padding:1rem 0;display:flex;gap:.5rem;overflow-x:auto;max-width:100%;scrollbar-width:thin}.viewer .ftabs button{min-height:44px;flex:none}
.viewer .ftabs button[aria-pressed="true"]{background:#c1b3fb;color:#151121;border-color:#c1b3fb}
.viewer .viewer-format-summary{padding:1rem 0 0;max-width:80ch;line-height:1.6}.viewer-format-summary a{color:#74f9fd}
.viewer a:focus-visible,.viewer button:focus-visible{outline:3px solid #74f9fd;outline-offset:3px}
@media(max-width:640px){.viewer .viewer-nav{padding:16px;align-items:flex-start}.viewer .viewer-nav a{font-size:12px}.viewer .stage:not(.theater){height:65svh;min-height:480px}.viewer .viewer-controls{align-items:flex-start}.viewer .viewer-intro{padding-top:28px}.viewer .stage .cap{font-size:14px;max-width:calc(100% - 28px)}.viewer .stage .hint{display:none}}
@media(prefers-reduced-motion:reduce){.viewer *{scroll-behavior:auto!important;transition:none!important}}

/* Selected idea embeds share the walkthrough controls without catalogue navigation. */
html.sl-embed.sl-formats.sl-focused-format #stage .fpbtn{top:max(10px,1.9cqw);bottom:auto}
html.sl-focused-format #stage .lower{display:none}
html.sl-focused-format #stage .shotn{display:none}
html.sl-focused-format #stage .hint{bottom:72px}
