/* ================================================================
   CHAPTER 03 — CLEAN SINGLE-STATE NARRATIVE ENGINE v3.1.4
   Surgical cleanup: no legacy outgoing elements, no inherited header skin.
   ================================================================ */
.ncs3--video-engine .ncs3__chapter3{
  position:absolute;
  inset:0;
  z-index:6;
  overflow:hidden;
  background:linear-gradient(90deg,rgba(1,18,13,.48) 0%,rgba(1,18,13,.20) 46%,rgba(1,18,13,.04) 76%,transparent 100%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .64s ease,visibility 0s linear .64s;
}
.ncs3--video-engine[data-story-state^="chapter3-"] .ncs3__chapter3{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}
.ncs3--video-engine[data-story-state^="chapter3-"] .ncs3__video--forest{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}
.ncs3--video-engine[data-story-state^="chapter3-"] .ncs3__video--opening,
.ncs3--video-engine[data-story-state^="chapter3-"] .ncs3__video--city,
.ncs3--video-engine[data-story-state^="chapter3-"] .ncs3__video--history,
.ncs3--video-engine[data-story-state^="chapter3-"] .ncs3__hold{
  opacity:0!important;
  visibility:hidden!important;
}

/* Neutral panel baseline. No panel can inherit the enterprise/site-header skin. */
.ncs3--video-engine .ncs3__chapter3-title,
.ncs3--video-engine .ncs3__chapter3-copy{
  position:absolute;
  left:clamp(24px,6vw,94px);
  right:clamp(24px,10vw,170px);
  top:54%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,34px,0);
  will-change:transform,opacity;
  transition:opacity .42s ease,transform .72s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s;
}

.ncs3__chapter3-title h2{
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  max-width:11.25ch;
  font-family:"Iowan Old Style","Baskerville","Palatino Linotype",Georgia,serif;
  font-size:clamp(2.6rem,5.45vw,5.55rem);
  font-weight:400;
  line-height:.985;
  letter-spacing:-.038em;
  text-align:left;
  color:#f4f0e7;
  text-wrap:balance;
  font-kerning:normal;
  font-optical-sizing:auto;
  text-shadow:0 2px 18px rgba(0,0,0,.46),0 7px 34px rgba(0,0,0,.32);
}
.ncs3__chapter3-title h2 span,
.ncs3__chapter3-title h2 strong{display:block}
.ncs3__chapter3-title h2 span:first-child{color:#f6f2e9}
.ncs3__chapter3-title h2 span:nth-child(2){
  margin-top:.055em;
  color:#dcd3bf;
  font-size:.94em;
  letter-spacing:-.032em;
}
.ncs3__chapter3-title h2 strong{
  margin-top:.13em;
  color:#d5aa55;
  font-size:.97em;
  font-weight:500;
  line-height:.96;
  letter-spacing:-.031em;
  text-shadow:0 2px 17px rgba(0,0,0,.5),0 0 24px rgba(184,139,61,.11);
}

.ncs3__chapter3-copy p{
  margin:0;
  max-width:670px;
  font-family:"Iowan Old Style","Baskerville","Palatino Linotype",Georgia,serif;
  font-size:clamp(1.4rem,2.75vw,2.7rem);
  font-weight:400;
  line-height:1.34;
  letter-spacing:-.022em;
  color:#f7f3e8;
  text-wrap:pretty;
  text-shadow:0 3px 24px rgba(0,0,0,.72);
}

/* Single source of truth: exactly one panel is visible for each state. */
.ncs3--video-engine[data-story-state="chapter3-title"] .ncs3__chapter3-title,
.ncs3--video-engine[data-story-state="chapter3-copy-one"] .ncs3__chapter3-copy--one,
.ncs3--video-engine[data-story-state="chapter3-copy-two"] .ncs3__chapter3-copy--two,
.ncs3--video-engine[data-story-state="chapter3-copy-three"] .ncs3__chapter3-copy--three,
.ncs3--video-engine[data-story-state="chapter3-copy-four"] .ncs3__chapter3-copy--four,
.ncs3--video-engine[data-story-state="chapter3-copy-five"] .ncs3__chapter3-copy--five,
.ncs3--video-engine[data-story-state="chapter3-copy-six"] .ncs3__chapter3-copy--six{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,-50%,0);
  transition-delay:0s;
}

@media(max-width:760px){
  .ncs3__chapter3{background:linear-gradient(90deg,rgba(1,18,13,.52),rgba(1,18,13,.16) 72%,transparent)}
  .ncs3--video-engine .ncs3__chapter3-title,
  .ncs3--video-engine .ncs3__chapter3-copy{left:24px;right:24px;top:53%}
  .ncs3__chapter3-title h2{
    max-width:10.9ch;
    font-size:clamp(2.45rem,10.35vw,3.8rem);
    line-height:.99;
    letter-spacing:-.034em;
  }
  .ncs3__chapter3-title h2 span:nth-child(2){font-size:.93em}
  .ncs3__chapter3-title h2 strong{margin-top:.15em;font-size:.96em}
  .ncs3__chapter3-copy p{max-width:20ch;font-size:clamp(1.38rem,6.2vw,2rem);line-height:1.35}
}
@media(prefers-reduced-motion:reduce){
  .ncs3__chapter3-title,.ncs3__chapter3-copy,.ncs3__chapter3{transition:none!important}
}

/* ================================================================
   NCDE Chapter 03 — Unified Paragraph Top Anchor v3.3.0
   Header behavior now reuses the native Chapter 01 full/compact system.
   ================================================================ */
.ncs3--video-engine{
  --ncs3-copy-top-anchor:clamp(330px,43vh,500px);
}

.ncs3--video-engine .ncs3__chapter3-copy{
  top:var(--ncs3-copy-top-anchor)!important;
  bottom:auto!important;
  transform:translate3d(0,0,0)!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  margin-top:0!important;
}

.ncs3--video-engine .ncs3__chapter3-copy.is-ch3-active,
.ncs3--video-engine[data-story-state="chapter3-copy-one"] .ncs3__chapter3-copy--one,
.ncs3--video-engine[data-story-state="chapter3-copy-two"] .ncs3__chapter3-copy--two,
.ncs3--video-engine[data-story-state="chapter3-copy-three"] .ncs3__chapter3-copy--three,
.ncs3--video-engine[data-story-state="chapter3-copy-four"] .ncs3__chapter3-copy--four,
.ncs3--video-engine[data-story-state="chapter3-copy-five"] .ncs3__chapter3-copy--five,
.ncs3--video-engine[data-story-state="chapter3-copy-six"] .ncs3__chapter3-copy--six{
  top:var(--ncs3-copy-top-anchor)!important;
  transform:translate3d(0,0,0)!important;
}

.ncs3--video-engine .ncs3__chapter3-copy:not(.is-ch3-active){
  transform:translate3d(0,-36px,0)!important;
}

@media(max-width:760px){
  .ncs3--video-engine{
    --ncs3-copy-top-anchor:clamp(300px,40.5vh,420px);
  }
}

@media(max-height:760px) and (max-width:760px){
  .ncs3--video-engine{
    --ncs3-copy-top-anchor:clamp(250px,36vh,330px);
  }
}