#hero .hero-carousel{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;background:#29241e}
#hero .hero-track{display:flex;width:100%;height:100%;transform:translateX(0);transition:transform 850ms cubic-bezier(.22,.61,.36,1);will-change:transform}
#hero .hero-track.no-transition{transition:none!important}
#hero .hero-slide{flex:0 0 100%;min-width:0;height:100%;position:relative;overflow:hidden;background:#29241e}
#hero .hero-slide picture{display:block;width:100%;height:100%}
#hero .hero-slide .carousel-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
#hero .hero-slide--portrait .carousel-image{object-fit:contain;object-position:90% center}
#hero .minimal-shade{pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.08) 80%)!important}
#hero .hero-carousel-controls{position:absolute;z-index:12;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:0 8px;background:rgba(0,0,0,.28);border-radius:30px;color:#fff}
#hero .hero-carousel-controls[hidden]{display:none}
#hero .hero-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0;border:0;background:transparent;color:#fff;font:26px/1 Arial,sans-serif;cursor:pointer}
#hero .hero-dots{display:flex;gap:0}
#hero .hero-dots button{min-width:30px;width:30px}
#hero .hero-dots button::after{content:"";width:5px;height:5px;background:#ffffff75;border:1px solid #fff;border-radius:50%;transition:width .25s}
#hero .hero-dots button[aria-current="true"]::after{width:19px;border-radius:4px;background:#fff}
.carousel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:767px){
 #hero .hero-carousel{top:64px}
 #hero .hero-slide .carousel-image,#hero .hero-slide--portrait .carousel-image{object-fit:cover;object-position:50% center}
 #hero .minimal-shade{background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 70%)!important}
 body #hero .hero-minimal-content{bottom:104px!important}
 #hero .hero-carousel-controls{bottom:20px;gap:0}
}
@media(prefers-reduced-motion:reduce){#hero .hero-track{transition:none!important}}
@media(min-width:768px){#hero .hero-slide--portrait{padding-top:86px}}