/* ═════════════════════════════════════════════════════════════════════
 * Paskamer Praat - Hero container aspect enforcement (v6.0.0 FINAL)
 * ═════════════════════════════════════════════════════════════════════
 *
 * De nieuwe paskamerpraat_Header foto is nu gepadded naar exact 848:1264
 * portrait aspect (dezelfde aspect als de originele hero-v4-canal.jpg).
 * De originele app.css hero-layout blijft ONAANGETAST behouden - text-
 * overlay met gradient bottom, portrait container, 2-koloms desktop.
 *
 * DEZE CSS forceert alleen dat de container ook op mobiel het exacte
 * 848:1264 aspect houdt (flex parent kan container anders uitrekken
 * waardoor object-fit cover horizontaal cropt).
 * ═════════════════════════════════════════════════════════════════════ */

.dy-hm-hero-bg,
body .dy-hm-hero-bg,
.dy-hm-hero .dy-hm-hero-bg {
  aspect-ratio: 848 / 1264 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: 0 0 auto !important;
}

@supports not (aspect-ratio: 848 / 1264) {
  .dy-hm-hero-bg {
    height: 0 !important;
    padding-top: 149.06% !important;
  }
}

/* Foto: contain = altijd volledig zichtbaar, geen crop op mobiel én desktop */
.dy-hm-hero-img,
body .dy-hm-hero-img {
  object-fit: contain !important;
  object-position: center center !important;
}

/* v60.1.324: W-watermark animatie verwijderen van hero */
.dy-hm-hero-bg::before,
.dy-hm-hero-bg::after,
body .dy-hm-hero-bg::before,
body .dy-hm-hero-bg::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}