/* Hero banner (edge-to-edge, no ribbon overlay) — sized to
   hero-image-about-xeric.jpg's native ratio (1376x607 = ~2.267:1)
   so the fleet/team/equipment aren't side-cropped by object-fit: cover. */
.hero-banner--plain {
    position: relative;
    width: 100%;
    aspect-ratio: 1376 / 607;
    min-height: 200px;
    max-height: 900px;
    overflow: hidden;
}

.hero-banner--plain .hero-banner__img {
    position: absolute;
    inset: 0;
    object-position: center;
}

@media (max-width: 420px) {
    .hero-banner--plain {
        min-height: 160px;
    }
}

/* Intro heading directly under the hero */
.about-intro {
    padding-block: 3rem;
}

@media (min-width: 768px) {
    .about-intro {
        padding-block: 4rem;
    }
}

.about-intro__lead {
    max-width: 50rem;
    margin-inline: auto;
}

/* Dewpoint membership logo (duplicated from services-mould-remediation.css,
   matching the site's existing per-page CSS convention) */
.dewpoint-logo {
    max-width: 260px;
    height: auto;
}