.hero-carousel{background:linear-gradient(180deg,rgba(12,44,34,0.92) 0%,rgba(10,38,30,0.96) 100%);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:0 auto;overflow:hidden;position:relative;width:min(100%,var(--content-max))}.hero-carousel-viewport{aspect-ratio:41 / 16;overflow:hidden;position:relative}.hero-carousel-track{display:flex;height:100%;transition:transform 420ms ease;width:100%;will-change:transform}.hero-slide{flex:0 0 100%;height:100%;margin:0;position:relative}.hero-slide-media{display:block;height:100%;width:100%}.hero-slide img{height:100%;object-fit:cover;width:100%}.carousel-button{align-items:center;background:rgba(10,38,30,0.44);border:1px solid rgba(255,255,255,0.12);border-radius:999px;box-shadow:0 10px 22px rgba(0,0,0,0.16);color:rgba(248,242,235,0.94);cursor:pointer;display:inline-flex;font:inherit;font-size:1.35rem;height:48px;justify-content:center;opacity:0.82;position:absolute;top:50%;transform:translateY(-50%);transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,opacity 160ms ease,transform 160ms ease;width:48px;z-index:2}.carousel-button:hover,.carousel-button:focus-visible{background:rgba(10,38,30,0.74);border-color:rgba(255,255,255,0.22);box-shadow:0 14px 28px rgba(0,0,0,0.18);opacity:1;transform:translateY(-50%) scale(1.03)}.carousel-button-prev{left:16px}.carousel-button-next{right:16px}.carousel-dots{align-items:center;background:linear-gradient(180deg,rgba(14,48,38,0.96),rgba(10,38,30,0.99));border-top:1px solid rgba(255,255,255,0.06);display:flex;gap:9px;justify-content:center;padding:14px 16px 18px}.carousel-dot{background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.08);border-radius:999px;box-shadow:0 4px 10px rgba(0,0,0,0.08);cursor:pointer;height:10px;opacity:0.78;padding:0;transition:width 160ms ease,background-color 160ms ease,border-color 160ms ease,opacity 160ms ease;width:10px}.carousel-dot.is-active{background:var(--accent-strong);border-color:rgba(255,255,255,0.2);opacity:1;width:30px}.carousel-dot:hover,.carousel-dot:focus-visible{background:rgba(255,255,255,0.26);border-color:rgba(255,255,255,0.18);opacity:1}@media (max-width:960px){.hero-carousel-viewport{aspect-ratio:16 / 9;max-height:300px}}@media (max-width:640px){.hero-carousel-viewport{max-height:none}.carousel-button{height:40px;width:40px}.carousel-button-prev{left:10px}.carousel-button-next{right:10px}.carousel-dots{padding-bottom:16px}}