/* banner-v2.css */
.bnr.v2 {
    --bnr-tls-pd-v-tp: 90;
    --bnr-tls-pd-v-tp-mbl: 50;
    --bnr-tls-pd-v-bt: 40;
    --bnr-tls-pd-v-bt-mbl: 30;
    --bnr-img-bg-o: .2;
    --bnr-v2-oft: 4.72rem;
    
    background: linear-gradient(180deg, hsl(from var(--black) h s l / .8) 11.54%, hsl(from var(--background) h s l / .8) 100%);

    position: relative;



    .bnr-v2-cnt {
        position: relative;
        z-index: 1;
        padding-top: var(--bnr-tls-pd-v-tp-clc);
    }

    .bg-bx.frst-bg {
        --frst-bg-o: .75;
        --frst-blur: 7px;
        background-color: hsl(from var(--frst-bg-clr) h s l / var(--frst-bg-o));
        padding: 2rem 2.78rem;
        border: none;

        @media screen and (min-width:1280px) {
            & {
                gap: 4.4rem;
                margin-bottom: calc((4.72rem + var(--bnr-tls-pd-v-bt-clc)) * -1);
                .itm {
                    gap: 3.33rem;
                }
            }
        }

        .bnr-v2-cta-sub {
            --title-color: var(--fnt-t-co);
            font-family: var(--fnt-t);
            font-weight: var(--fnt-t-co-w);
            text-transform: uppercase;
            margin: 0;
        }
    }
}

header:has(.hdr.v1) + main .bnr.v2 {
    --bnr-tls-pd-v-tp: 68;
    --bnr-tls-pd-v-bt: 64;
}

.bnr.v2:has(.bg-bx.frst-bg) + section {
    --bnr-v2-oft: 4.72rem;
    padding-top: calc(var(--pd-v, 0px) + var(--bnr-v2-oft));
}

/* service-areas-v1.css */
/* Service Areas V1 */
.svc-areas.v1 {

	/* Map */
	.svc-areas-v1-map {
		img {
			height: 100%;
		}
	}

	/* Card content */
	.svc-areas-v1-info {
		--half: 60%;
	}

	/* Areas list: 2-column grid */
	.svc-areas-v1-list {

		li {
			font-weight: 500;
			line-height: 2.05;
		}
	}

	

	
}

/* values-v1.css */
.vls.v1 {

    .flr-hd {
        font-size: 2.5rem;
        flex-shrink: 0;
    }

    .grd {
         @container (width >= 74rem) {
             & {
             --itm-val: 33.333;
             }

            .vls-v1-item:nth-child(3n+2) {
                margin-top: 5.556rem;
            }
        }

        @container (74rem > width >= 50rem) {
            & {
                margin-top: 4rem;
            }
            li:nth-child(even) {
                 margin-top: 2rem;
            }

            li:nth-child(odd) {
                margin-top: -2rem;
            }
        }
    }

}

/* contact-v5.css */
/* Contact V5 — Form (right) + Values stack (left) */
.ctc.v5 {
    --fnt-t-6-s: 1.11rem;
    --flx-gap: 2.78rem;

    /* Section gradient — cream → mint (Figma) */
    background: linear-gradient(to bottom, var(--background), var(--inner-theme) 82.258%);

    /* Frosted card chrome (mirror V4) */
    .frst-bg {
        --frst-blur: 4px;
        background-color: hsl(from var(--frst-bg-clr) h s l / .9);
        border: none;

        @media screen and (min-width: 1280px) {
            box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.20);
            padding: 3.89rem;
        }
    }

    .frm {
        padding: 1.78rem;
    }

    .ctc-v5-vls li {
        svg {
            font-size: 1.22rem;
            color: var(--buttons);
        }
    }

    /* Bottom emergency CTA card */
    .ctc-v5-cta {
        --bdr-rds-crd: 1.11rem;

        .fnt_t-k.cstm {
            --fnt-t-k-s: 1.11rem;
            --fnt-t-k-ls: 0.12em;
        }

         @media screen and (min-width:1280px) {
           & > .pd_h.pd_v {
                padding: 1.78rem 11rem 1.78rem 1.78rem;
            }
        }

        .iso {
            position: absolute;
            bottom: 0;
            right: 0;
            max-width: 42%;
        }
    }

    .ctc-v5-cta-dsc {
        font-weight: 500;
        line-height: 1.6;
        margin: 0;
    }

    &[data-colors$="-light"] {
        .ulk-bg {
            --inner-theme: var(--dk-bg);
        }
    }
}