/* Locations V2 — "Areas We Serve" — full-bleed dark panel + multi-marker map */
.loc.v2 {

    /* Title (h1) — Figma 80px / lh 1 / uppercase, white via ulk-bg flip */
    --fnt-t-1-s-d: 4.44rem;
    --fnt-t-1-tt: uppercase;
    --fnt-t-1-lh: 1;

    /* Outer panel is full-bleed — kill the card radius */
    --bdr-rds-crd: 0;

    .loc-v2-grid {
        --f-gp: 0;
        align-items: stretch;
    }

    .loc-v2-pnl {
        position: relative;
        overflow: hidden;
        align-self: stretch;
        min-height: 28rem;

        > .bg {
            opacity: 0.2;
            mix-blend-mode: luminosity;
        }
    }

    .loc-v2-pnl-bd {
        position: relative;
        gap: 1.78rem;
    }

    .loc-v2-desc {
        max-width: 44.44rem; /* 800px Figma */
        line-height: 1.6;
    }

    .loc-v2-map {
       
        
        img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }


    @media screen and (min-width: 1280px) {
        .loc-v2-pnl {
        }

        .loc-v2-pnl-bd {
            padding: 5.33rem;
            gap: 2.22rem;
        }

        
    }

    @media screen and (max-width: 1279px) {
        .loc-v2-map {
            height: 22rem;
        }
    }
}