/* Subject-specific studio illustrations. Static SVG is the baseline. */
.studio-art{--art-accent:#0066ff;position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;min-width:0;margin:0;overflow:hidden;background:#080808;border:1px solid #303030;color:#f5f5f5;contain:layout paint}
.studio-art[data-art-variant=hero]{aspect-ratio:57/52}.studio-art--flogen{background:#080808}.studio-art::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 60% 38%,#30303044,transparent 68%)}
.studio-art__field{position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(#707070 0.6px,transparent .7px);background-size:17px 17px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.studio-art__scene,.studio-art__video{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.studio-art__scene{z-index:1;overflow:hidden}.studio-art__video{z-index:3;object-fit:cover;opacity:0}.studio-art--poster .studio-art__video{opacity:1}.studio-art[data-art-ready=video] .studio-art__video{opacity:1}.studio-art[data-art-ready=video] .studio-art__scene{visibility:hidden}.studio-art[data-art-ready=scene] .studio-art__video{opacity:0}.studio-art--poster[data-art-ready=scene] .studio-art__video:not([src]){opacity:1}
.studio-art__coordinate{position:absolute;z-index:4;left:25px;top:21px;font:9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#a0a0a0;text-transform:uppercase;max-width:calc(100% - 50px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.studio-art__coordinate:before{content:'+';margin-right:9px;color:var(--art-accent)}.studio-art__caption{position:absolute;z-index:4;bottom:18px;left:25px;right:25px;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d0d0d0;pointer-events:none}.studio-art--film .studio-art__coordinate,.studio-art--film .studio-art__caption{text-shadow:0 1px 5px #000;color:#f5f5f5}
.scene-line{stroke:#888888;stroke-width:1.1;fill:none}.scene-fine{stroke:#404040;stroke-width:.8;fill:none}.scene-accent{stroke:var(--art-accent);stroke-width:1.3;fill:none}.scene-solid{fill:var(--art-accent);stroke:none}.scene-paper{fill:#181818;stroke:#606060;stroke-width:1}.scene-black{fill:#101010;stroke:none}.scene-land{fill:#202020;stroke:#606060;stroke-width:1}.scene-ink{fill:#f5f5f5;stroke:none}.scene-muted{fill:#909090;stroke:none}.scene-text{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.6px}.scene-micro{font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.65px}.scene-head{font:600 18px Arial,Helvetica,sans-serif;letter-spacing:-.3px}.scene-perf{fill:#585858;opacity:.7}.scene-stars{fill:#888888;opacity:.7}.scene-code{fill:var(--art-accent);opacity:.6;letter-spacing:2px}.scene-gate{stroke:var(--art-accent);stroke-width:3;fill:#c8c8c809}.scene-scanline{stroke:var(--art-accent);stroke-width:1;opacity:.65}.scene-scan-glow{fill:var(--art-accent);opacity:.08}.scene-beam{fill:#d8d8d80a;stroke:#888888;stroke-width:.7;stroke-dasharray:3 6}.scene-highlight{fill:none;stroke:#f5f5f5;stroke-width:2}.scene-product{fill:#282828;stroke:#c8c8c8;stroke-width:1.3}.scene-tree{fill:#282828;stroke:#787878;stroke-width:.9}.scene-tree-accent{fill:#001b44;stroke:#0066ff;stroke-width:.9}.scene-river{fill:none;stroke:#0066ff;stroke-width:4}.scene-route{stroke:#0066ff;fill:none;stroke-width:2;stroke-dasharray:4 5}
/* Animation clock is entirely CSS; the shared manager selects at most 1/2 visible scenes. */
.scene-walk{animation:sceneWalk 9s ease-in-out infinite}.scene-pulse{animation:scenePulse 4s ease-in-out infinite}.scene-travel{stroke-dasharray:7 18;animation:sceneTravel 5s linear infinite}.scene-float{animation:sceneFloat 6s ease-in-out infinite}.scene-scan{animation:sceneScan 7s ease-in-out infinite}.scene-type,.scene-reveal{animation:sceneReveal 5s ease-in-out infinite}.scene-wave{transform-box:fill-box;transform-origin:center;animation:sceneWave 2s ease-in-out infinite}.scene-score-head{animation:sceneScore 8s linear infinite}.scene-camera-slide{animation:sceneCamera 8s ease-in-out infinite}.scene-world-breathe{animation:sceneFloat 9s ease-in-out infinite}.scene-scarf{animation:scenePulse 3s ease-in-out infinite}
.studio-art__scene *{animation-delay:var(--delay,0s);animation-play-state:paused!important}.studio-art[data-art-active=true]:not([data-art-ready=video]) .studio-art__scene *{animation-play-state:running!important}
.studio-art--ai-films .scene-scan{--scan-distance:345px}
@keyframes scenePulse{0%,100%{opacity:.45}50%{opacity:1}}@keyframes sceneTravel{to{stroke-dashoffset:-100}}@keyframes sceneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sceneScan{0%,10%{transform:translateX(0);opacity:0}20%{opacity:1}75%{opacity:1}90%,100%{transform:translateX(var(--scan-distance,90px));opacity:0}}@keyframes sceneReveal{0%,10%,100%{opacity:.35}35%,80%{opacity:1}}@keyframes sceneWave{0%,100%{transform:scaleY(.48)}50%{transform:scaleY(1)}}@keyframes sceneScore{0%,100%{transform:translateX(-72px)}95%{transform:translateX(390px)}}@keyframes sceneCamera{0%,100%{transform:translateX(-4px)}50%{transform:translateX(15px)}}
@media(max-width:760px){.studio-art[data-art-variant=hero]{aspect-ratio:1.1}.studio-art__coordinate{left:16px;top:14px;font-size:7px;max-width:calc(100% - 32px)}.studio-art__caption{left:16px;right:16px;bottom:12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.studio-art .studio-art__scene *{animation:none!important;transition:none!important}}
.studio-art-motion{position:fixed;z-index:34;left:max(24px,env(safe-area-inset-left,0px));bottom:max(24px,env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 14px;border:1px solid rgba(192,192,192,.32);border-radius:999px;background:rgba(8,8,8,.9);color:#c0c0c0;font:400 9px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;cursor:pointer;box-sizing:border-box;box-shadow:0 3px 20px rgba(0,0,0,.14)}
.studio-art-motion::before{content:'';box-sizing:border-box;width:8px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor;opacity:.8}.studio-art-motion[aria-pressed=true]::before{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:0;border-left:7px solid currentColor}.studio-art-motion:hover:not(:disabled){border-color:rgba(0,102,255,.65);color:#f5f5f5}.studio-art-motion:focus-visible{outline:2px solid #0066ff;outline-offset:4px}.studio-art-motion:disabled{cursor:default;color:#909090;border-color:rgba(192,192,192,.18)}.studio-art-motion[hidden]{display:none}
@media(max-width:760px){.studio-art-motion{left:max(16px,env(safe-area-inset-left,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));padding:10px 12px;font-size:9px;gap:8px}}


@keyframes sceneWalk{0%,12%,100%{transform:translateX(0)}72%,88%{transform:translateX(72px)}}