/* ============================================
   DAEHAN TAEKWONDO - Landing Page Styles
   Matches original site: dhtkd.co.nz
   ============================================ */

/* === HERO SLIDER === */
.hero-slider{position:relative;height:100vh;min-height:500px;overflow:hidden}
.slider-track{position:relative;width:100%;height:100%}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out}
.slide.active{opacity:1}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;text-align:center;padding:20px}
.hero-title{font-family:'Montserrat',sans-serif;font-size:clamp(28px,5vw,48px);font-weight:500;color:#fff;letter-spacing:3px;line-height:1.2;margin-bottom:30px;text-transform:uppercase}
.btn-hero{display:inline-block;background:#ec3642;color:#fff;padding:12px 36px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;border:none;cursor:pointer;transition:background .3s,transform .3s;text-transform:uppercase}
.btn-hero:hover{background:#d42e3a;transform:translateY(-2px)}
.slider-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:10px}
.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .3s}
.dot.active{background:#ec3642}

/* === LANDING RESPONSIVE === */
@media(max-width:768px){
    .hero-slider{min-height:400px;height:60vh}
    .hero-title{font-size:24px}
}
@media(max-width:480px){
    .hero-slider{min-height:350px;height:50vh}
    .hero-title{font-size:20px}
}