#chapter-3{ position:relative; width:100%; background:#14211D; color:#D5C8BA; }
  #chapter3-copy{ position:relative; width:82%; max-width:1440px; margin-inline:auto; padding-block:clamp(96px,10vw,160px) clamp(56px,6vw,96px); }
  #chapter3-eyebrow{ margin:0 0 22px; color:#B39677; font:500 12px/1.2 "Plus Jakarta Sans",sans-serif; letter-spacing:.26em; }
  #chapter3-title{ margin:0; color:#D5C8BA; font:400 clamp(48px,4.6vw,84px)/.98 "Playfair Display",serif; letter-spacing:-.045em; }
  #chapter3-title span{ display:block; white-space:nowrap; }
  #chapter3-caption{ margin:24px 0 0; color:#A8ACA2; font:400 clamp(12px,1vw,15px)/1.6 "Plus Jakarta Sans",sans-serif; letter-spacing:.025em; }
  #chapter3-stage{ position:relative; width:100%; height:100vh; height:100dvh; display:flex; align-items:center; justify-content:center; }
  /* This frame never animates. Full screen since 22 Oct 2026 (user request): the photo (4096x1040, shadow
     removed, cropped, upscaled 2x) fills the pinned stage and slides across ~2 screens. Height-driven, so both ends stay. */
  #chapter3-viewer{ position:relative; width:100%; height:100vh; height:100dvh; margin:0; overflow:hidden; background:#14211D; }
  #chapter3-panorama{ display:block; height:100%; width:auto; max-width:none; flex-shrink:0; }
  @media(min-width:768px) and (max-width:1199px){
    #chapter3-copy{ width:84%; }
    #chapter3-title{ font-size:clamp(44px,5.3vw,62px); }
    #chapter3-caption{ font-size:13px; }

  }
  @media(max-width:767px){
    #chapter3-copy{ width:84%; padding-block:80px 48px; }
    #chapter3-eyebrow{ font-size:12px; margin-bottom:20px; }
    #chapter3-title{ font-size:clamp(40px,10.2vw,70px); }
    #chapter3-caption{ max-width:270px; font-size:13px; }

  }
  @media(prefers-reduced-motion:reduce){
    #chapter3-stage{ height:auto; padding-block:24px 72px; }
    #chapter3-viewer{ width:100%; height:auto; }
    #chapter3-panorama{ width:100%; height:auto; transform:none!important; }
  }