.hero-slider{border-radius:20px;width:100%;max-width:min(75rem,100% - 2rem);margin:0 auto 2rem;position:relative;overflow:hidden;box-shadow:0 12px 40px #0a2a1e1f}.slider-viewport{aspect-ratio:16/9;width:100%;min-height:clamp(14rem,30vw,26rem);position:relative;overflow:hidden}.slider-track{width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.slide{background:0 0;flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.slide-image{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .6s}.slide:hover .slide-image{transform:scale(1.02)}.slide-overlay{pointer-events:none;background:0 0;position:absolute;inset:0}.slider-nav{all:unset;box-sizing:border-box;color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a2a1e73;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.25rem;line-height:0;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 18px #0a2a1e3d}.slider-nav:hover{background:#0a2a1e9e;border-color:#ffffffa6;transform:translateY(-50%)scale(1.1);box-shadow:0 10px 24px #0a2a1e4d}.slider-nav svg{width:1.2em;height:1.2em;display:block}.slider-nav.prev{left:1rem}.slider-nav.next{right:1rem}.slider-dots{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border-radius:20px;gap:.5rem;padding:.5rem .75rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#0a2a1e40;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.dot:hover{background:#0a2a1e80}.dot.active{background:#0a2a1e;border-radius:10px;width:24px}@media (max-width:46.875rem){.hero-slider{border-radius:16px;max-width:calc(100% - 1rem);margin-bottom:1.5rem}.slider-viewport{aspect-ratio:16/9;min-height:11rem}.slider-nav{width:36px;height:36px;font-size:1rem}.slider-nav.prev{left:.5rem}.slider-nav.next{right:.5rem}.slider-dots{padding:.35rem .5rem;bottom:.75rem}.dot{width:8px;height:8px}.dot.active{width:20px}}@keyframes slideIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.slide:first-child .slide-image{animation:.8s ease-out slideIn}
