/**
 * Image Text Band: centered heading + body columns over a full-bleed dimmed photo.
 * The photo is tinted toward the warm ground (colour blend), darkened (multiply), and
 * faded to solid at the top and bottom so the band seams into the dark sections around
 * it. Namespaced (image-text-band / itb-).
 */

.image-text-band{
	--itb-ground:#21160d;     /* dark warm ground / fade colour */
	--itb-text:#f6f5f3;       /* off-white */
	--itb-gold:#b79d60;       /* brand gold, for any inline links */
	position:relative;
	isolation:isolate;        /* keep the blend modes acting only on this band's layers */
	overflow:hidden;
	padding:clamp(120px,20vw,240px) 24px;
	margin-top:clamp(72px,12vw,160px);   /* gap above the band — outside any preceding monogram band so its sticky crest stops at the last card and doesn't fill this space */
	background:var(--itb-ground);
	color:var(--itb-text);
	font-family:'Jost',system-ui,sans-serif;
}
.image-text-band *{box-sizing:border-box}

/* the page wrapper is transparent, so paint the gap above the band in the dark ground */
.content.pages:has(.image-text-band){background:#21160d}

/* layered full-bleed background: ground → photo → colour tint → multiply shade → fade */
.itb-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--itb-ground)}
.itb-bg__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.itb-bg__tint{position:absolute;inset:0;background:rgba(33,22,13,.6);mix-blend-mode:color}
.itb-bg__shade{position:absolute;inset:0;background:rgba(33,22,13,.95);mix-blend-mode:multiply}
.itb-bg__fade{
	position:absolute;inset:0;
	background:linear-gradient(180deg,var(--itb-ground) 0%,rgba(33,22,13,0) 40%,rgba(33,22,13,0) 75%,var(--itb-ground) 100%);
}

.itb-inner{
	position:relative;z-index:1;
	max-width:1044px;margin:0 auto;
	display:flex;flex-direction:column;align-items:center;gap:32px;
}

.itb-heading{
	margin:0;
	font-family:'Jost',sans-serif;font-weight:400;
	font-size:clamp(28px,4vw,40px);line-height:1.05;letter-spacing:-.03em;
	text-align:center;color:var(--itb-text);
}

.itb-cols{display:flex;gap:40px;width:100%}
.itb-col{flex:1 1 0;min-width:0;font-size:16px;line-height:1.6}
.itb-col > :first-child{margin-top:0}
.itb-col > :last-child{margin-bottom:0}
.itb-col a{color:var(--itb-gold);text-decoration:underline}

/* desktop: match the design's full band height, content centred in it */
@media (min-width:761px){
	.image-text-band{
		min-height:950px;
		display:flex;flex-direction:column;justify-content:center;align-items:center;
	}
	.itb-inner{width:100%}
}

@media (max-width:760px){
	.itb-cols{flex-direction:column;gap:20px}
	.itb-inner{align-items:flex-start}
	.itb-heading{text-align:left}
}

/* mix-blend-mode unsupported (older browsers): fall back to a flat scrim so text stays legible */
@supports not (mix-blend-mode:multiply){
	.itb-bg__tint{display:none}
	.itb-bg__shade{background:rgba(33,22,13,.7);mix-blend-mode:normal}
}