.editorial-story { width: min(1120px, calc(100% - 48px)); margin: auto; }
.story-section { margin: 0 0 clamp(80px,12vh,150px); }
.story-copy { max-width: 690px; margin: 38px auto; }
.story-copy h2 { font-size: clamp(30px,4vw,48px); line-height: 1.16; letter-spacing: -.045em; margin-bottom: 26px; color: #f5f6f8; }
.story-copy p:not(.story-label) { font-size: clamp(17px,1.7vw,20px); line-height: 1.85; color: #b7bccb; }
.story-label { font: 11px/1.6 var(--mono); letter-spacing: .12em; color: #7d8298; margin-bottom: 22px; }
.story-visual { margin: 32px 0 0; border-radius: 16px; overflow: hidden; background: #111326; }
.story-visual video { width: 100%; height: auto; display: block; aspect-ratio: 16/9; }
.story-visual figcaption,.story-graphic figcaption { font-size: 12px; line-height: 1.7; color: #b9b7d0; padding: 20px 28px; }
.story-graphic { min-height: min(650px,75vh); padding: clamp(28px,6vw,76px); margin: 0; border-radius: 16px; background: #111326; color: #eae8fa; display: flex; flex-direction: column; justify-content: center; }
.story-graphic .story-label { color: #aaa6d1; }
.story-graphic h2 { color: #f1efff; font-size: clamp(34px,4.5vw,58px); line-height: 1.12; letter-spacing: -.04em; font-weight: 550; margin-bottom: 50px; }
.report-bar { display: flex; gap: 6px; height: 32px; border-radius: 6px; overflow: hidden; }
.report-bar span:first-child { width: 93.556%; background: #aaa3ff; }
.report-bar span:last-child { flex: 1; background: #45425e; }
.report-legend { display: flex; justify-content: space-between; font-size: 14px; color: #c9c5df; margin-top: 18px; }
.single-stat { display: flex; align-items: baseline; gap: 20px; margin-top: 36px; }
.single-stat strong { font-size: 60px; font-weight: 500; color: #b0e4f6; }
.single-stat span { font-size: 17px; color: #c9c5df; }
.story-graphic figcaption { padding: 25px 0 0; }
.time-track { display: grid; grid-template-columns: 6fr 5fr 5fr 8fr; gap: 5px; margin: 20px 0; }
.time-track div { border-top: 10px solid #66618f; padding: 25px 12px; }
.time-track div:nth-child(2) { border-color: #a2a8e4; }
.time-track div:nth-child(3) { border-color: #b0e4f6; }
.time-track div:nth-child(4) { border-color: #b8a0f5; }
.time-track span,.time-track strong { display: block; }
.time-track span { font-size: 15px; color: #c9c5df; }
.time-track strong { font-size: clamp(20px,3vw,36px); margin-top: 15px; font-weight: 500; }
.technical-notes { border-top: 1px solid rgba(255,255,255,.14); padding: 28px 0; margin-bottom: 80px; }
.technical-notes summary { cursor: pointer; font-size: 18px; color: #3d94e6; padding: 12px 0; }
.technical-notes .prose { max-width: 100%; }
.technical-notes .case-chapter { display: block; }
.technical-notes .case-chapter-number { margin-bottom: 16px; }
@media(max-width:600px) { .editorial-story { width: calc(100% - 28px); } .story-copy { margin: 30px 10px; } .story-graphic { min-height: 450px; } .report-legend { font-size: 11px; } .time-track div { padding: 20px 0; } .time-track span { font-size: 12px; } .story-visual figcaption { padding: 16px; } }

/* Luminous walkthrough spans the viewport rather than a video card. */
#film-why{overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
.corridor-motion-wide{position:relative;width:100vw;max-width:none;left:50%;transform:translateX(-50%);background:#050910}
.corridor-motion-wide iframe{display:block;border:0;width:100%;height:100svh;min-height:480px}

/* Keep all four player edges and controls visible at normal laptop zoom. */
.corridor-motion-wide{width:100%;max-width:1280px;left:auto;transform:none;margin:0 auto;border:1px solid rgba(255,255,255,.16);border-radius:14px;overflow:hidden}
.corridor-motion-wide iframe{height:clamp(320px,72svh,800px);min-height:0}

.film-jump-links{display:flex;flex-wrap:wrap;gap:12px;margin:28px auto 48px}.film-jump-links a{color:#c8d7ee;text-decoration:none;border:1px solid #ffffff25;border-radius:8px;padding:10px 15px;font-size:13px}.separate-film{scroll-margin-top:85px;margin-bottom:90px;padding-top:28px;border-top:1px solid #ffffff20}.film-heading{max-width:760px;margin:0 0 24px}.film-heading>p:first-child{font-size:10px;letter-spacing:2px;color:#98bdd1}.film-heading h3{font-size:clamp(25px,3vw,38px);font-weight:400;line-height:1.2;margin:12px 0;color:#f4f3ff}.film-heading p{color:#9ca9bd;line-height:1.65}.film-panel video{max-height:72svh;object-fit:contain}

/* Keep the reading surface consistent; the whole page shares one dark ground now,
   so the film chapter's own dark band blends straight in instead of breaking out. */
.corridor-case .hero h1 span{color:#3d94e6}
.corridor-case .film-section{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.corridor-case .film-jump-links a{color:#cfe0f5;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
.corridor-case .film-jump-links a:hover{background:rgba(255,255,255,.09);border-color:#3d94e6}
.corridor-case .separate-film{border-top-color:rgba(255,255,255,.12)}
.corridor-case .film-note a{color:#3d94e6}