.hero-carousel-container{transition:all .5s ease-in-out}.hero-banner-gradient-extended{background:linear-gradient(180deg,transparent,transparent 40%,hsla(0,0%,100%,.1) 60%,hsla(0,0%,100%,.4) 75%,hsla(0,0%,100%,.7) 85%,hsla(0,0%,100%,.9) 95%,#fff);bottom:-8rem;height:calc(100% + 8rem);left:0;pointer-events:none;position:absolute;right:0;z-index:15}.hero-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.1);transform:translateY(-4px)}.nav-button{backdrop-filter:blur(12px);transition:all .3s ease}.nav-button:hover{backdrop-filter:blur(16px);transform:scale(1.05)}.slide-indicator{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-indicator.active{transform:scale(1.25)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.snap-x{scroll-snap-type:x mandatory}.snap-start{scroll-snap-align:start}@media (max-width:768px){.hero-carousel-container{height:200px}.hero-banner-gradient-extended{bottom:-6rem;height:calc(100% + 6rem)}}@media (max-width:640px){.hero-carousel-container{height:180px}.hero-banner-gradient-extended{bottom:-5rem;height:calc(100% + 5rem)}}.nav-button:focus,.slide-indicator:focus{outline:2px solid #a6c022;outline-offset:4px}.hero-card,.hero-carousel-container,.nav-button{backface-visibility:hidden;will-change:transform}.hero-carousel-container.loading{opacity:0;transition:opacity .5s ease-in-out}.hero-carousel-container.loaded{opacity:1}.banner-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;display:flex;font-weight:500;justify-content:center}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hero-card:hover{animation:card-float 2s ease-in-out infinite}.ripple-effect{overflow:hidden;position:relative}.ripple-effect:before{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple-effect:active:before{height:300px;width:300px}