/* ==========================================================================
   Background Wrappers
   ponytail: 11 identical classes → 1 base + per-page overrides via style attr
   ========================================================================== */

.bg-wrapper {
    position: relative;
    background: var(--bg-img) center center / cover no-repeat;
    padding: var(--bg-pad, 100px) 0;
}

.bg-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--bg-overlay, linear-gradient(to bottom, rgba(30, 50, 80, 0.08) 0%, rgba(25, 25, 28, 0.4) 60%, #19191C 100%));
    z-index: 1;
}

.bg-wrapper section,
.bg-wrapper > .content-wrapper {
    position: relative;
    z-index: 2;
}

.bg-wrapper {
    width: 100%;
}