/* =========================================================
   V38 · Natural scroll dissolve on Home
   The photography fades in/out as a full-bleed image.
   No rectangular reveal, clip-path, edge frame or card mask.
   ========================================================= */

body.cinematic-home .cinema-sticky{
  background:#0a2639!important;
  isolation:isolate;
}

/* Full-bleed photo: the only reveal is opacity/focus. */
body.cinematic-home .cinema-media{
  inset:0!important;
  opacity:var(--v38-photo-opacity,1)!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
  transition:none!important;
  will-change:opacity;
  backface-visibility:hidden;
  background:transparent!important;
  z-index:1!important;
}

/* Disable older decorative layers that could read as a rectangle. */
body.cinematic-home .cinema-media::before,
body.cinematic-home .cinema-media::after{
  display:none!important;
}

body.cinematic-home .cinema-media img{
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  transform:translate3d(0,0,0) scale(var(--v38-photo-scale,1.035))!important;
  transform-origin:center center!important;
  filter:
    saturate(.94)
    contrast(1.015)
    brightness(var(--v38-photo-brightness,1))
    blur(var(--v38-photo-blur,0px))!important;
  transition:none!important;
  will-change:transform,filter;
  backface-visibility:hidden;
}

/* Keep the normal cinematic readability layer over the photograph. */
body.cinematic-home .cinema-overlay{
  opacity:var(--v38-overlay-opacity,.94)!important;
  transition:none!important;
  z-index:2!important;
  will-change:opacity;
}
body.cinematic-home .cinema-grain{z-index:3!important}
body.cinematic-home .cinema-content,
body.cinematic-home .hero-facts{z-index:4!important}

/* A very soft ambient field behind the photo avoids abrupt empty flashes.
   It fills the whole scene, so it never looks like a card or rectangle. */
body.cinematic-home .cinema-sticky::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 68% 28%,rgba(34,120,181,.18),transparent 48%),
    linear-gradient(145deg,#071d2b 0%,#0a2a40 58%,#103f5f 100%);
}

@media(max-width:700px){
  body.cinematic-home .cinema-media img{
    transform:translate3d(0,0,0) scale(var(--v38-photo-scale-mobile,var(--v38-photo-scale,1.025)))!important;
    filter:
      saturate(.94)
      contrast(1.015)
      brightness(var(--v38-photo-brightness,1))
      blur(var(--v38-photo-blur-mobile,var(--v38-photo-blur,0px)))!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.cinematic-home .cinema-media{opacity:1!important;will-change:auto!important}
  body.cinematic-home .cinema-media img{
    transform:none!important;
    filter:saturate(.94) contrast(1.015)!important;
    will-change:auto!important;
  }
  body.cinematic-home .cinema-overlay{opacity:.94!important;will-change:auto!important}
}