.hero{width:100%;height:calc(100vh - 122px);min-height:400px;margin-top:122px;position:relative;overflow:hidden}.hero-slides{width:100%;height:100%;position:relative}.hero-banner{opacity:0;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .8s ease-in-out;position:absolute;inset:0}.hero-banner.active{opacity:1;z-index:1}.hero-banner-overlay{background:linear-gradient(#0000001a 0%,#0000004d 50%,#000000b3 100%);position:absolute;inset:0}.hero-banner-content{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:12px;width:90%;max-width:600px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.hero-title{font-family:var(--font-heading);color:#fff;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 20px #00000080;font-size:clamp(1.8rem,5vw,4rem);font-weight:900}.hero-subtitle{font-family:var(--font-body);color:var(--color-red);font-size:clamp(.85rem,2vw,1.2rem);font-style:italic;font-weight:400}.hero-cta-btn{color:#111;font-family:var(--font-heading);text-transform:capitalize;letter-spacing:.05em;cursor:pointer;background:#fff;border:2px solid #fff;margin-top:8px;padding:14px 44px;font-size:14px;font-weight:800;transition:background .3s,color .3s}.hero-cta-btn:hover{color:#fff;background:0 0}.hero-arrow{cursor:pointer;z-index:10;background:#ffffff1a;border:1.5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,border-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{background:#fff3;border-color:#fff9}.hero-arrow svg{color:#fff;width:22px;height:22px}.hero-arrow-left{left:24px}.hero-arrow-right{right:24px}.hero-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:10px;height:10px;transition:background .2s,transform .2s}.hero-dot.active{background:#fff;transform:scale(1.3)}.hero-dot:hover{background:#ffffffb3}@media (max-width:768px){.hero{height:calc(70vh - 87px);min-height:300px;margin-top:87px}.hero-banner-content{gap:8px;bottom:50px}.hero-title{letter-spacing:.04em;font-size:1.4rem}.hero-subtitle{font-size:.8rem}.hero-cta-btn{padding:10px 28px;font-size:12px}.hero-arrow{width:36px;height:36px}.hero-arrow svg{width:16px;height:16px}.hero-arrow-left{left:10px}.hero-arrow-right{right:10px}.hero-dots{gap:8px;bottom:16px}.hero-dot{width:8px;height:8px}}@media (max-width:480px){.hero{height:calc(60vh - 87px);min-height:250px}.hero-banner-content{bottom:40px}.hero-title{font-size:1.2rem}}