.hero-video{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 40px);max-width:800px;aspect-ratio:16/9;margin:28px auto 0;border-radius:18px;background:#14202b url('assets/casablanca-jour.png') center/cover}
.hero-film{position:absolute;inset:0;opacity:0;transition:opacity .7s}
.hero-film.playing{opacity:1}
.hero-film iframe{width:100%;height:100%;border:0;pointer-events:none}
.hero-video-toggle{position:absolute;bottom:14px;right:14px;color:white;background:#111b;border:1px solid #ffffff80;border-radius:30px;padding:9px 16px;font-size:12px;cursor:pointer;z-index:2}
.hero-video-toggle[hidden]{display:none}
.hero.hero-introduction{padding:40px 24px 50px}
.hero.hero-introduction h1{font-size:clamp(32px,4.3vw,60px)}
@media(max-width:650px){.hero-video{width:calc(100% - 24px);margin-top:16px;border-radius:12px}.hero-video-toggle{bottom:8px;right:8px;padding:6px 10px;font-size:10px}.hero.hero-introduction{padding:30px 20px 36px}}