/* ======================================
   PARALLAX BACKGROUND (Layout Layer)
   ====================================== */

.parallax-bg {
    position: fixed;
    inset: 0;
    background-image: url('/assets/images/hero/A12-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    z-index: var(--z-bg, -1);
    pointer-events: none;

    will-change: transform;
}