/* ============================================================
   Giving Back page — page-specific styles. Loaded only when the
   giving-back template is active. Reuses sitewide pieces from
   tokens.css (.ltl-eyebrow, .ltl-teaser-link). Covers the intro,
   the turkey-drive story + photo collage, the Operation E.L.F.
   band + photo grid, and the closing nominate strip.
   ============================================================ */

.ltl-give-hero {
	padding: clamp(4rem, 9vw, 6rem) clamp(1rem, 4vw, 2rem) clamp(2rem, 5vw, 3rem);
}
.ltl-give-hero-sub {
	max-width: 52ch;
	margin: 1rem auto 0;
	color: rgba(44, 44, 44, 0.7);
	font-size: 1.05rem;
}

/* ---------- Shared photo treatment ---------- */
.ltl-give-photo {
	margin: 0;
	overflow: hidden;
	border-radius: 14px;
	background: var(--wp--preset--color--navy-deep);
}
.ltl-give-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------- Turkey drive: copy + 3-photo collage ---------- */
.ltl-give-story {
	padding: clamp(3.5rem, 8vw, 5.5rem) clamp(1rem, 4vw, 2rem);
}
.ltl-give-cols {
	gap: clamp(2rem, 5vw, 4rem) !important;
	align-items: center;
}
.ltl-give-story h2 {
	margin-top: 0.5rem;
}
.ltl-give-collage {
	display: grid;
	grid-template-columns: 3fr 2fr;
	grid-template-rows: 1fr 1fr;
	gap: 0.85rem;
	box-shadow: 0 18px 44px rgba(27, 42, 74, 0.14);
	border-radius: 16px;
}
.ltl-give-collage .ltl-give-photo--tall {
	grid-row: 1 / span 2;
}
.ltl-give-collage .ltl-give-photo:not(.ltl-give-photo--tall) {
	aspect-ratio: 1 / 1;
}
.ltl-give-collage .ltl-give-photo--tall img {
	object-position: 50% 15%;
}
@media (max-width: 781px) {
	.ltl-give-collage {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
	}
	.ltl-give-collage .ltl-give-photo--tall {
		grid-column: 1 / span 2;
		grid-row: auto;
		aspect-ratio: 4 / 5;
	}
}

/* ---------- Operation E.L.F.: navy band + 3x2 photo grid ---------- */
.ltl-give-toys {
	padding: clamp(3.5rem, 8vw, 5.5rem) clamp(1rem, 4vw, 2rem);
}
.ltl-give-toys-intro h2 {
	margin-top: 0.5rem;
}
.ltl-give-toys-intro p:not(.ltl-eyebrow) {
	max-width: 62ch;
	margin-left: auto;
	margin-right: auto;
}
.ltl-give-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.85rem;
	margin-top: clamp(2rem, 5vw, 3rem);
}
.ltl-give-grid .ltl-give-photo {
	aspect-ratio: 1 / 1;
}
.ltl-give-grid .ltl-give-photo--top img {
	object-position: 50% 12%;
}
@media (max-width: 781px) {
	.ltl-give-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ---------- Closing nominate strip ---------- */
.ltl-give-close {
	padding: clamp(3.5rem, 8vw, 5.5rem) clamp(1rem, 4vw, 2rem);
}
.ltl-give-close h2 {
	margin-top: 0.5rem;
}
.ltl-give-close-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.6rem 2rem;
	margin-top: 1.5rem;
}