/* Homepage imagery with architectural hero v2, 2026-09-04. Loaded only by front-page.php. */
.mk-hero__media { position: absolute; inset: 0; z-index: 0; display: block; }
.mk-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
.mk-hero::before { z-index: 1; background: linear-gradient(180deg, rgba(4,12,17,.45) 0, transparent 150px), linear-gradient(90deg, rgba(4,12,17,.94) 0%, rgba(4,12,17,.80) 36%, rgba(4,12,17,.12) 72%, rgba(4,12,17,.16) 100%), linear-gradient(0deg, var(--mk-bg) 0%, transparent 30%); }
.mk-hero::after { display: none; }
.mk-hero > .mk-container { position: relative; z-index: 2; }
.mk-visual img { aspect-ratio: 832 / 1216; max-height: 700px; object-fit: cover; }
.mk-guide-card[href*="/monitoring-a-rodo/"] .mk-guide-card__image { object-position: center top; }
@media (max-width: 680px) {
  .mk-hero__media img { object-position: center; }
  .mk-hero::before { background: linear-gradient(90deg, rgba(4,12,17,.88), rgba(4,12,17,.60)), linear-gradient(0deg, var(--mk-bg), transparent 45%); }
  .mk-visual img { min-height: 0; max-height: 580px; }
}