.hero-carousel{z-index:-1;background:var(--surface-2);position:absolute;inset:0;overflow:hidden}.hero-carousel-image{object-fit:cover;object-position:center 42%;opacity:0;will-change:opacity, transform;width:100%;height:100%;transition:opacity 1.2s ease-in-out;position:absolute;inset:0}.hero-carousel-image.is-active{opacity:1;animation:hero-carousel-zoom-out var(--hero-slide-ms,6s) ease-out forwards}.hero-carousel.is-paused .hero-carousel-image.is-active{animation-play-state:paused}@keyframes hero-carousel-zoom-out{0%{transform:scale(1.1)}to{transform:scale(1)}}@starting-style{.hero-carousel-image.is-active{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-carousel-image{transition:none}.hero-carousel-image.is-active{animation:none}}.hero-carousel-scrim{pointer-events:none;background:linear-gradient(90deg,rgba(10,14,18,.4) 0%,rgba(10,14,18,.34) 30%,rgba(10,14,18,.2) 52%,rgba(10,14,18,.16) 100%),linear-gradient(rgba(10,14,18,.14) 0%,rgba(10,14,18,.03) 42%,rgba(10,14,18,.18) 100%);position:absolute;inset:0}.hero-carousel-dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:18px;left:clamp(16px,3vw,44px)}.hero-carousel-dot{cursor:pointer;background:rgba(255,255,255,.34);border:none;border-radius:2px;width:26px;height:3px;padding:0;transition:background-color .2s,width .2s}.hero-carousel-dot:hover{background:rgba(255,255,255,.6)}.hero-carousel-dot.is-active{background:#fff;width:40px}.hero-carousel-dot:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=768px){.hero-carousel-dots{bottom:12px}}