/* One opening scene. The header overlays it; all later sections retain their layout. */
body > .header {
  position:absolute; inset:0 0 auto; z-index:3; width:100%;
  background:linear-gradient(to bottom,#fffcf8b0,transparent);
}
.studio-hero {
  position:relative; isolation:isolate; display:flex; align-items:center;
  width:100%; max-width:none; min-height:max(100svh,56.28vw,700px);
  padding:150px max(5.5%,calc((100vw - 1282px)/2)) 90px;
  background:#faf8f4; overflow:hidden;
}
.studio-hero-copy { position:relative; z-index:2; width:43%; max-width:560px; }
.studio-hero h1 {
  font-size:clamp(34px,3.5vw,56px); line-height:1.19; letter-spacing:-.05em;
  margin:23px 0 26px; font-weight:600;
}
.studio-hero h1 span { color:var(--forest); }
.studio-hero-description { max-width:405px; color:#4b6054; margin-bottom:30px; font-size:17px; }
.studio-hero-cta { display:inline-flex; background:var(--forest); color:white; border-color:var(--forest); padding:14px 24px; gap:34px; font-size:15px; font-weight:600; }
.studio-hero-cta:hover { background:#245140; color:white; }
.studio-hero-visual,.hero-media { position:absolute; inset:0; }
.studio-hero-visual { z-index:0; pointer-events:none; }
.studio-hero::after {
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg,#fffcf8b3 0%,#fffcf870 31%,#fffcf81a 49%,transparent 65%);
}
.hero-media { overflow:hidden; }
.hero-poster,.hero-video {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  object-fit:cover; object-position:right center;
}
.hero-video { opacity:0; pointer-events:none; }
.hero-media.is-playing .hero-video { opacity:1; }
.hero-media.is-playing .hero-poster { opacity:0; }
@media(max-width:1000px) {
  body > .header { flex-wrap:wrap; padding-top:14px; padding-bottom:14px; gap:8px; }
  body > .header nav { width:100%; justify-content:space-between; }
  .studio-hero {
    min-height:850px; align-items:flex-start;
    padding:175px 5.5% 330px;
  }
  .studio-hero-copy { width:100%; max-width:570px; }
  .studio-hero h1 { font-size:clamp(32px,5.6vw,46px); max-width:570px; }
  .studio-hero-description { max-width:465px; font-size:16px; }
  .hero-poster,.hero-video { top:auto; bottom:0; height:430px; object-position:90% center; }
  .studio-hero::after { background:linear-gradient(to bottom,#faf8f4 0%,#faf8f4 43%,#faf8f4c9 49%,#faf8f400 63%); }
}
@media(max-width:480px) {
  .studio-hero { min-height:800px; padding-bottom:300px; }
  .studio-hero h1 { font-size:clamp(30px,8.2vw,39px); margin:18px 0 21px; }
  .studio-hero .eyebrow { font-size:11px; }
  .hero-poster,.hero-video { height:340px; object-position:93% center; }
  .studio-hero::after { background:linear-gradient(to bottom,#faf8f4 0%,#faf8f4 49%,#faf8f4a6 56%,transparent 68%); }
}
@media(prefers-reduced-motion:reduce) {
  .hero-video { display:none; }
  .hero-media.is-playing .hero-poster { opacity:1; }
}