/* Film stills are decorative; page titles remain live, accessible text. */
.cinematic-header {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:480px;
  padding:8rem 0 5rem;
  display:flex;
  align-items:center;
  text-align:left;
  background:#080808;
  border-bottom:1px solid #332c20;
}
.cinematic-header::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--scene);
  background-size:cover;
  background-position:var(--scene-position,center);
}
.cinematic-header::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(8,8,8,.92) 0%,rgba(8,8,8,.68) 42%,rgba(8,8,8,.15) 100%),linear-gradient(180deg,rgba(8,8,8,.55),transparent 30%,rgba(8,8,8,.15) 65%,#0d0d0d 100%);
}
.cinematic-header > .container {width:100%;position:relative;z-index:1;}
.cinematic-header h1 {max-width:850px;margin-bottom:1rem;text-shadow:0 2px 24px #000;}
.cinematic-header p:not(.scene-credit) {max-width:610px;margin-left:0;margin-right:0;color:#d4cec5;text-shadow:0 1px 12px #000;}
.cinematic-header .label,.cinematic-header .hero-eyebrow {color:#ddbc76;}
.cinematic-header .hero-btns {justify-content:flex-start;}
.cinematic-header .page-hero-content {width:100%;max-width:1200px;margin:auto;padding:0 2rem;}
.cinematic-header.page-hero {padding:9rem 0 5rem;min-height:520px;justify-content:flex-start;}
.scene-credit {position:absolute;right:2rem;bottom:1.5rem;color:#c7beb0;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;z-index:2;text-shadow:0 1px 8px #000;}
.scene-credit::before {content:"";display:inline-block;width:24px;height:1px;background:#c4a35a;vertical-align:middle;margin-right:.7rem;}
.page > .breadcrumb {position:absolute;top:88px;left:0;right:0;padding:0 2rem;z-index:3;color:#c7beb0;}
[data-scene="studio"] {--scene:url('/headers/studio.jpg');--scene-position:center 44%;}
[data-scene="save-point"] {--scene:url('/headers/save-point.jpg');--scene-position:center 55%;}
[data-scene="crown"] {--scene:url('/headers/crown.jpg');}
[data-scene="iron"] {--scene:url('/headers/iron.jpg');--scene-position:center 45%;}
[data-scene="umbra"] {--scene:url('/headers/umbra.jpg');}
[data-scene="cafe"] {--scene:url('/headers/cafe.jpg');}
[data-scene="cold-god"] {--scene:url('/headers/cold-god.jpg');}
@media(max-width:1200px) {
  .nav-links {display:none;position:fixed;top:70px;left:0;right:0;background:rgba(8,8,8,.98);flex-direction:column;padding:1.5rem;gap:1rem;border-bottom:1px solid #333;max-height:calc(100dvh - 70px);overflow-y:auto;}
  .nav-links.open {display:flex;}
  .hamburger {display:flex;}
  .nav-links .nav-cta {display:inline-block;}
}
@media(max-width:640px) {
  .cinematic-header,.cinematic-header.page-hero {min-height:440px;padding:8rem 0 4rem;}
  .cinematic-header::after {background:linear-gradient(90deg,rgba(8,8,8,.78),rgba(8,8,8,.42)),linear-gradient(180deg,rgba(8,8,8,.5),transparent 40%,#0d0d0d);}
  .cinematic-header h1 {font-size:clamp(2.5rem,10vw,3.5rem)!important;}
  .cinematic-header p:not(.scene-credit) {font-size:.95rem;}
  .cinematic-header .page-hero-content {padding:0 1.25rem;}
  .page > .breadcrumb {padding:0 1.25rem;font-size:.7rem;}
  .scene-credit {right:1.25rem;font-size:.55rem;letter-spacing:.1em;}
}