/* ============================================================
   WMC House — Manifesto
   The introduction to the concept, under the hero. The text on
   the left, the photograph on the right.
   ============================================================ */

/* === Grid === */
.manifesto__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5.5rem); align-items: center; }

/* === Text ===
   One line per paragraph reads as verse, so the lines sit close together. */
.manifesto__text { font-size: clamp(1.05rem, 1.35vw, 1.3rem); line-height: 1.5; }
.manifesto__text p { margin: 0; max-width: 46ch; }
.manifesto__text p + p { margin-top: .55em; }
.manifesto__text a { text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; }

/* === Plate ===
   The box owns the height and the shots are stacked inside it, so a
   crossfade cannot move the text beside it. */
.manifesto__plate { position: relative; margin: 0; aspect-ratio: 4 / 5; border-radius: var(--radius); overflow: hidden; background: var(--ground-alt); }

/* === Narrow ===
   Text first, photograph underneath. */
@media (max-width: 900px) {
	.manifesto__grid { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); }
	.manifesto__plate { aspect-ratio: 3 / 2; }
}