/* ============================================================
   Waypoint Cinematic Scroll System — wp-cine
   Full-bleed video "wow" bands with scroll parallax.
   White text over a scrim → always legible, no conflict with
   the light page design. Reduced-motion shows a still poster.
   ============================================================ */

.cine-band{
  position:relative;
  height:80vh;
  min-height:460px;
  max-height:780px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
  background:#1C1917;
}
.cine-band-media{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.cine-band-media img,
.cine-band-media video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.cine-band-media video{
  opacity:0;
  transition:opacity 900ms ease;
}
.cine-band.video-ready .cine-band-media video{ opacity:1; }
.cine-band.video-ready .cine-band-media img{ opacity:0; transition:opacity 900ms ease; }

.cine-band-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,
    rgba(28,25,23,.46) 0%,
    rgba(28,25,23,.20) 38%,
    rgba(28,25,23,.30) 62%,
    rgba(28,25,23,.58) 100%);
}

.cine-band-caption{
  position:relative;
  z-index:2;
  max-width:840px;
  padding:0 28px;
  text-align:center;
  color:#fff;
}
.cine-band-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:#F4C77B;margin-bottom:16px;display:inline-flex;align-items:center;gap:10px;
}
.cine-band-eyebrow::before,.cine-band-eyebrow::after{
  content:'';width:24px;height:1px;background:rgba(244,199,123,.7);
}
.cine-band-title{
  font-family:'Playfair Display',Georgia,serif;font-weight:500;
  font-size:clamp(30px,5vw,54px);line-height:1.08;letter-spacing:-.015em;
  text-shadow:0 2px 34px rgba(0,0,0,.38);
}
.cine-band-title em{ font-style:italic;color:#F4C77B; }
.cine-band-sub{
  margin:18px auto 0;font-size:clamp(15px,2vw,18px);
  color:rgba(255,255,255,.92);max-width:600px;line-height:1.6;
  text-shadow:0 1px 16px rgba(0,0,0,.35);
}
.cine-band-cta{
  display:inline-flex;align-items:center;gap:8px;margin-top:26px;
  padding:14px 26px;border-radius:12px;background:#fff;color:#B85128;
  font-weight:700;font-size:15px;text-decoration:none;
  box-shadow:0 12px 34px rgba(0,0,0,.28);transition:transform .15s ease;
}
.cine-band-cta:hover{ transform:translateY(-2px);text-decoration:none; }

/* Scroll parallax — JS sets --cine-p (0..1 progress through viewport).
   Media drifts + stays zoomed so edges never reveal during travel. */
.cine-band[data-parallax] .cine-band-media{
  transform:scale(1.16) translate3d(0, calc((var(--cine-p, .5) - .5) * -7%), 0);
  will-change:transform;
}

@media (max-width:600px){
  .cine-band{ height:64vh;min-height:380px; }
}

/* Reduced motion: no video, no parallax — just the still poster. */
@media (prefers-reduced-motion: reduce){
  .cine-band-media video{ display:none !important; }
  .cine-band[data-parallax] .cine-band-media{ transform:scale(1.04) !important; }
}