/* Image Group — wraps stacked sections under one shared background image so
   sibling panels (e.g. branch nav + FAQ) read as a single continuous backdrop.
   The wrapped sections go transparent so the image shows through; the image
   itself renders at full fidelity (theme dimming/filter neutralized). */

.img-grp {
    position: relative;
    isolation: isolate;
}

.img-grp.bg-image {
    --filter: none;
}

.img-grp > .bg {
    z-index: 0;
}

/* Wrapped sections sit above the image and let it show through */
.img-grp > section:not(.bg-image),
.img-grp .brn.v1,
.img-grp .faq.v1 {
    position: relative;
    z-index: 1;
    background: transparent;
}

/* The shared backdrop should fill the group (cover), not letterbox. When the
   image is a PNG, global.css defaults it to object-fit: contain — override
   that here. The [src] selector lifts specificity above the global
   `picture:not([data-usc5]) img[src*=".png"]` rule so cover wins regardless
   of stylesheet load order. */
.img-grp.bg-image > .bg img[src] {
    object-fit: cover;
}