.wallpaper-home .hero { overflow:hidden; }
.hero-scenes { position:absolute; inset:0; z-index:0; pointer-events:none; }
.hero-scenes::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(247,250,246,.93) 0%,rgba(247,250,246,.78) 37%,rgba(247,250,246,.18) 69%,rgba(16,48,34,.04) 100%); }
.hero-scene { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .8s ease; }
.hero-scene.is-active { opacity:1; }
.hero-pause { position:absolute; z-index:2; right:18px; bottom:18px; border:1px solid #c2d7c9; border-radius:22px; padding:10px 15px; background:rgba(255,255,255,.9); color:#164d36; font:700 12px/1.2 sans-serif; cursor:pointer; }
.hero-pause:hover,.hero-pause:focus-visible { background:white; }
@media(max-width:900px) {
  .wallpaper-home .hero::after { visibility:hidden; }
  .hero-scenes { inset:auto 28px 55px; height:auto; aspect-ratio:16/9; border-radius:12px; overflow:hidden; }
  .hero-scenes::after { display:none; }
  .hero-pause { right:38px; bottom:65px; }
}
@media(max-width:640px) {
  .hero-scenes { inset:auto 16px 40px; }
  .hero-pause { right:24px; bottom:48px; }
}
@media(prefers-reduced-motion:reduce) { .hero-scene { transition:none; } .hero-pause { display:none; } }