/* ===== Banner (inline, full image, no crop) ===== */
.sf-hero {
    /* full-bleed without introducing a horizontal scrollbar */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.sf-hero__img {
    display: block;
    width: 100vw;
    /* go edge-to-edge with the viewport */
    height: auto;
    /* keep original aspect ratio; no cropping */
}