.hero-carousel{position:absolute;inset:0;background:var(--deep)}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .9s ease,transform 7s ease}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero-controls{position:absolute;left:max(24px,calc((100% - 1180px)/2));bottom:35px;z-index:3;display:flex;align-items:center;gap:12px}
.hero-arrow{width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(8,37,31,.35);color:#fff;font-size:18px;cursor:pointer;backdrop-filter:blur(6px)}
.hero-arrow:hover,.hero-arrow:focus-visible{background:var(--lime);color:var(--deep);border-color:var(--lime)}
.hero-dots{display:flex;gap:7px;align-items:center}
.hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.48);cursor:pointer;transition:.25s}
.hero-dots button.active{width:24px;border-radius:8px;background:var(--lime)}
@media(max-width:640px){.hero-controls{left:16px;bottom:118px}.hero-arrow{width:36px;height:36px}.hero-slide{object-position:center center}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:opacity .25s ease;transform:none}}