/* CLEAN MINDS FILMS — V13 cinematic illustrated hero scenes
   Interior page headers now use the same full-scene visual language as the animated home desert.
   The Admin hero photo remains stored and editable as a fallback/texture; the animated canvas is the visible art direction. */

.page-hero[data-cmf-hero-scene]{
  position:relative;
  isolation:isolate;
  background:#090a11;
}
.page-hero[data-cmf-hero-scene]>.wrap{position:relative;z-index:5}
.page-hero[data-cmf-hero-scene]>.hero-bg{z-index:-5!important;opacity:.18}
.page-hero[data-cmf-hero-scene]>.hero-bg img{filter:saturate(.65) contrast(1.08) brightness(.7)}
.page-hero[data-cmf-hero-scene]>.cine-desert{display:none!important}
.page-hero[data-cmf-hero-scene] .film-scan{z-index:3;opacity:.11}
.page-hero[data-cmf-hero-scene] .lb{z-index:4}
.page-hero[data-cmf-hero-scene]::after{
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(8,9,15,.82) 0%,rgba(8,9,15,.50) 37%,rgba(8,9,15,.08) 67%,rgba(8,9,15,.04) 100%),
    linear-gradient(180deg,rgba(8,9,15,.30),rgba(8,9,15,.03) 44%,rgba(8,9,15,.58) 100%)!important;
  pointer-events:none;
}

.cmf-context-scene{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
  display:block;
}

/* subtle title entrance that belongs to the scene rather than floating UI graphics */
.page-hero[data-cmf-hero-scene] .eyebrow,
.page-hero[data-cmf-hero-scene] .page-title,
.page-hero[data-cmf-hero-scene] .page-sub{
  will-change:transform,opacity;
}
.page-hero.cmf-scene-ready .eyebrow{animation:cmfHeroTextIn .75s .08s both cubic-bezier(.16,1,.3,1)}
.page-hero.cmf-scene-ready .page-title{animation:cmfHeroTextIn .95s .16s both cubic-bezier(.16,1,.3,1)}
.page-hero.cmf-scene-ready .page-sub{animation:cmfHeroTextIn .95s .27s both cubic-bezier(.16,1,.3,1)}
@keyframes cmfHeroTextIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}


@media(max-width:760px){
  .page-hero[data-cmf-hero-scene]::after{
    background:
      linear-gradient(90deg,rgba(8,9,15,.83),rgba(8,9,15,.42) 72%,rgba(8,9,15,.13)),
      linear-gradient(180deg,rgba(8,9,15,.28),rgba(8,9,15,.02) 38%,rgba(8,9,15,.65))!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .page-hero.cmf-scene-ready .eyebrow,
  .page-hero.cmf-scene-ready .page-title,
  .page-hero.cmf-scene-ready .page-sub{animation:none!important}
}