.hero-section{background:#f1f5f9;width:100%;height:520px;position:relative;overflow:hidden}.hero-slider-container{width:100%;height:100%;position:relative}.hero-banner-image{object-fit:cover;width:100%;height:100%;transition:opacity .4s;display:block}.hero-overlay{pointer-events:none;background:linear-gradient(#00000005 0%,#0000 30% 75%,#f8fafcfa 100%);position:absolute;inset:0}.hero-nav-arrow{-webkit-backdrop-filter:blur(10px);color:#0f172a;cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #ffffff40;border-radius:4px;justify-content:center;align-items:center;width:50px;height:80px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-nav-arrow:hover{color:#000;background:#ffffffe6;transform:translateY(-50%)scale(1.05);box-shadow:0 10px 25px #0000001a}.hero-nav-arrow.left{left:16px}.hero-nav-arrow.right{right:16px}.hero-dots-container{z-index:10;gap:8px;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.hero-dot-indicator{cursor:pointer;background:#fff6;border:2px solid #0f172a1a;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.hero-dot-indicator.active{background:#0f172a;border-color:#fff;transform:scale(1.2)}.hero-section.loading{background:#f1f5f9;justify-content:center;align-items:center;height:520px;display:flex}.hero-spinner{border:4px solid #cbd5e1;border-top-color:#0f172a;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite hero-spin}@keyframes hero-spin{to{transform:rotate(360deg)}}@media (max-width:1200px){.hero-section{height:460px}}@media (max-width:1024px){.hero-section{height:400px}}@media (max-width:768px){.hero-section{height:280px}.hero-nav-arrow{width:36px;height:60px}.hero-nav-arrow.left{left:8px}.hero-nav-arrow.right{right:8px}.hero-dots-container{bottom:20px}}@media (max-width:480px){.hero-section{height:180px}.hero-dot-indicator{width:8px;height:8px}}