html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,sans-serif}.carousel{background:#0f172a;width:100%;height:clamp(120px,50vh,360px);position:relative;overflow:hidden}.carousel-track{width:100%;height:100%;transition:transform .6s ease-in-out;display:flex}.carousel-slide{flex:0 0 100%;width:100%;height:100%}.carousel-slide img{object-fit:cover;width:100%;height:100%;display:block}.carousel-arrow{z-index:10;color:#fff;cursor:pointer;background:#0f172a8c;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:#2563ebf2}.carousel-arrow:focus-visible,.carousel-dot:focus-visible{outline-offset:3px;outline:3px solid #60a5fa}.carousel-prev{left:20px}.carousel-next{right:20px}.carousel-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#fff9;border:0;border-radius:999px;width:10px;height:10px;transition:all .25s}.carousel-dot.active{background:#fff;width:28px}@media (width<=640px){.carousel{height:280px}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-arrow{width:36px;height:36px;font-size:20px}}@media (prefers-reduced-motion:reduce){.carousel-track{transition:none}}