/* PULL QUOTE — .db-pullquote   (about = 1)
   Prototype .ab-quote. A single display-font statement, no body copy and no
   background — NOT the intro band, which is what the first build used here. The
   two look superficially alike (a heading-ish line near the top of the page) and
   that is exactly how a sand-backed 3.75rem heading ended up standing in for an
   ink pull quote with no background.

   The mobile cap is 18ch — the same measure as the homepage quote banner — and
   becomes a flat 960px on desktop, where the clamp floor also rises to 2.5rem so
   the line never collapses to body size on a wide screen. */
.db-pullquote { padding-block: 40px 80px; }

.db-pullquote__text {
	margin: 0;
	font-family: var(--font-display);
	font-weight: 400;
	text-transform: uppercase;
	font-size: clamp(1.5rem, 6vw, 3.75rem);
	line-height: 1.13;
	color: var(--ink);
	max-width: 18ch;
}

@media (min-width: 861px) {
	.db-pullquote { padding-block: 60px 120px; }
	.db-pullquote__text { font-size: clamp(2.5rem, 4.5vw, 3.75rem); max-width: 960px; }
}

/* The band is 600 tall on desktop with 60/48 padding [Figma 368:3571 — a fixed
   600 frame, padding "60px 40px 48px"]. It was 316 tall from padding alone, so
   the statement sat in a thin strip instead of the tall opening band the design
   opens the page with. */
@media (min-width: 861px) {
	/* TOP aligned. §9.50 added `justify-content: center` when it set the 600
	   height — wrong, and the client caught it: the quote text is
	   `vertical: hug` at the top of the band [368:3572], so it sits under the
	   60px padding, not in the middle of 600px. Height without centring. */
	.db-pullquote {
		min-height: 600px;
		padding-block: 60px 48px;
	}
}