.hero{background-color:#fff;padding:94px 24px 24px}.hero-frame{border-radius:8px;width:100%;height:80vh;position:relative;overflow:hidden}.hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1s ease-in-out;position:absolute;inset:0}.hero-slide.active{opacity:1}.hero-overlay{z-index:2;background:linear-gradient(135deg,#00000040 0%,#0000001a 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-title{color:#fff;letter-spacing:3px;text-align:center;margin:0;padding:0 80px;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:300;line-height:1.2}.hero-arrow{z-index:4;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;line-height:1;transition:background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{background:#ffffff4d}.hero-arrow-left{left:20px}.hero-arrow-right{right:20px}.hero-dots{z-index:4;gap:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .3s}.hero-dot.active{background:#fff}@media (max-width:768px){.hero{padding:72px 12px 12px}.hero-frame{height:75vh}.hero-title{padding:0 64px}.hero-arrow{width:36px;height:36px}.hero-arrow-left{left:12px}.hero-arrow-right{right:12px}}@media (max-width:480px){.hero-frame{height:70vh}.hero-title{letter-spacing:2px;padding:0 56px;font-size:clamp(1.5rem,7vw,2rem)}.hero-arrow{width:32px;height:32px}}