/* ==========================================================================
   Al-Sumait — chapter 06 · Umma University · v2 "The Kajiado Album"
   Photo-essay layout: full-screen cover, split screen with a sticky
   photo wall, full-bleed gallery. Scoped to .dsc-umma / .dsc-um2-*.
   ========================================================================== */

.dsc-umma{
	--dsu-wrap: 1080px;
	--dsu-pad: clamp(20px, 4vw, 26px);
	--dsu-serif: "Amiri", Georgia, "Times New Roman", serif;
	--dsu-primary: var(--wp--preset--color--primary, #1F6F5F);
	--dsu-main: var(--wp--preset--color--main, #10322B);
	--dsu-main-accent: var(--wp--preset--color--main-accent, #C9E6DC);
	--dsu-base: var(--wp--preset--color--base, #FFFFFF);
	--dsu-tertiary: var(--wp--preset--color--tertiary, #F3F6F5);
	--dsu-sprout: var(--wp--preset--color--primary-alt, #6FCF97);
	--dsu-muted: #4C6B63;
	--dsu-rule: #DCE8E3;
}

.dsc-umma .dsu2-wrap{
	max-width: var(--dsu-wrap);
	margin-inline: auto;
	padding-inline: var(--dsu-pad);
}
.dsc-umma h1, .dsc-umma h2, .dsc-umma h3{
	font-family: var(--dsu-serif);
	font-weight: 400;
	line-height: 1.06;
	text-wrap: balance;
}
.dsc-umma .dsu2-lab{
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.6;
}
.dsc-umma .dsu2-lab:not(.has-text-color){ color: var(--dsu-muted); }
.dsc-umma .dsu2-num{ font-variant-numeric: tabular-nums; }
.dsc-umma a:focus-visible{ outline: 2px solid var(--dsu-primary); outline-offset: 3px; }

/* ── 1 · full-screen photographic opener ────────────────────────────────── */
.dsc-um2-hero{ position: relative; }
.dsc-um2-hero .wp-block-cover__inner-container{
	align-self: flex-end;
	width: 100%;
	max-width: none;
	padding: 0 clamp(24px, 5vw, 64px) clamp(34px, 5vh, 56px);
}
.dsc-um2-hero .dsu2-ar{
	position: absolute;
	right: 3vw;
	top: 9vh;
	z-index: 1;
	font-family: var(--dsu-serif);
	font-size: clamp(90px, 15vw, 220px);
	line-height: .9;
	color: rgba(255,255,255,.14);
	direction: rtl;
	white-space: nowrap;
	pointer-events: none;
	user-select: none;
	margin: 0;
}
.dsc-um2-hero .dsu2-herotxt{ position: relative; z-index: 2; }
.dsc-um2-hero h1{
	font-size: clamp(52px, 8vw, 118px);
	letter-spacing: -.012em;
	margin-block: 8px 0;
}
.dsc-um2-hero .dsu2-sub{
	font-family: var(--dsu-serif);
	font-style: italic;
	font-size: clamp(20px, 2.4vw, 34px);
	margin-block-start: 8px;
}
.dsc-um2-hero .dsu2-herorow{ margin-block-start: 26px; gap: 40px; }
.dsc-um2-hero .dsu2-stand{ font-size: 18px; line-height: 1.6; max-width: 52ch; opacity: .92; }
.dsc-um2-hero .dsu2-meta{ gap: 32px; }
.dsc-um2-hero .dsu2-v{
	font-family: var(--dsu-serif);
	font-size: 28px;
	line-height: 1.1;
	margin-block-start: 4px;
}

/* ── 2 · the split screen ───────────────────────────────────────────────── */
.dsc-um2-duo{ background: var(--dsu-base); }
.dsc-um2-grid{
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 50%;
	gap: 0 !important;
	margin: 0;
}
.dsc-um2-grid > .wp-block-column{ flex: 0 0 auto !important; width: auto !important; }

.dsc-um2-stn{
	min-height: 96vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	max-width: 620px;
	padding: 8vh clamp(24px, 4vw, 60px);
	margin-inline-start: auto;
	box-sizing: border-box;
}
.dsc-um2-stn > *{ margin-block: 0; }
.dsc-um2-stn .dsu2-yr{
	font-family: var(--dsu-serif);
	font-size: clamp(56px, 5.6vw, 84px);
	line-height: 1;
	color: var(--dsu-primary);
}
.dsc-um2-stn h2{ font-size: clamp(26px, 2.6vw, 36px); }
.dsc-um2-stn p{ max-width: 56ch; }
.dsc-um2-stn p:not(.has-text-color):not(.dsu2-yr):not(.dsu2-lab){ color: var(--dsu-muted); }
.dsc-um2-stn strong{ color: var(--dsu-main); }

/* the dark passage keeps its own ground even without JS */
.dsc-um2-stn-dark{ max-width: none; }
.dsc-um2-stn-dark .dsu2-yr{ color: var(--dsu-sprout); }
.dsc-um2-stn-dark strong{ color: var(--dsu-base); }
.dsc-um2-stn-dark .dsu2-pull{ border-color: var(--dsu-sprout); }
.dsc-um2-stn-dark .dsu2-pull p,
.dsc-um2-stn-dark h2{ color: var(--dsu-base); }
.dsc-um2-stn-dark .dsu2-pull cite{ color: var(--dsu-main-accent); }

/* pull quote */
.dsc-umma .dsu2-pull{
	border: 0;
	border-left: 2px solid var(--dsu-primary);
	padding: 4px 0 4px 22px;
	margin: 0;
}
.dsc-umma .dsu2-pull p{
	font-family: var(--dsu-serif);
	font-size: clamp(20px, 2vw, 25px);
	line-height: 1.42;
	max-width: none;
	color: var(--dsu-main);
}
.dsc-umma .dsu2-pull cite{
	display: block;
	margin-block-start: 10px;
	font-style: normal;
	font-size: 10.5px;
	letter-spacing: .15em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--dsu-muted);
}

/* ledger */
.dsc-umma .dsu2-ledger{ margin: 0; }
.dsc-umma .dsu2-ledger table{ border-collapse: collapse; width: 100%; }
.dsc-umma .dsu2-ledger td{
	border: 0;
	border-top: 1px solid var(--dsu-rule);
	padding: 9px 0;
	font-size: 14.5px;
}
.dsc-umma .dsu2-ledger tr:last-child td{ border-bottom: 1px solid var(--dsu-rule); }
.dsc-umma .dsu2-ledger td:first-child{
	width: 70px;
	font-family: var(--dsu-serif);
	font-size: 19px;
	color: var(--dsu-primary);
	font-variant-numeric: tabular-nums;
}

/* chips — a strict 2×2 board: equal rows, shared baselines, one hairline grid */
.dsc-umma .dsu2-chips{
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 1fr;
	gap: 1px;
	background: var(--dsu-rule);          /* the hairline between cells */
	border: 1px solid var(--dsu-rule);
	margin: 0;
}
.dsc-umma .dsu2-chips .wp-block-column{ display: contents; }
.dsc-umma .dsu2-cell{
	background: var(--dsu-base);
	padding: 20px 20px 18px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 8px;
	min-height: 128px;
	border: 0;
}
.dsc-umma .dsu2-k{
	font-family: var(--dsu-serif);
	font-size: 38px;
	line-height: 1;
	color: var(--dsu-primary);
}
.dsc-umma .dsu2-t{
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--dsu-muted);
	max-width: 26ch;
}

/* the photo wall — sticky, full height */
.dsc-um2-wall{
	position: sticky;
	top: 0;
	height: 100vh;
	overflow: hidden;
}
.dsc-um2-wall figure.wp-block-image{
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transform: scale(1.06);
}
.dsc-um2-wall figure.wp-block-image:first-child{ opacity: 1; visibility: visible; transform: none; }
.dsc-um2-wall img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* per-station inline photo — mobile only */
.dsc-umma .dsu2-mph{ display: none; margin: 6px 0 0; }
.dsc-umma .dsu2-mph img{ width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; display: block; }

/* ── 3 · full-bleed gallery ─────────────────────────────────────────────── */
.dsc-um2-gallery{ background: var(--dsu-base); }
.dsc-um2-gallery .dsu2-ghead{
	max-width: var(--dsu-wrap);
	margin-inline: auto;
	padding: 84px var(--dsu-pad) 28px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 20px;
	flex-wrap: wrap;
}
.dsc-um2-gallery .dsu2-ghead h2{ font-size: clamp(30px, 3.4vw, 44px); margin: 0; }
.dsc-um2-gallery .dsu2-grow{
	display: grid !important;
	gap: 3px !important;
	margin: 0 0 3px;
}
.dsc-um2-gallery .dsu2-r1{ grid-template-columns: 2fr 1.2fr; }
.dsc-um2-gallery .dsu2-r2{ grid-template-columns: 1.2fr 2fr; }
.dsc-um2-gallery .dsu2-grow > .wp-block-column{ flex: 0 0 auto !important; width: auto !important; }
.dsc-um2-gallery .dsu2-grow figure.wp-block-image{ margin: 0; height: 72vh; min-height: 420px; position: relative; }
.dsc-um2-gallery .dsu2-grow img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.dsc-um2-gallery .dsu2-grow figcaption{
	position: absolute;
	left: 18px;
	bottom: 14px;
	margin: 0;
	background: rgba(15,28,28,.72);
	color: #EDF6F2;
	padding: 6px 12px;
	font-size: 11px;
	letter-spacing: .08em;
	text-align: left;
}

/* ── 4 · today ──────────────────────────────────────────────────────────── */
.dsc-um2-today{ padding-block: 96px; }
.dsc-um2-today .dsu2-tcols{ gap: 56px !important; }
.dsc-um2-today h2{ font-size: clamp(28px, 3.2vw, 42px); margin: 8px 0 14px; }
.dsc-um2-today p:not(.has-text-color){ color: var(--dsu-muted); }
.dsc-umma .dsu2-schools{ list-style: none; margin: 20px 0 0; padding: 0; }
.dsc-umma .dsu2-schools li{
	display: flex;
	justify-content: space-between;
	gap: 18px;
	padding: 11px 0;
	border-top: 1px solid var(--dsu-rule);
}
.dsc-umma .dsu2-schools li:last-child{ border-bottom: 1px solid var(--dsu-rule); }
.dsc-umma .dsu2-arb{
	font-family: var(--dsu-serif);
	font-size: 19px;
	color: var(--dsu-muted);
	direction: rtl;
}

/* ── 5 · chapter navigation ─────────────────────────────────────────────── */
.dsc-um2-nav{ border-top: 1px solid var(--dsu-rule); }
.dsc-um2-nav .wp-block-columns{ margin: 0; gap: 0 !important; }
.dsc-um2-nav .dsu2-prev{ padding: 40px 38px 40px 0; }
.dsc-um2-nav .dsu2-next{
	padding: 40px 0 40px 38px;
	border-left: 1px solid var(--dsu-rule);
	text-align: right;
}
.dsc-um2-nav .dsu2-c{
	font-family: var(--dsu-serif);
	font-size: 28px;
	line-height: 1.15;
	margin-block-start: 8px;
}
.dsc-um2-nav a{ text-decoration: none; color: inherit; }
.dsc-um2-nav a:hover{ color: var(--dsu-primary); }

/* ── motion start states (JS clears them; no-JS never sees them) ────────── */
body.dsc-umma-anim .dsu2-rise{ opacity: 0; transform: translateY(26px); }

/* ── mobile ─────────────────────────────────────────────────────────────── */
@media (max-width: 900px){
	.dsc-um2-grid{ grid-template-columns: 1fr; }
	.dsc-um2-grid > .wp-block-column:last-child{ display: none; }  /* wall folds away */
	.dsc-um2-stn{ min-height: 0; padding-block: 56px; margin-inline-start: 0; max-width: none; }
	.dsc-umma .dsu2-mph{ display: block; }
	.dsc-um2-hero .dsu2-ar{ font-size: clamp(70px, 20vw, 120px); }
	.dsc-um2-gallery .dsu2-r1,
	.dsc-um2-gallery .dsu2-r2{ grid-template-columns: 1fr; }
	.dsc-um2-gallery .dsu2-grow figure.wp-block-image{ height: 46vh; min-height: 280px; }
	.dsc-um2-today .dsu2-tcols{ gap: 36px !important; }
	.dsc-um2-nav .dsu2-prev{ padding: 30px 0; }
	.dsc-um2-nav .dsu2-next{
		padding: 30px 0;
		border-left: 0;
		border-top: 1px solid var(--dsu-rule);
		text-align: left;
	}
}

@media (prefers-reduced-motion: reduce){
	body.dsc-umma-anim .dsu2-rise{ opacity: 1; transform: none; }
}

/* ── v2.1 · departments band (chapter 04) ───────────────────────────────── */
.dsc-um2-depts{ background: var(--dsu-base); }
.dsc-um2-depts .dsu2-depts{
	max-width: var(--dsu-wrap);
	margin-inline: auto;
	padding: 0 var(--dsu-pad) 8px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 1fr;                   /* equal tiles, no staircase */
	gap: 1px;
}
.dsc-umma .dsu2-dept{
	background: var(--dsu-tertiary);
	outline: 1px solid var(--dsu-rule);
	padding: 22px 20px 20px;
	min-height: 130px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;             /* titles share one baseline row */
	position: relative;
	transition: background .25s ease;
}
.dsc-umma .dsu2-dept::before{             /* one fixed-length rule for every tile */
	content: "";
	position: absolute;
	top: 22px;
	left: 20px;
	width: 34px;
	height: 2px;
	background: var(--dsu-primary);
	transition: width .3s ease;
}
.dsc-umma .dsu2-dept:hover{ background: var(--dsu-accent, #E4F1EC); }
.dsc-umma .dsu2-dept:hover::before{ width: 56px; }
.dsc-umma .dsu2-dept-t{
	font-family: var(--dsu-serif);
	font-size: 21px;
	line-height: 1.2;
	color: var(--dsu-main);
	border: 0;
	padding: 0;
	display: block;
	margin: 0;
}
@media (max-width: 900px){
	.dsc-um2-depts .dsu2-depts{ grid-template-columns: repeat(2, 1fr); }
}

/* v2.1.2 — WP flow blockGap injects margin-block-start on every sibling
   after the first; inside our grids it skews rows (TRAPS #36). */
.dsc-umma .dsu2-chips .dsu2-cell,
.dsc-umma .dsu2-depts .dsu2-dept{ margin-block-start: 0 !important; }

/* ==========================================================================
   v2.2.0 · chapter 07 "Awards & Honors" layer
   Adds: the honours ledger flag, the tile band's year/note lines, the dark
   "after he was gone" band, the verse block — and the MOBILE RAILS, where a
   horizontal strip is advanced by ordinary vertical scrolling.
   ========================================================================== */

/* single-source marker */
.dsc-umma .dsu2-flag{
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #C79A3A;
	margin-inline-start: 7px;
	vertical-align: middle;
}

/* ledger — the awarding body sits right, quiet */
.dsc-umma .dsu2-ledger td:last-child{
	text-align: right;
	color: var(--dsu-muted);
	font-size: 12.5px;
	white-space: nowrap;
}

/* the verse, inside the dark station */
.dsc-umma .dsu2-verse{
	font-family: var(--dsu-serif);
	direction: rtl;
	text-align: center;
	font-size: clamp(22px, 2.6vw, 32px);
	line-height: 2;
	color: var(--dsu-sprout);
	border-top: 1px solid #2A4A42;
	border-bottom: 1px solid #2A4A42;
	padding-block: 26px;
	margin: 6px 0 0;
}
.dsc-umma .dsu2-vt{
	display: block;
	font-family: var(--dsu-sans, inherit);
	direction: ltr;
	font-size: 13px;
	font-style: italic;
	color: #7FA39D;
	margin-block-start: 12px;
}

/* the tile band, as a record of honours */
.dsc-umma .dsu2-dhead,
.dsc-umma .dsu2-ghead .wp-block-column{ align-self: flex-end; }
.dsc-umma .dsu2-headnote{
	font-size: 13px;
	line-height: 1.6;
	color: var(--dsu-muted);
	max-width: 34ch;
	margin: 0;
}
.dsc-umma .dsu2-legend{
	font-size: 12.5px;
	color: var(--dsu-muted);
	margin: 18px 0 0;
}
.dsc-umma .dsu2-dept{ min-height: 150px; }
.dsc-umma .dsu2-dept-y{
	position: absolute;
	top: 14px;
	right: 20px;
	font-family: var(--dsu-serif);
	font-size: 20px;
	color: var(--dsu-muted);
	margin: 0;
}
.dsc-umma .dsu2-dept-by{
	font-size: 12px;
	color: var(--dsu-muted);
	margin: 6px 0 0;
}
.dsc-umma .dsu2-dept-key{ background: var(--dsu-accent, #E4F1EC); outline-color: #BCD8CE; }
.dsc-umma .dsu2-dept-key .dsu2-dept-t{ font-size: 24px; }
.dsc-umma .dsu2-dept-last{ background: var(--dsu-main); }
.dsc-umma .dsu2-dept-last .dsu2-dept-t{ color: var(--dsu-base); }
.dsc-umma .dsu2-dept-last .dsu2-dept-by,
.dsc-umma .dsu2-dept-last .dsu2-dept-y{ color: var(--dsu-sprout); }
.dsc-umma .dsu2-dept-last::before{ background: var(--dsu-sprout); }

/* "after he was gone" — chapter 07 runs this band dark */
.dsc-um2-today.dsu2-tdark{ background: var(--dsu-main); }
.dsc-um2-today.dsu2-tdark h2{ color: var(--dsu-base); }
.dsc-um2-today.dsu2-tdark p:not(.has-text-color){ color: #A9C6C0; }
.dsc-um2-today.dsu2-tdark .dsu2-schools li{ border-color: #2A4A42; }
.dsc-um2-today.dsu2-tdark .dsu2-arb{ color: var(--dsu-main-accent); }
.dsc-um2-today.dsu2-tdark .dsu2-pull{ border-color: var(--dsu-sprout); }
.dsc-um2-today.dsu2-tdark .dsu2-pull p{ color: var(--dsu-base); }
.dsc-um2-today.dsu2-tdark .dsu2-pull cite{ color: var(--dsu-main-accent); }
.dsc-umma .dsu2-money{
	font-family: var(--dsu-serif);
	font-size: clamp(56px, 8vw, 108px);
	line-height: .9;
	color: var(--dsu-sprout);
	margin: 10px 0 0;
}
.dsc-umma .dsu2-close{
	font-family: var(--dsu-serif);
	font-size: 24px;
	line-height: 1.35;
	color: var(--dsu-base);
}

/* ── mobile rails ──────────────────────────────────────────────────────────
   Under 900px the page would otherwise stack into a very long column. The
   three long groups become horizontal strips; umma.js then advances each one
   sideways from the page's own vertical scroll, so nothing has to be swiped.
   Without JS (or with reduced motion) they stay hand-scrollable with snap. */
@media (max-width: 900px){

	/* rail 1 — the stations */
	.dsc-um2-duo .dsc-um2-grid{ grid-template-columns: minmax(0, 1fr); }
	.dsc-um2-grid > .dsu2-railpin{ min-width: 0; max-width: 100%; }
	.dsc-um2-duo .dsc-um2-grid > .wp-block-column:first-child,
	.dsc-um2-duo .dsu2-rail{
		display: flex;
		flex-wrap: nowrap;
		min-width: 0;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: 14px;
		padding-inline: var(--dsu-pad);
		scrollbar-width: none;
	}
	.dsc-um2-duo .dsc-um2-grid > .wp-block-column:first-child::-webkit-scrollbar,
	.dsc-um2-duo .dsu2-rail::-webkit-scrollbar{ display: none; }
	.dsc-um2-stn{
		flex: 0 0 86vw;
		scroll-snap-align: center;
		min-height: 0;
		max-width: none;
		margin: 0;
		padding: 26px 22px 28px;
		gap: 14px;
		border: 1px solid var(--dsu-rule);
		border-radius: 16px;
		background: var(--dsu-base);
	}
	.dsc-um2-stn-dark{ background: #0F1C1C; border-color: #2A4A42; }
	.dsc-um2-stn .dsu2-yr{ font-size: 46px; }
	.dsc-um2-stn h2{ font-size: 24px; }
	.dsc-umma .dsu2-ledger td{ font-size: 13px; padding: 7px 0; }
	.dsc-umma .dsu2-ledger td:last-child{ display: none; }
	.dsc-umma .dsu2-cell{ min-height: 104px; padding: 15px; }
	.dsc-umma .dsu2-k{ font-size: 30px; }
	.dsc-umma .dsu2-verse{ font-size: 21px; padding-block: 18px; }

	/* rail 2 — the honours */
	.dsc-um2-depts .dsu2-depts{
		display: flex;
		flex-wrap: nowrap;
		max-width: none;
		min-width: 0;
		gap: 10px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	.dsc-um2-depts .dsu2-depts::-webkit-scrollbar{ display: none; }
	.dsc-umma .dsu2-dept{
		flex: 0 0 46vw;
		scroll-snap-align: center;
		min-height: 132px;
		border-radius: 12px;
		outline-offset: -1px;
	}

	/* rail 3 — the gallery */
	.dsc-um2-gallery .dsu2-grow{
		display: flex !important;
		flex-wrap: nowrap !important;
		min-width: 0;
		gap: 8px !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-inline: var(--dsu-pad);
		scrollbar-width: none;
	}
	.dsc-um2-gallery .dsu2-grow::-webkit-scrollbar{ display: none; }
	.dsc-um2-gallery .dsu2-grow > .wp-block-column{
		flex: 0 0 78vw !important;
		width: auto !important;
		scroll-snap-align: center;
	}
	.dsc-um2-gallery .dsu2-grow figure.wp-block-image{
		height: 50vh;
		min-height: 0;
		border-radius: 12px;
		overflow: hidden;
	}

	/* the sticky panel the rail rides in, and its counter */
	.dsu2-railpin{ position: relative; width: 100%; min-width: 0; max-width: 100%; }
	.dsu2-railstick{
		position: sticky;
		top: 7vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-block: 10px;
	}
	.dsu2-railstick{ width: 100%; min-width: 0; max-width: 100%; }
	.dsu2-railstick > *{ width: 100%; min-width: 0; max-width: 100%; }
	.dsu2-railhud{
		display: flex;
		align-items: center;
		gap: 14px;
		padding: 12px var(--dsu-pad) 0;
		font-size: 11px;
		letter-spacing: .16em;
		text-transform: uppercase;
		font-weight: 600;
		color: var(--dsu-muted);
	}
	.dsu2-railhud .dsu2-bar{
		flex: 1;
		height: 2px;
		background: var(--dsu-rule);
		position: relative;
	}
	.dsu2-railhud .dsu2-bar i{
		position: absolute;
		inset: 0 auto 0 0;
		width: 25%;
		background: var(--dsu-primary);
		transition: width .25s ease;
	}
	.dsc-um2-duo .dsu2-railhud{ color: var(--dsu-muted); }
}

/* ==========================================================================
   v2.2.4 · cover legibility (chapter 07 review fix)
   The theme's text colour was winning inside the cover, so the title, the
   standfirst and the Arabic watermark all rendered in near-black on the
   photograph. Everything in the cover is white here, the watermark is a faint
   wash pinned top-right, and a gradient veil sits between the photograph and
   the text so the bottom-left block always has something to sit on.
   ========================================================================== */
.dsc-umma.dsc-um2-hero::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(15,28,28,0) 26%, rgba(15,28,28,.34) 58%, rgba(15,28,28,.82) 100%);
	pointer-events: none;
	z-index: 1;
}
.dsc-umma.dsc-um2-hero .wp-block-cover__inner-container{ position: relative; z-index: 2; }
.dsc-umma.dsc-um2-hero,
.dsc-umma.dsc-um2-hero p,
.dsc-umma.dsc-um2-hero h1,
.dsc-umma.dsc-um2-hero .dsu2-v,
.dsc-umma.dsc-um2-hero .dsu2-stand{ color: #FFFFFF; }
.dsc-umma.dsc-um2-hero .dsu2-sub{ color: var(--dsu-main-accent); }
.dsc-umma.dsc-um2-hero .dsu2-lab{ color: var(--dsu-sprout); }
.dsc-umma.dsc-um2-hero h1{ text-shadow: 0 2px 26px rgba(15,28,28,.4); }

.dsc-umma.dsc-um2-hero .dsu2-ar{
	color: rgba(255,255,255,.13);
	top: 5vh;
	right: 4vw;
	left: auto;
	bottom: auto;
	font-size: clamp(64px, 12vw, 168px);
	z-index: 1;
	text-shadow: none;
}
@media (max-width: 900px){
	.dsc-umma.dsc-um2-hero .dsu2-ar{ font-size: clamp(52px, 17vw, 104px); top: 12vh; }
	.dsc-umma.dsc-um2-hero::after{
		background: linear-gradient(180deg, rgba(15,28,28,.12) 0%, rgba(15,28,28,.5) 55%, rgba(15,28,28,.88) 100%);
	}
}

/* v2.2.5 — the cover blocks now carry their own preset colours (Ollie's rule:
   a background always gets a paired text colour), so the watermark is dimmed
   with opacity rather than fought over with a colour override. */
.dsc-umma.dsc-um2-hero .dsu2-ar{ color: #FFFFFF; opacity: .13; }

/* v2.2.6 — the watermark ran off the right edge at full size; sized so the
   whole word sits inside the frame and reads as texture behind the title. */
.dsc-umma.dsc-um2-hero .dsu2-ar{
	font-size: clamp(46px, 7vw, 104px);
	top: 11vh;
	opacity: .11;
}
@media (max-width: 900px){
	.dsc-umma.dsc-um2-hero .dsu2-ar{ font-size: clamp(34px, 10vw, 62px); top: 13vh; }
}

/* v2.2.7 — making the cover's inner container positioned turned it into the
   watermark's containing block, so the watermark dropped to the bottom of the
   cover instead of sitting near the top. The stacking context moves to the
   text wrapper instead, and the watermark measures from the cover again. */
.dsc-umma.dsc-um2-hero .wp-block-cover__inner-container{ position: static; }
.dsc-umma.dsc-um2-hero .dsu2-herotxt{ position: relative; z-index: 2; }