.hero-carousel .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none}
.hero-carousel .hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.hero-carousel:after{display:none}
.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 75%);pointer-events:none}
.hero-models{position:absolute;inset:0;display:flex;background:#8e8b87}
.hero-models span{width:50%;height:100%;background-image:url('assets/products.png');background-size:300% 200%;background-position:var(--tile-x) var(--tile-y)}
.hero-carousel .hero-copy{bottom:65px;z-index:2}
.hero-carousel .hero-copy h2{font-size:clamp(42px,6vw,88px);line-height:1.02;letter-spacing:-.055em;margin-bottom:28px}
.hero-carousel-controls{position:absolute;z-index:3;left:4.5%;bottom:30px;display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:40px;background:#111113b8;border:1px solid #ffffff80;color:white;backdrop-filter:blur(12px)}
.hero-carousel-controls:not(:focus-within){width:1px;height:1px;min-height:0;padding:0;border:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-carousel:has(.hero-carousel-controls:focus-within) .hero-copy{bottom:112px}
.hero-carousel-controls button{width:44px;min-height:44px;display:grid;place-items:center;border-radius:50%;font-size:20px}
.hero-carousel-controls button:hover{background:#ffffff20}
.hero-carousel-controls button:focus-visible{outline-color:var(--lime);outline-offset:0}
.hero-dots{display:flex}.hero-dots button{width:32px}.hero-dots span{display:block;width:6px;height:6px;border-radius:10px;background:#ffffff80;transition:width .3s,background .3s}.hero-dots [aria-pressed=true] span{width:22px;background:var(--lime)}
@media(max-width:600px){.hero-carousel .hero-copy{bottom:45px}.hero-carousel .hero-copy h2{font-size:51px;max-width:340px}.hero-carousel-controls{left:6%;bottom:24px}.hero-models span{background-size:300% 200%}.hero-models span:first-child{width:100%}.hero-models span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide,.hero-dots span{transition:none}}