.hero-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.4s ease,visibility 1.4s;overflow:hidden}.hero-scene.active{opacity:1;visibility:visible}.hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transform:scale(1);animation:hero-drift 15s ease-in-out infinite alternate;animation-play-state:paused}.hero-scene.active>img{animation-play-state:running}.hero-scene>img.montreal-scene{object-position:center 64%}.hero>.hero-image{animation:none}.hero .video-scene{background:center/cover url("assets/accueil.png")}.hero-scenes-nav{display:flex;gap:20px}.hero-scenes-nav button{border-bottom:2px solid #ffffff50;padding:10px 0;color:#ffffffc9;text-align:left}.hero-scenes-nav button[aria-current]{border-bottom-color:white;color:white;opacity:1}.motion-paused .hero-scene>img{animation-play-state:paused}.hero-shade{background:linear-gradient(90deg,rgba(9,18,12,.1),rgba(9,18,12,.5) 40%,rgba(9,18,12,.84)),linear-gradient(0deg,rgba(9,18,12,.65),transparent 40%)}@media(max-width:700px){.hero-bottom{flex-wrap:wrap;row-gap:10px}.hero-scenes-nav{gap:20px;flex-basis:100%}.hero-bottom #motion{margin-left:auto}.hero-content{padding-bottom:150px}.hero-scenes-nav button{font-size:10px}.hero-scene>img.montreal-scene{object-position:center 60%}}@media(prefers-reduced-motion:reduce){.hero-scene{transition:none}}