/* CtasV2 — module-specific styles. Layout, spacing, radius and surface compose entirely from
   framework utilities and a nested palette scope (Framework Contract §C); only the defensive
   ambient paint below is authored. */

/* The canonical surround (node 13605:19023) is the page's main background (#FFFFFF,
   pixel-verified). The section root is transparent by design, but site make.css paints
   body/html #999999 at every viewport (the gutter color is not scoped to the >1920px
   gutter), so the unpainted band renders gray on live pages. Defensive paint of the
   ambient main background until make.css scopes the gutter — same mitigation as ctas-v4;
   safe to remove once body carries var(--main-bg). */
.cts.v2 {
   --img-bg-o: 1;
}

/* -- Landmark home (Figma 18723:21728): .cts-v2-pln -------------------------------------
   Opted into with background={false}. Plain palette band with 96px padding; the light panel
   gets 64px padding and a 64px column gap, centers its columns, shows the 54px logomark,
   and the side photo fills the panel's height. */

.cts.v2.cts-v2-pln {
	--cts-v2-pnl-pd: 4rem;

	> .mn_wd > [data-colors] {
		padding: var(--cts-v2-pnl-pd);
	}

	.flx-at-1280 {
		column-gap: var(--cts-v2-pnl-pd);
		row-gap: 2rem;
	}

	:is(.dk-lg, .lt-lg)[height] {
		height: 3.375rem;
		width: auto;
	}

	/* Figma zooms the photo (~126% x 141%, offset up-left) so the burned-in mark in its
	   bottom corner falls outside the frame. */
	picture.half {
		position: relative;
		overflow: hidden;
		min-height: 18rem;

		img {
			position: absolute;
			left: -11%;
			top: -16%;
			width: 126%;
			height: 141%;
			max-width: none;
			object-fit: cover;
			transform: none;
		}
	}

	@media screen and (width >= 1280px) {
		/* Figma panel is 1472 wide, centered - 92% of the 1600 main width */
		> .mn_wd > [data-colors] {
			max-width: 92%;
			margin-inline: auto;
		}

		.flx-at-1280 {
			align-items: stretch;
		}

		.half:first-child {
			align-self: center;
		}
	}

	@media screen and (width < 1280px) {
		> .mn_wd > [data-colors] {
			padding: 2rem 1.5rem;
		}

		/* Stacked: the row is not flex here, so the column gap does not apply */
		picture.half {
			margin-top: 2rem;
		}
	}
}

/* Figma 96px top and bottom (make.css would zero the top after a same-palette section) */
section.cts.v2.cts-v2-pln[data-colors][class*="pd_v"],
section[class*="pd_v"] + section.cts.v2.cts-v2-pln[data-colors][class*="pd_v"] {
	padding-block: 6rem;
}