/* Real <img>/featured-image treatment, replacing the design tool's <image-slot> placeholder.
   .dd-media is a fixed/aspect-ratio box; when a real image is present it fills the box via
   object-fit. When no image has been uploaded yet (no featured image / ACF field empty),
   .is-empty renders the same dashed "drop a photo" chrome the approved design used, so the
   site never ships a broken <img> tag while photography is pending. */

.dd-media{position:relative;overflow:hidden;background:var(--dd-paper-warm);display:flex;align-items:flex-end;box-sizing:border-box}
.dd-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dd-media.is-empty{background:var(--dd-paper-warm);background-image:repeating-linear-gradient(135deg,rgba(21,18,15,.07) 0 7px,transparent 7px 14px);padding:16px}
.dd-media.is-empty.on-dark{background:#1F2330;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px)}
.dd-media .dd-media-caption{position:relative;z-index:1;font-family:var(--dd-font-ui);font-size:10.5px;letter-spacing:.08em;color:rgba(21,18,15,.52)}
.dd-media.on-dark .dd-media-caption{color:rgba(255,255,255,.6)}

.dd-media.radius-none{border-radius:0}
.dd-media.radius-sm{border-radius:18px}
.dd-media.radius-md{border-radius:20px}
.dd-media.radius-lg{border-radius:24px}

.dd-media.aspect-locked{aspect-ratio:var(--dd-aspect,16/9);height:auto}

/* Professional Learning / Corporate Training / Careers hero visuals are always this tall,
   regardless of viewport — a fixed design decision, not a responsive collapse. */
#professional-hero-visual,#corporate-hero-visual,#careers-hero-visual{height:420px!important;min-height:0}