/* ============================================================
   13.1.4 — CHAPTER 06 POLISH
   - Gives Eagle Horizon's long ascenders/descenders extra reveal space.
   - Keeps the existing choreography and write-on behavior intact.
   - Adds ~7–8% more scroll runway to Chapter 06 only.
   ============================================================ */

/* Give every large Chapter 06 script line extra optical breathing room.
   Negative margins cancel the padding in layout, so nothing shifts. */
.finale-opening-copy strong,
.finale-copy h2,
.finale-end-title strong{
  overflow:visible!important;
}

.finale-opening-copy strong b,
.finale-opening-copy strong em,
.finale-copy h2 span,
.finale-copy h2 em,
.finale-end-title strong b,
.finale-end-title strong em{
  overflow:visible!important;
  padding:.18em .18em .30em!important;
  margin:-.18em -.18em -.30em!important;
}

/* The first two finale beats still use their original scroll-linked masks.
   Extend those masks outside the glyph box so flourishes are never cropped
   once they are revealed. */
.finale-opening-copy strong b,
.finale-opening-copy strong em{
  -webkit-clip-path:inset(var(--close-intro-mask,100%) -.18em -.34em -.18em)!important;
  clip-path:inset(var(--close-intro-mask,100%) -.18em -.34em -.18em)!important;
}

.finale-copy h2 span,
.finale-copy h2 em{
  -webkit-clip-path:inset(var(--close-main-mask,100%) -.18em -.34em -.18em)!important;
  clip-path:inset(var(--close-main-mask,100%) -.18em -.34em -.18em)!important;
}

/* Beautifully invited uses the dedicated Eagle write-on animation, so only
   enlarge its layout/reveal box here — do not replace that animation. */
html.eagle-write-active .finale-end-title>strong.eagle-write{
  overflow:visible!important;
  padding:.10em .14em .22em!important;
  margin:-.10em -.14em -.22em!important;
}

/* Slow Chapter 06 only. Progress is still scroll-linked; the extra runway
   simply makes each editorial beat breathe a little longer. */
.finale-sequence{
  height:258vh!important;
}

@media (max-width:900px) and (min-width:761px){
  .finale-sequence{
    height:230vh!important;
  }
}

@media (max-width:760px){
  .finale-sequence{
    height:202svh!important;
  }

  /* Extra side protection for large script flourishes on narrow screens. */
  .finale-opening-copy,
  .finale-copy,
  .finale-end-title{
    overflow:visible!important;
  }
}

@media (max-width:430px){
  .finale-sequence{
    height:198svh!important;
  }
}

/* Preserve the accessibility fallback. */
@media (prefers-reduced-motion:reduce){
  .finale-sequence{
    height:auto!important;
  }

  .finale-opening-copy strong b,
  .finale-opening-copy strong em,
  .finale-copy h2 span,
  .finale-copy h2 em,
  .finale-end-title strong b,
  .finale-end-title strong em{
    -webkit-clip-path:none!important;
    clip-path:none!important;
  }
}