/* KMDS Override v4.1 */
:root{ --heroH-home: clamp(340px, 62vh, 780px); --heroH-sub: clamp(280px, 52vh, 680px); --focus-home: 50% 55%; --focus-sub: 50% 45%; }
main.stage{ min-height:auto !important; display:block !important; align-items:initial !important; justify-content:initial !important; padding: clamp(20px,3vw,40px) 0 !important; }
.header{ padding-top:12px !important; padding-bottom:12px !important; }
.hero, .hero-bleed, .stage, header, .header{ background:none !important; background-image:none !important; }
.hero .hero-info, .hero .overlay, .hero [class*="overlay"]{ display:none !important; }
.hero-bleed .hero-img{ width:100% !important; height: var(--heroH-home) !important; object-fit:cover !important; object-position: var(--focus-home) !important; display:block !important; }
.body--subpage .hero-bleed .hero-img{ height: var(--heroH-sub) !important; object-position: var(--focus-sub) !important; }
@media (max-width:480px){ :root{ --heroH-home:clamp(260px,58vh,640px); --heroH-sub:clamp(220px,48vh,560px); --focus-home:50% 58%; --focus-sub:50% 48%; } }
.body--home .hero-caption{ padding: clamp(18px,4vw,40px) 0 !important; background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,0) 100%) !important; }
.btn-hero{ display:inline-block !important; margin-top:16px !important; }

/* === KMDS v4.2 — thinner header + higher hero focus === */
.header{ padding-top:6px !important; padding-bottom:6px !important; }
@media (min-width:1024px){ .header{ padding-top:8px !important; padding-bottom:8px !important; } }
/* Shift focus upward so hair/top is fully visible */
:root{
  --focus-home: 50% 35%;
  --focus-sub:  50% 32%;
}
/* Slightly taller hero on subpages to preserve composition after upward shift */
.body--subpage .hero-bleed .hero-img{ height: clamp(300px, 54vh, 720px) !important; }