/* =========================================================
   VERSION 5 DIVIDERS — RESTORED EXACTLY
   Source: original working v5 yellow -> green scene break.
   Do not replace with SVG triangles, masks, or new wave paths.
   ========================================================= */

/* Exact v5 geometry */
.scene-break{
  --break:#ffd338;
  position:relative;
  height:78px;
  margin-top:-48px;
  margin-bottom:-30px;
  z-index:20;
  pointer-events:none;
  overflow:visible;
}
.scene-break::before,
.scene-break::after{
  content:"";
  position:absolute;
  left:-1%;
  width:102%;
  height:78px;
  clip-path:polygon(0 48%,3% 64%,6% 40%,9% 62%,12% 35%,15% 67%,19% 42%,23% 63%,27% 37%,31% 66%,35% 41%,39% 60%,43% 34%,47% 67%,51% 39%,55% 63%,59% 36%,63% 66%,67% 42%,71% 61%,75% 35%,79% 68%,83% 40%,87% 63%,91% 36%,95% 66%,100% 46%,100% 100%,0 100%);
}
.scene-break::before{
  top:0;
  background:#fff;
  filter:drop-shadow(0 -2px 0 rgba(0,0,0,.04));
}
.scene-break::after{
  top:9px;
  background:var(--break);
}

/* Exact v5 clean-color override: no white backing/outline. Generalized site-wide. */
.scene-break::before{
  display:none !important;
}
.scene-break::after{
  top:0 !important;
  filter:none !important;
}

/* Incoming-section color modifiers. Shape never changes — only --break changes. */
.scene-break-yellow{--break:#ffd338}
.scene-break-green{--break:#7ccc3f}
.scene-break-pink{--break:#ff82bf}
.scene-break-orange{--break:#ff873d}
.scene-break-sky{--break:#8be5ff}
.scene-break-purple{--break:#b879ff}
.scene-break-soft-yellow{--break:#ffe778}
.scene-break-bright-sky{--break:#7fe1ff}
.scene-break-hotpink{--break:#f244a4}
.scene-break-pale-yellow{--break:#fff3aa}
.scene-break-pale-blue{--break:#dff7ff}
.scene-break-parents-gold{--break:#f7d56f}
.scene-break-gallery-pink{--break:#ff8cc1}
.scene-break-tour-yellow{--break:#fff0a8}
.scene-break-white{--break:#ffffff}
.scene-break-footer{--break:#8e54e9}

/* Kill every divider system introduced after v5 so nothing can stack or create hairlines. */
.hero-program-break,
.hero-bottom-zigzag,
.section.zigzag::before,
.footer.zigzag::before{
  display:none !important;
}
.torn-top::after,
.torn-bottom::before{
  display:none !important;
}
.page-hero::before{
  display:none !important;
}

/* The divider is a sibling of the hero, so never clip it at the hero boundary. */
body[data-page="home"] .hero{
  overflow:visible !important;
}

/* Keep section content above the incoming v5 overlay. */
main > section{
  position:relative;
  z-index:2;
}
main > .scene-break{
  z-index:20;
}

/* Exact v5 responsive sizing */
@media (max-width:1000px){
  .scene-break{
    margin-top:-38px;
    margin-bottom:-25px;
    height:68px;
  }
  .scene-break::before,
  .scene-break::after{
    height:68px;
  }
  body[data-page="home"] .hero{
    overflow:visible !important;
  }
}
@media (max-width:720px){
  .scene-break{
    height:58px;
    margin-top:-32px;
    margin-bottom:-20px;
  }
  .scene-break::before,
  .scene-break::after{
    height:58px;
  }
}