/* Scroll-led editorial cover. The image plates are conceptual CGI, not evidence.
   Native scrolling and anchors remain the primary navigation. */
.cinematic-home { --story-header:88px; --story-nav:52px; --story-ink:#edf0eb; --story-dark:#101820; }
.cinematic-home .site-nav { background:var(--story-dark); border-color:#ffffff1f; }
.cinematic-home .site-nav .nav-logo,.cinematic-home .site-nav .nav-links a { color:var(--story-ink); }
.cinematic-home .nav-logo span { color:#bcc7cd; }
.cinematic-home .nav-toggle { color:var(--story-ink); border-color:#ffffff50; }
.cinematic-home .site-nav .nav-lang { border-color:#ffffff38; }
.field-home #hero.field-story { padding:var(--story-header) 0 0; min-height:0; display:block; background:var(--story-dark); color:var(--story-ink); position:relative; }
.story-stage { position:sticky; top:var(--story-header); height:calc(100svh - var(--story-header)); overflow:hidden; pointer-events:none; }
.story-layer { position:absolute; inset:0; opacity:0; transform-origin:73% 50%; will-change:transform,opacity; }
.story-layer.is-first { opacity:1; }
.story-layer img { width:100%; height:100%; object-fit:cover; object-position:70% 50%; display:block; }
.story-shade { position:absolute; inset:0; background:linear-gradient(90deg,#101820f5 0%,#101820d9 24%,#1018206b 47%,#10182000 72%),linear-gradient(0deg,#101820db,transparent 22%); }
.story-caption { position:absolute; right:var(--gutter); bottom:20px; margin:0; color:#c3ccd1; font-size:11px; letter-spacing:.025em; }
.story-content { position:relative; margin-top:calc(var(--story-header) - 100svh); }
.story-nav { position:sticky; top:var(--story-header); z-index:10; height:var(--story-nav); background:#101820; border-bottom:1px solid #ffffff26; }
.story-nav > .container { display:grid; grid-template-columns:repeat(6,1fr); height:100%; }
.story-nav a { display:flex; align-items:center; justify-content:center; gap:12px; color:#bec9d0; text-decoration:none; font-size:13px; font-weight:550; border-right:1px solid #ffffff14; }
.story-nav a:first-child { border-left:1px solid #ffffff14; }
.story-nav a span { font-size:10px; color:#8fa4b2; font-variant-numeric:tabular-nums; }
.story-nav a[aria-current=location],.story-nav a:hover { color:#ffc297; background:#ffffff06; }
.story-nav a[aria-current=location] span { color:#ffc297; }
.story-progress { position:absolute; height:2px; bottom:-1px; left:0; width:100%; background:#d96a28; transform:scaleX(0); transform-origin:left; }
.story-frame { position:relative; display:flex; align-items:center; }
.story-frame > .container { width:100%; }
.story-intro { min-height:calc(100svh - var(--story-header) - var(--story-nav)); padding:48px 0 76px; }
.story-chapter { min-height:78svh; padding:90px 0; scroll-margin-top:calc(var(--story-header) + var(--story-nav)); }
.story-copy { max-width:460px; }
.story-eyebrow { margin:0 0 26px; color:#ecb089; font-size:12px; line-height:1.6; font-weight:600; letter-spacing:.12em; }
.field-story h1 { font-size:clamp(58px,6.1vw,88px); line-height:1.16; font-weight:750; letter-spacing:-.05em; margin:0 0 26px; color:var(--story-ink); word-break:normal; }
.field-story .story-chapter h2 { font-size:clamp(40px,4vw,58px); line-height:1.24; font-weight:700; letter-spacing:-.035em; margin:0 0 24px; color:var(--story-ink); }
.story-discipline { font-size:11px; letter-spacing:.12em; color:#a5b7c3; margin:0 0 20px; }
.story-lead { font-size:18px; line-height:1.85; color:#c7d0d5; white-space:pre-line; max-width:25em; margin:0 0 26px; }
.story-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px 26px; margin-top:30px; }
.story-actions a { display:inline-flex; align-items:center; gap:20px; min-height:48px; color:var(--story-ink); font-size:14px; text-decoration:none; }
.story-actions .story-primary { background:#e7ebe6; color:#142029; padding:12px 20px; font-weight:650; }
.story-actions .story-primary:hover { background:#ffc297; color:#142029; }
.story-points { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:8px 20px; margin:0 0 28px; }
.story-points li { color:#dce2e4; font-size:13px; line-height:1.65; padding-left:12px; position:relative; }
.story-points li::before { content:''; position:absolute; left:0; top:.65em; width:4px; height:4px; background:#d99060; }
.story-case-link { display:inline-flex; align-items:center; gap:32px; min-height:44px; padding:8px 0; color:#ffc297; border-bottom:1px solid #bf8059; font-size:15px; text-decoration:none; }
.field-story a:focus-visible { outline-color:#ffc297; outline-offset:4px; }
.story-trust { background:var(--bg); }
.story-trust .field-credentials { margin-top:0; border-top:0; padding:24px 0; }
.english-v2026 .field-story h1 { font-size:clamp(54px,5.6vw,80px); line-height:1.08; }
.english-v2026 .field-story .story-chapter h2 { font-size:clamp(40px,3.8vw,56px); line-height:1.13; }
@media(min-width:1720px) { .story-layer img { object-position:center; } .story-copy { max-width:480px; } }
@media(max-width:1000px) {
  .cinematic-home { --story-nav:52px; }
  .story-copy { max-width:390px; }
  .field-story h1 { font-size:60px; }
  .story-shade { background:linear-gradient(90deg,#101820f5 0%,#101820d9 32%,#10182030 75%),linear-gradient(0deg,#101820ed,transparent 40%); }
  .story-nav a { gap:8px; font-size:12px; }
}
@media(max-width:760px) {
  .cinematic-home { --story-header:76px; --story-nav:80px; }
  .story-nav > .container { grid-template-columns:repeat(3,1fr); padding-inline:0; }
  .story-nav a { min-height:40px; border-bottom:1px solid #ffffff14; }
  .story-layer { transform-origin:68% 26%; }
  .story-layer img { position:absolute; width:145%; height:auto; max-width:none; left:-38%; top:74px; object-fit:contain; mask-image:linear-gradient(#000 70%,transparent 100%); }
  .story-shade { background:linear-gradient(0deg,#101820 0%,#101820f5 25%,#10182080 42%,#10182000 67%); }
  .story-caption { top:84px; bottom:auto; left:20px; right:auto; font-size:10px; background:#101820d9; padding:2px 5px; }
  .story-intro { min-height:calc(100svh - var(--story-header) - var(--story-nav)); padding:280px 0 60px; align-items:flex-end; }
  .story-chapter { min-height:86svh; padding:310px 0 80px; align-items:flex-end; }
  .story-copy { max-width:100%; }
  .story-eyebrow { font-size:10px; margin-bottom:16px; }
  .field-story h1 { font-size:clamp(44px,11.5vw,62px); line-height:1.15; margin-bottom:16px; }
  .english-v2026 .field-story h1 { font-size:48px; }
  .field-story .story-chapter h2,.english-v2026 .field-story .story-chapter h2 { font-size:36px; line-height:1.2; margin-bottom:18px; }
  .story-discipline { font-size:10px; margin-bottom:12px; }
  .story-lead { font-size:16px; line-height:1.75; margin-bottom:20px; }
  .story-actions { gap:10px 20px; margin-top:18px; }
  .story-actions a { font-size:13px; }
  .story-actions .story-primary { padding:10px 16px; }
  .story-points { gap:7px 15px; margin-bottom:20px; }
  .story-points li { font-size:12px; }
  .story-case-link { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .story-layer { will-change:auto; transform:none !important; } .story-progress { transition:none; } }