.opening-studio-visual.studio-hero-visual{background:linear-gradient(145deg,var(--surface),var(--soft));padding:18px;overflow:hidden}.studio-hero-video{justify-items:center;gap:12px;width:100%;margin:0;display:grid}.studio-hero-meta{width:100%;color:var(--muted);font:500 .66rem/1.4 var(--mono);letter-spacing:.08em;justify-content:space-between;gap:12px;display:flex}.studio-hero-meta span:last-child{font-variant-numeric:tabular-nums;letter-spacing:0}.studio-hero-film{aspect-ratio:9/16;border:1px solid var(--rule);background:#132219;border-radius:12px;width:min(100%,228px);position:relative;box-shadow:0 14px 32px #0002}.studio-hero-film video{aspect-ratio:9/16;object-fit:contain;background:#132219;border-radius:11px;width:100%;height:100%;display:block}.studio-hero-film video:focus-visible,.studio-hero-play:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.studio-hero-play{color:#17281d;white-space:nowrap;cursor:pointer;background:#d0e699;border:1px solid #d0e699;border-radius:999px;justify-content:center;align-items:center;gap:7px;max-width:calc(100% - 20px);min-height:44px;padding:10px 13px;font-size:.78rem;font-weight:700;display:inline-flex;position:absolute;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 3px 18px #0005}.studio-hero-play:hover{background:#e0efb9;border-color:#e0efb9}.studio-hero-play svg{flex:none}.studio-hero-video figcaption{text-align:center;max-width:45ch;color:var(--muted);font-size:.75rem;line-height:1.5}.studio-hero-video figcaption p{margin:0}.studio-hero-video details{margin-top:5px}.studio-hero-video summary{cursor:pointer;text-underline-offset:3px;width:fit-content;margin-inline:auto;text-decoration:underline}.studio-hero-video details[open] p{text-align:left;margin-top:10px}.studio-hero-video .studio-hero-error{color:var(--error-ink);margin-top:10px}@media (width<=600px){.opening-studio-visual.studio-hero-visual{padding:16px}.studio-hero-film{width:min(100%,228px)}}@media (prefers-reduced-motion:reduce){.studio-hero-play{transition:none}}