/* TO Eventos — take THAISO no fundo grafite da etapa FINAL do HERO.
   Camada isolada: nunca altera ScrollTrigger, vídeo inicial ou proporção 9:16. */
.hero-scroll-stage .hero{isolation:isolate}
.hero-scroll-stage .to-hero-thaiso-backdrop{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  background:#1A1A1A;
  opacity:0;
  visibility:hidden;
  transition:opacity .55s ease,visibility .55s ease;
}
.hero-scroll-stage .to-hero-thaiso-backdrop::before{
  content:"";
  position:absolute;
  inset:-5%;
  z-index:0;
  background:#1A1A1A url('assets/media/tke-thaiso-poster.jpg') center / cover no-repeat;
  filter:blur(24px) saturate(.82) brightness(.7);
  transform:scale(1.08);
}
.hero-scroll-stage.is-hero-framed .to-hero-thaiso-backdrop{
  opacity:1;
  visibility:visible;
}
.hero-scroll-stage .to-hero-thaiso-backdrop video{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(.88) brightness(.93);
  opacity:1;
  transform:none;
}
.hero-scroll-stage .to-hero-thaiso-backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:linear-gradient(90deg,rgba(26,26,26,.34) 0%,rgba(26,26,26,.20) 43%,rgba(26,26,26,.14) 100%);
}
.hero-scroll-stage .hero-grid,
.hero-scroll-stage .hero-foot{position:relative;z-index:1}
@media(min-width:900px){
  .hero-scroll-stage.is-hero-framed .hero-title{
    font-size:clamp(44px,3.8vw,72px);
    max-width:100%;
  }
}
@media(max-width:899px){
  .hero-scroll-stage .to-hero-thaiso-backdrop video{opacity:1;object-fit:cover;object-position:center center}
  .hero-scroll-stage .to-hero-thaiso-backdrop::after{
    background:linear-gradient(180deg,rgba(26,26,26,.34),rgba(26,26,26,.16));
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-scroll-stage .to-hero-thaiso-backdrop{display:none!important}
}