/* -- Landmark home (Figma 18723:21726): .cnt-v1-fd ---------------------------------------
   Opted into with fade={true}. Black-to-palette vertical fade, columns centered on each
   other, 54px logomark over the copy, the first paragraph after the title set as Title 2,
   a gold "Read More" bar, and the photo slider with 64px white square arrows straddling
   the photo's edges. */

.cnt.v1.cnt-v1-fd {
	--cnt-v1-sldr-asp: 3 / 2;         /* matches the gallery photos (Figma frame was 704 / 527) */
	--sl-sa-s: 4rem;                  /* Figma 64px arrow buttons */

	background-image: linear-gradient(180deg, var(--black) 0%, var(--background) 100%);

	> .mn_wd > .flx-at-1280 {
		align-items: center;
	}

	.cnt-v1-flr {
		margin-bottom: 1.5rem;

		img {
			height: 3.375rem;
			width: auto;
		}
	}

	/* Subtitle: the paragraph right after the title reads as Title 2 (24px regular) */
	.cnt-stl > :first-child:is(h1, h2, h3) + p {
		font-family: var(--fnt-t-2-ff);
		font-size: var(--fnt-t-2-s);
		font-weight: var(--fnt-t-2-w);
		line-height: var(--fnt-t-2-lh);
		color: var(--fnt-t-2);
	}

	.cnt-xpnd-btn {
		border-top: 2px solid hsl(from var(--bdr-clr) h s l / var(--bdr-clr-o));
		padding-block: 0.625rem;
		color: var(--btn-trt-txt);
		font-family: var(--btn-ff);
		font-size: var(--btn-s);
		font-weight: var(--btn-w);
	}

	/* -- Photo slider -- */

	.cnt-v1-sldr {
		/* contain, not cover: the gallery photos carry a burned-in LANDMARK mark in a corner,
		   and any crop can cut it (client request 2026-10-20). The frame is 3:2 rather than the
		   Figma 704:527 because most of the photos are 3:2 and fill it exactly; other shapes get
		   thin bands that fall on the section's dark fade. */
		[data-role="item"] img {
			aspect-ratio: var(--cnt-v1-sldr-asp);
			object-fit: contain;
			background-color: transparent;
		}

		.scrl-nav-sd button:is([data-action="Prev"], [data-action="Next"]) {
			border-radius: var(--bdr-rds);
			background-color: var(--white);
			color: var(--black);
		}
	}

	/* Arrows straddle the photo's edges instead of sitting in a padded rail */
	@media screen and (width >= 1280px) {
		/* Columns sit side by side and center on each other; the stacked-layout top margin goes */
		.half.stcky.mrg_tp {
			margin-top: 0;
		}

		.cnt-v1-sldr .sl_sa-edg {
			padding-inline: 0;

			[data-role="arrows"] {
				left: calc(var(--sl-sa-s) / -2);
				width: calc(100% + var(--sl-sa-s));
				z-index: 3;
			}
		}
	}
}

/* Figma 96px top and bottom. make.css zeroes padding-top on a section that follows one with the
   same palette (section[...] + section[...], specificity 0,6,2); this band follows the
   alternate-dark values section but starts its own black-to-#212121 fade, so it keeps the full
   padding. Written as the same adjacency so it reads as the exception and outranks it. */
section.cnt.v1.cnt-v1-fd[data-colors][class*="pd_v"]:not(.bg-image),
section[class*="pd_v"]:not(.bg-image) + section.cnt.v1.cnt-v1-fd[data-colors][class*="pd_v"]:not(.bg-image) {
	padding-block: 6rem;
}