/* Cinematic chapter backdrops. The image stays visible while copy keeps its contrast. */
.home-page .hero h1 { font-size: clamp(150px, 19vw, 320px); }

.story-page .turn,
.proof-page .deck-slide,
.roles-page .roles,
.legend-page .deck-slide:not(.legend-stage),
.reviews-page .review-carousel-page,
.about-page .about-opening,
.about-page .about-story,
.contact-page .contact {
  background-size: cover;
  background-repeat: no-repeat;
}

.story-page .turn {
  background-image: linear-gradient(90deg, rgba(235,242,247,.93) 0%, rgba(235,242,247,.82) 46%, rgba(235,242,247,.33) 100%), url('assets/alpine-observatory.4e42e5bf0cd5.webp');
  background-position: center, center 53%;
}
.story-page:has(.turn:not([hidden])) .site-header,
.legend-page:has(.legend-manifesto:not([hidden])) .site-header { background: rgba(4,15,30,.96); }
.story-page:has(.turn:not([hidden])) .slide-nav-hint,
.legend-page:has(.legend-manifesto:not([hidden])) .slide-nav-hint { color: #385977; }

.proof-page .proof-intro {
  background-image: linear-gradient(90deg, rgba(3,12,27,.84), rgba(3,12,27,.65) 52%, rgba(3,12,27,.30)), url('assets/mountain-infrastructure.457e77244b76.webp');
  background-position: center, center 55%;
}
.proof-page .proof-shot:nth-of-type(2) {
  background-image: linear-gradient(90deg, rgba(3,12,27,.89), rgba(3,12,27,.62)), url('assets/mountain-infrastructure.457e77244b76.webp');
  background-position: center, center 48%;
}
.proof-page .proof-shot:nth-of-type(3) {
  background-image: linear-gradient(90deg, rgba(3,12,27,.88), rgba(3,12,27,.60)), url('assets/orbital-fabrication.130ce533b691.webp');
  background-position: center, center 52%;
}
.proof-page .proof-shot:nth-of-type(4) {
  background-image: linear-gradient(90deg, rgba(3,12,27,.92), rgba(3,12,27,.70)), url('assets/laptop-close.2872916171f3.webp');
  background-position: center, center 52%;
}
.proof-page .proof-close {
  background-image: linear-gradient(90deg, rgba(3,12,27,.91), rgba(3,12,27,.48)), url('assets/alpine-observatory.4e42e5bf0cd5.webp');
  background-position: center, center 55%;
}
.proof-page .proof-word { line-height: .84; }

.roles-page .roles {
  background-image: linear-gradient(90deg, rgba(4,15,31,.94), rgba(4,15,31,.78) 55%, rgba(4,15,31,.53)), url('assets/orbital-fabrication.130ce533b691.webp');
  background-position: center, center 55%;
}
.roles-page .role-panel { background: linear-gradient(120deg, rgba(9,32,57,.92), rgba(5,17,33,.86)); backdrop-filter: blur(12px); }

.legend-page .legend-manifesto {
  background-image: linear-gradient(90deg, rgba(237,243,247,.94), rgba(237,243,247,.81) 48%, rgba(237,243,247,.38)), url('assets/alpine-observatory.4e42e5bf0cd5.webp');
  background-position: center, center 53%;
}
.legend-page .legend-results {
  background-image: linear-gradient(90deg, rgba(4,14,29,.92), rgba(4,14,29,.66)), url('assets/mountain-infrastructure.457e77244b76.webp');
  background-position: center, center 50%;
}
.legend-page .legend-voices {
  background-image: linear-gradient(90deg, rgba(5,16,32,.90), rgba(5,16,32,.60)), url('assets/orbital-fabrication.130ce533b691.webp');
  background-position: center, center 48%;
}
.legend-page .legend-features {
  background-image: linear-gradient(90deg, rgba(4,14,29,.95), rgba(4,14,29,.72)), url('assets/laptop-close.2872916171f3.webp');
  background-position: center, center 50%;
}
.legend-page .legend-safety {
  background-image: linear-gradient(90deg, rgba(43,18,22,.91), rgba(43,18,22,.60)), url('assets/incident-core.a270b8609b0b.webp');
  background-position: center, center 50%;
}
.legend-page .legend-finale {
  background-image: linear-gradient(90deg, rgba(4,15,31,.91), rgba(4,15,31,.56)), url('assets/alpine-observatory.4e42e5bf0cd5.webp');
  background-position: center, center 55%;
}

.reviews-page .review-carousel-page {
  background-image: linear-gradient(90deg, rgba(4,16,33,.92), rgba(4,16,33,.82) 50%, rgba(4,16,33,.62)), url('assets/orbital-fabrication.130ce533b691.webp');
  background-position: center, center 55%;
}

.about-page .about-opening {
  background-image: linear-gradient(90deg, rgba(4,17,34,.95), rgba(4,17,34,.79) 54%, rgba(4,17,34,.51)), url('assets/mountain-infrastructure.457e77244b76.webp');
  background-position: center, center 54%;
}
.about-page .about-story {
  background-image: linear-gradient(90deg, rgba(235,243,248,.91), rgba(235,243,248,.72) 55%, rgba(235,243,248,.43)), url('assets/alpine-observatory.4e42e5bf0cd5.webp');
  background-position: center, center 50%;
}

.contact-page .contact {
  background-image: linear-gradient(90deg, rgba(4,16,33,.86), rgba(4,16,33,.67) 50%, rgba(4,16,33,.86)), url('assets/alpine-observatory.4e42e5bf0cd5.webp');
  background-position: center, center 55%;
}

@media (max-width: 700px) {
  .home-page .hero h1 { font-size: clamp(125px, 29vw, 165px); }
  .story-page .turn { background-image: linear-gradient(rgba(235,242,247,.82), rgba(235,242,247,.88)), url('assets/alpine-observatory.4e42e5bf0cd5.webp'); background-position: center, 58% center; }
  .about-page .about-opening { background-image: linear-gradient(rgba(4,17,34,.83), rgba(4,17,34,.91)), url('assets/mountain-infrastructure.457e77244b76.webp'); background-position: center, 62% center; }
  .about-page .about-story { background-image: linear-gradient(rgba(235,243,248,.76), rgba(235,243,248,.83)), url('assets/alpine-observatory.4e42e5bf0cd5.webp'); }
  .contact-page .contact { background-image: linear-gradient(rgba(4,16,33,.80), rgba(4,16,33,.88)), url('assets/alpine-observatory.4e42e5bf0cd5.webp'); }
}