.hero-carousel{border-radius:24px;overflow:hidden}.hero-carousel .carousel-inner,.hero-carousel .carousel-item{height:100%;border-radius:24px}.hero-carousel .carousel-item{position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hero-carousel .carousel-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172a66,#0f172a1a 45%,#0000 80%);pointer-events:none;z-index:1}.hero-carousel-image{width:100%;height:100%;filter:saturate(1.1) contrast(1.05) brightness(.95);transition:transform 8s cubic-bezier(.4,0,.2,1)}.hero-carousel .carousel-item.active .hero-carousel-image{animation:kenburns 8s ease-out forwards}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-carousel .carousel-indicators{bottom:24px;z-index:2}.hero-carousel .carousel-indicators [data-bs-target]{width:48px;height:4px;border-radius:8px;background-color:#fff6;border:0;margin:0 6px;transition:all .35s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-carousel .carousel-indicators [data-bs-target]:hover{background-color:#ffffffb3}.hero-carousel .carousel-indicators .active{background-color:#fff;width:64px;box-shadow:0 4px 12px #fff6}.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{width:60px;opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1);z-index:2}.hero-carousel:hover .carousel-control-prev,.hero-carousel:hover .carousel-control-next{opacity:1}.hero-carousel .carousel-control-prev-icon,.hero-carousel .carousel-control-next-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));width:3rem;height:3rem;background-color:#ffffffe6;border-radius:50%;transition:all .35s cubic-bezier(.4,0,.2,1);background-size:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-carousel .carousel-control-prev:hover .carousel-control-prev-icon,.hero-carousel .carousel-control-next:hover .carousel-control-next-icon{transform:scale(1.2);background-color:#fff;box-shadow:0 8px 20px #0003}@media (max-width: 768px){.hero-carousel{height:clamp(200px,40vw,300px)}.hero-carousel .carousel-control-prev-icon,.hero-carousel .carousel-control-next-icon{width:2.5rem;height:2.5rem}.hero-carousel .carousel-indicators [data-bs-target]{width:32px;height:3px}.hero-carousel .carousel-indicators .active{width:48px}}