/* One fixed photographic stage, with content passing naturally in front of it. */
.cinematic-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  height: 100vh;
  height: 100lvh;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  background: #05090e;
  contain: strict;
}
.cinematic-ready .cinematic-backdrop { display: block; }
.cinematic-layer {
  position: absolute;
  inset: -4%;
  visibility: hidden;
  opacity: 0;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.cinematic-layer img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 50%;
}
.cinematic-layer[data-scene="cockpit"] img { object-position: 62% 48%; }
.cinematic-layer[data-scene="studio"] img { object-position: 47% 52%; }
.cinematic-shade,
.cinematic-vignette {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.cinematic-shade { background: #030810; opacity: .12; }
.cinematic-vignette {
  z-index: 3;
  background:
    linear-gradient(90deg, rgba(2,6,11,.5), rgba(2,6,11,.08) 62%, rgba(2,6,11,.23)),
    linear-gradient(180deg, rgba(3,7,12,.28), transparent 28%, transparent 65%, rgba(3,7,12,.44));
}
body.cinematic-ready { isolation: isolate; }
.cinematic-ready main,
.cinematic-ready .footer { position: relative; z-index: 1; }
.cinematic-ready .skip-link { z-index: 100; }
.cinematic-ready .header {
  position: fixed;
  z-index: 30;
  transition: background-color .25s, border-color .25s;
}
.cinematic-ready .header.is-scrolled {
  background: rgba(5,10,17,.85);
  border-color: rgba(173,205,226,.17);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.cinematic-ready .hero-art { display: none; }
.cinematic-ready .hero::before {
  background: linear-gradient(90deg, rgba(3,7,12,.24), transparent 72%);
}
.cinematic-ready .metrics {
  background: rgba(5,10,17,.74);
  padding-inline: 25px;
  border-color: rgba(160,197,220,.22);
}
.cinematic-ready .section {
  padding-top: clamp(90px, 12vh, 155px);
}
.cinematic-ready .section h2,
.cinematic-ready .results-section h2 {
  text-shadow: 0 3px 30px rgba(0,0,0,.7);
}
.cinematic-ready .section .eyebrow,
.cinematic-ready .visual-subtitle,
.cinematic-ready .media-note,
.cinematic-ready .distribution-caption {
  text-shadow: 0 1px 12px #000;
}
.cinematic-ready .section-heading,
.cinematic-ready .visual-heading { margin-bottom: 42px; }
.cinematic-ready .results-section {
  background: linear-gradient(180deg, rgba(3,8,15,.18), rgba(3,8,15,.48));
  border-color: rgba(159,193,216,.19);
}
.cinematic-ready .finding {
  background: rgba(6,12,19,.8);
  border: 1px solid rgba(171,203,222,.18);
  border-radius: 12px;
  padding: 35px;
  gap: 45px;
}
.cinematic-ready .results-explorer {
  background: rgba(5,11,18,.91);
  border: 1px solid rgba(171,203,222,.2);
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 25px 80px rgba(0,0,0,.22);
}
.cinematic-ready .task-switcher { background: rgba(6,12,20,.88); }
.cinematic-ready .task-stage {
  background: linear-gradient(135deg, rgba(13,24,36,.94), rgba(7,13,22,.89));
}
.cinematic-ready .case-row {
  background: linear-gradient(120deg, rgba(12,23,35,.93), rgba(6,12,20,.87));
  border-color: rgba(154,192,218,.23);
}
.cinematic-ready .paper-banner {
  background: linear-gradient(90deg, rgba(5,11,18,.88), rgba(5,11,18,.58));
  padding: 38px;
  border: 1px solid rgba(171,203,222,.2);
  border-radius: 12px;
}
.cinematic-ready .citation-disclosure { background: rgba(6,12,20,.9); }
.cinematic-ready .footer {
  padding: 30px 24px;
  margin-bottom: 0;
  background: rgba(5,10,17,.8);
}
@media (max-width: 1100px) {
  .cinematic-ready .finding { padding: 26px; gap: 30px; }
  .cinematic-ready .results-explorer { padding: 26px; }
}
@media (max-width: 760px) {
  .cinematic-layer { inset: -3%; will-change: opacity; }
  .cinematic-layer[data-scene="hero"] img { object-position: 62% center; }
  .cinematic-layer[data-scene="cockpit"] img { object-position: 67% center; }
  .cinematic-layer[data-scene="studio"] img { object-position: 35% center; }
  .cinematic-vignette {
    background: linear-gradient(180deg, rgba(3,7,12,.4), rgba(3,7,12,.08) 36%, rgba(3,7,12,.42)),
      linear-gradient(90deg, rgba(3,7,12,.3), rgba(3,7,12,.1));
  }
  .cinematic-ready .metrics { padding-inline: 0; }
  .cinematic-ready .section { padding-top: 78px; }
  .cinematic-ready .visual-heading,
  .cinematic-ready .section-heading { margin-bottom: 30px; }
  .cinematic-ready .finding { padding: 23px 20px; gap: 22px; }
  .cinematic-ready .results-explorer { padding: 21px 16px; }
  .cinematic-ready .result-switcher button { padding-inline: 7px; }
  .cinematic-ready .result-row { grid-template-columns: 20px minmax(0,1fr) 58px; gap: 8px; }
  .cinematic-ready .result-name { font-size: 12px; }
  .cinematic-ready .paper-banner { padding: 25px 22px; }
  .cinematic-ready .footer { padding-inline: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .cinematic-layer { will-change: auto; }
  .cinematic-ready .header { transition: none; }
}
@media (max-width: 380px) {
  .cinematic-ready .finding-arrow { display: none; }
  .cinematic-ready .finding-numbers { gap: 12px; }
  .cinematic-ready .explorer-top { flex-direction: column; gap: 12px; }
  .cinematic-ready .download-link { margin-top: 0; }
}