/* Image animation integration: original typography and buttons remain from styles.css */
.hero { isolation:isolate; min-height:590px; }
.hero .kmh-hero__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:0; }
.hero .kmh-hero__canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:1; }
.hero .kmh-hero__shade { position:absolute; inset:0; pointer-events:none; z-index:2; background:linear-gradient(90deg,rgba(2,15,31,.95) 0%,rgba(2,15,31,.86) 28%,rgba(2,15,31,.52) 48%,rgba(2,15,31,.08) 75%); }
.hero .hero-inner { position:relative; z-index:3; display:block; min-height:590px; }
.hero .hero-copy { max-width:650px; position:relative; z-index:4; text-shadow:0 2px 18px rgba(0,9,22,.45); }
.hero .hero-copy>p { color:#e0eaf4; }
.hero .hero-foot { color:#d1e3f0; }
.hero .hero-grid { display:none; }
.hero::after { display:none; }
@media(max-width:900px) {
 .hero .kmh-hero__image { object-position:66% center; }
 .hero .kmh-hero__shade { background:linear-gradient(90deg,rgba(2,15,31,.94),rgba(2,15,31,.75) 58%,rgba(2,15,31,.35)); }
 .hero .hero-inner { min-height:540px; }
 .hero .hero-copy { max-width:600px; }
}
@media(max-width:700px) {
 .hero .kmh-hero__image { object-position:68% center; }
 .hero .kmh-hero__shade { background:linear-gradient(90deg,rgba(2,15,31,.94),rgba(2,15,31,.81)); }
 .hero .hero-inner { min-height:540px; }
 .hero .hero-copy { padding:65px 0 45px; }
}
@media(prefers-reduced-motion:reduce) { .hero .kmh-hero__canvas {display:none;} }