/* home-hero.css - starter styles */
.dkz-hero { position: relative; width: 100%; height: 70vh; min-height: 420px; overflow: hidden; }
.swiper-slide { width:100%; height:100%; display:block; }
.dkz-hero-slide { position:relative; width:100%; height:100%; background-size:cover; background-position:center center; }
.dkz-hero-overlay { position:absolute; inset:0; background: rgba(0,0,0,0.32); pointer-events:none; }
.dkz-hero-content { position:absolute; left:6%; top:20%; max-width:48%; color:#fff; z-index:10; }
.dkz-hero-title { font-size: clamp(28px, 5vw, 58px); line-height:1.05; margin:0 0 12px; text-shadow: 0 2px 6px rgba(0,0,0,0.6); }
.dkz-hero-sub { font-size: clamp(14px,2.5vw,22px); margin:0 0 18px; }
.dkz-hero-cta { display:inline-block; background:#b7832b; color:#fff; padding:12px 28px; text-decoration:none; border-radius:2px; font-weight:600; }
.dkz-hero .swiper-button-prev, .dkz-hero .swiper-button-next { color:#fff; }
.dkz-hero .swiper-pagination-bullet { background:rgba(255,255,255,0.6); }
@media (max-width:768px){
  .dkz-hero-content { left:4%; top:14%; max-width:85%; }
  .dkz-hero-title { font-size: 28px; }
  .dkz-hero { height: 56vh; min-height: 340px; }
}