/* Scroller trois panneaux de la page d'accueil. */
.hero-slider{cursor:pointer;touch-action:pan-y;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none}
.hero-slider.is-swiping{cursor:grabbing}
.hero-slider.is-swiping .hero-slide{transition-duration:.42s}
.hero-slider .hero-slide{position:absolute;top:0;bottom:0;left:33.333333%;right:auto;width:33.333333%;margin:0;opacity:0;overflow:hidden;transform:translate3d(calc(var(--slide-offset) * 100%),0,0);transition:transform .65s cubic-bezier(.22,.61,.36,1),left .65s cubic-bezier(.22,.61,.36,1),width .65s cubic-bezier(.22,.61,.36,1),opacity .35s ease;pointer-events:none;cursor:pointer;will-change:transform,width,left}
.hero-slider .hero-slide.nearby{opacity:1;pointer-events:auto}
.hero-slider .hero-slide img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:brightness(.94);transform:none;transition:filter .55s ease,transform .8s ease;background:#080808;user-select:none}
.hero-slider .hero-slide.active img,.hero-slider .hero-slide:hover img{filter:grayscale(0)}
.hero-slider .hero-slide:hover img{transform:scale(1.012)}
.hero-slider.is-open .hero-slide{left:0;width:100%;transform:translate3d(calc(var(--slide-offset) * 100%),0,0);opacity:0;pointer-events:none}
.hero-slider.is-open .hero-slide.active{opacity:1;pointer-events:auto;cursor:zoom-out}
.hero-slider.is-open .hero-slide.active img{object-fit:contain;transform:none}
.hero-slider .slider-arrow{z-index:6;width:62px;height:62px;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.08);font-size:43px;line-height:1;cursor:pointer;overflow:hidden;transition:background .28s ease,border-color .28s ease,transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}
.hero-slider .slider-arrow:hover{background:rgba(255,255,255,.88);border-color:rgba(255,255,255,.85);color:#111;transform:scale(1.003);box-shadow:0 3px 10px rgba(0,0,0,.16)}
.hero-slider .slider-arrow:active{transform:scale(.998);transition-duration:.08s}
.hero-slider .slider-arrow.prev{left:2.7%}.hero-slider .slider-arrow.next{right:2.7%}
.hero-slider .slider-dots{z-index:6;max-width:72vw;overflow:hidden;bottom:38px;gap:12px}
.hero-slider .slider-dots button{flex:0 0 auto;width:10px;height:10px;border-color:rgba(255,255,255,.65);cursor:pointer}
.hero-slider .slider-dots button.active{background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.18)}
@media(max-width:900px){.hero-slider .hero-slide{left:12.5%;width:75%}.hero-slider.is-open .hero-slide{left:0;width:100%}.hero-slider .slider-arrow.prev{left:0}.hero-slider .slider-arrow.next{right:0}.hero-slider .slider-dots{bottom:20px;gap:9px}}