.hero-carousel{width:100%;padding-block:0;position:relative}@media (min-width:1024px){.hero-carousel{padding-block:0 1.25rem}}.hero-carousel__track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-shadow:0 24px 48px -24px color-mix(in oklch, var(--foreground) 40%, transparent);background:#fff;border-radius:1.25rem;display:flex;overflow-x:auto}.hero-carousel__track::-webkit-scrollbar{display:none}@media (min-width:1024px){.hero-carousel__track{border-radius:1.75rem}}.hero-carousel__slide{scroll-snap-align:start;aspect-ratio:3/2;flex:0 0 100%;margin:0;position:relative}@media (min-width:1024px){.hero-carousel__slide{aspect-ratio:30/12}}.hero-carousel__image{object-fit:cover}.hero-carousel__dots{justify-content:center;gap:.5rem;margin-top:1.25rem;display:none}@media (min-width:1024px){.hero-carousel__dots{display:flex}}.hero-carousel__dot{background:color-mix(in oklch, var(--foreground) 20%, transparent);border-radius:999px;width:.55rem;height:.55rem;transition:background .3s,transform .3s}.hero-carousel__dot[data-active=true]{background:var(--primary);transform:scale(1.3)}.hero-carousel__dot:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.hero-carousel__track{scroll-behavior:auto}}