.img1 img,.img2 img,.img3 img{transition:opacity 1s ease}
.img1 img:first-child,.img2 img:first-child,.img3 img:first-child{display:block}
.m-video video{height:auto;aspect-ratio:16/9}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .page2{display:none}
}


/* Keep the playing video on a stable layer inside the scroll-zoom wrapper. */
.page1 .video { isolation: isolate; overflow: hidden; border-radius: 1vw; will-change: transform; background: #eee; }
.page1 .video video { display: block; border-radius: 0; transform: translateZ(0); backface-visibility: hidden; -webkit-backface-visibility: hidden; }

/* ScrollTrigger owns desktop pinning; do not nest it inside a CSS sticky parent. */
@media (min-width: 769px) {
  .section_home-header .home-header_wrapper { position: relative; top: auto; }
}