/* IV Studio 1.0 on /downloads and /resources: a muted hero loop behind the copy, the trailer in a player, and the
   trailer dialog. The loop is decoration (aria-hidden); the poster stays when motion is reduced or paused. */
.studio-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);min-height:min(78vh,760px);display:flex;align-items:flex-end;padding:120px var(--gutter) 72px}
.studio-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;background:#10100f}
.studio-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10100ff2 0%,#10100fcc 34%,#10100f40 68%,#10100f10 100%),linear-gradient(0deg,#10100fe6 0%,#10100f00 46%)}
.studio-hero-copy{max-width:640px}
.studio-hero h1{font-size:clamp(64px,9vw,148px);line-height:.9}
.studio-hero h1 span{color:var(--pink)}
.studio-hero-lead{margin:22px 0 30px;font-size:clamp(17px,1.6vw,21px);line-height:1.45;color:#e2dfd7;max-width:520px}
.studio-hero .download-actions{margin:0 0 20px}
.studio-hero .download-actions .button{flex:0 0 auto;min-height:52px}
.studio-hero-more{font-size:13px;color:#c2c0b8}
.studio-hero-more a{color:var(--ink);text-decoration:underline;text-decoration-color:#ffa2b980;text-underline-offset:4px}
.studio-hero-more a:hover{color:var(--pink)}
.detail-trailer{margin:0}
.detail-trailer video,.studio-trailer{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.detail-trailer figcaption{margin-top:10px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.trailer-dialog{width:min(1280px,94vw);padding:56px 16px 16px}
.trailer-close{position:absolute;top:12px;right:16px;min-height:36px;border:1px solid var(--line);background:var(--surface);padding:6px 15px;font-size:13px}
.trailer-close:hover{color:var(--pink)}
.trailer-dialog .studio-trailer{max-height:80dvh}
/* the resources page feature */
.studio-feature-media{position:relative;margin:0;border:1px solid var(--line);aspect-ratio:16/9;overflow:hidden;background:#000}
.studio-feature-media video{display:block;width:100%;height:100%;object-fit:cover}
.studio-feature-play{position:absolute;left:18px;bottom:18px}
.studio-feature h2 span{color:var(--pink)}
.studio-feature .download-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.studio-feature .download-actions .button{flex:0 0 auto;min-height:52px}
@media (max-width:760px){
 .studio-hero{min-height:auto;padding:300px var(--gutter) 44px}
 .studio-hero-shade{background:linear-gradient(0deg,#10100f 0%,#10100fe0 52%,#10100f30 100%)}
 .studio-hero .download-actions .button,.studio-feature .download-actions .button{flex:1 1 100%}
 .studio-feature-play{left:12px;bottom:12px}
 .studio-hero-more{line-height:1.2}
 .studio-hero-more a{display:inline-block;min-height:44px;line-height:44px}
}