/* content-v11.css */
/* ContentV11 — show the section background image at full strength and blend it
   into the page with a white gradient. Scoped to the section's own `.bg` layer
   so the per-card `.ovrly` photo backgrounds keep their subtle treatment. */
#ContentV11 > .bg {
	--opacity: 1;
	--filter: none;
}

#ContentV11 > .bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(270deg, rgba(255, 255, 255, 0.00) 12.27%, rgba(255, 255, 255, 0.88) 75.95%, #FFF 95.1%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.00) 56.63%, rgba(255, 255, 255, 0.88) 88.03%, #FFF 97.48%),
		linear-gradient(180deg, #FFF 1.87%, rgba(255, 255, 255, 0.88) 10.83%, rgba(255, 255, 255, 0.00) 40.61%);
}

/* photos-v1.css */
/* Photos V1 — Single photo scroller with peek */

.pht.v1 {
	--pht-v1-img-w: 36.111rem; /* 480px — side (non-active) image size per Figma */
	--pht-v1-active-scl: 0.7; /* 650 / 480 — active pops up to center size */

	.pht-v1-list {
		/* Track stays within .mn_wd gutters — previous/next peek is constrained
		   to the same horizontal space that bounds the rest of the module. */
		--grd-sp-dyn: 0.1rem;

		align-items: center;
		padding-block: 2rem;
		padding-inline: max(calc(50% - (var(--pht-v1-img-w) / 2)), 1rem);
		scroll-padding-inline: max(calc(50% - (var(--pht-v1-img-w) / 2)), 1rem);


		> li {
			scroll-snap-align: center;
			opacity: 0.5;
			position: relative;
			transform: scale(var(--pht-v1-active-scl));
			transition: opacity 0.4s ease, transform 0.4s ease;

			&.s-active {
				--itm-val: 119;
				opacity: 1;
				transform: none;
				z-index: 1;
			}
		}
	}

	@container (max-width: 767px) {
		.pht-v1-list {
			gap: 0.75rem;
			padding-inline: max(calc(50% - 10rem), 1rem);
			scroll-padding-inline: max(calc(50% - 10rem), 1rem);

			> li {
				width: min(20rem, 70vw);
			}
		}
	}
}

/* callout-v2.css */
.clt.v2 {

    .clt-v2-crd {
        border: 2px solid var(--accent);
        > .pd_v.pd_h {
            padding: 2.5rem 1.78rem;
        }

    }

    .clt-v2-bd {
        gap: 1.5rem; /* ~27px stack between icon, heading, subtext, phone, buttons */
    }

    .clt-v2-btns {
        gap: 1.17rem; /* ~21px between the two buttons */
    }

    .clt-v2-btm-deco {
        position: absolute;
        left: 0;
        bottom: -1px;
        display: block;
        width: 100%;
        height: auto;
    }

    @media screen and (min-width: 1280px) {
        & {
            --fnt-t-big-s: 2.78rem; /* heading ~50px Bayon */
            --fnt-phn-s: 3.83rem;   /* phone display ~69px Bayon */

            .clt-v2-crd {
                max-width: 53.667rem;
                margin-inline: auto;
            }
        }
    }
}

/* navigation-v1.css */
/* Navigation V1 — 2-Col branch page link list (structure carried from Services Panel V5) */
.nv.v1 {

    li .pd_v.pd_h {
        padding: 1.72rem 2.22rem;
    }

    /* Inner row gap — 24px between title and arrow */
    .nv-v1-inr {
        gap: 1.33rem;
    }

    /* Current page — hold full opacity against .hvr_op-lst dimming and mark with the accent */
    .nv-v1-lnk.active {
        --bdr-clr-o: 0.4;

        border-color: hsl(from var(--accent) h s l / var(--bdr-clr-o));
        opacity: 1;

        .arr {
            opacity: 1;
        }
    }

}