/* The about Pages share the F2a anatomy; only their approved variants differ. */
.lw3-page--about .lw3-tinted { background: var(--wp--preset--color--surface); }
.lw3-page--about .lw3-hero-photo .lw3-hero-grid { grid-template-columns: minmax(0, 1fr); }
.lw3-page--about .lw3-hero-photo .lw3-hero-title { max-width: 12em; }
.lw3-page--about .lw3-hero-number .lw3-hero-visual { text-align: center; }
.lw3-page--about :where(.lw3-preparation, .lw3-principles, .lw3-contact-guide) {
	margin-top: var(--wp--preset--spacing--m);
	padding-left: var(--wp--preset--spacing--m);
	color: var(--wp--preset--color--text-soft);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.95;
}
.lw3-page--about :where(.lw3-preparation, .lw3-principles, .lw3-contact-guide) li + li {
	margin-top: var(--wp--preset--spacing--xs);
}
.lw3-page--about .lw3-perspective-copy { min-width: 0; }
.lw3-page--about .lw3-perspective-reverse > .lw-wrap > .lw3-perspective-grid > :first-child { order: 1; }
.lw3-page--about .lw3-toolkit > .lw3-section-head { margin-bottom: 0; }
.lw3-page--about .lw3-checklist-panel .lw3-checklist { margin-top: 0; }
.lw3-page--about .lw3-checklist-panel .lw3-helper { margin-top: var(--wp--preset--spacing--m); }
.lw3-page--about .lw3-connected-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 18em), 1fr)); }
.lw3-page--about .lw3-next { background: var(--wp--preset--color--lime); }
.lw3-page--about .lw3-next-actions .lw3-helper { margin-top: var(--wp--preset--spacing--s); }
.lw3-page--about .lw3-framework .lw3-helper { margin-top: var(--wp--preset--spacing--m); }
.lw3-page--about .lw3-contact-panel { min-width: 0; }
.lw3-page--about :where(a, summary, input, select, textarea, button):focus-visible {
	outline: 3px solid var(--wp--preset--color--deep);
	outline-offset: 5px;
}
/* Explicit scope keeps small copy readable on the image and dark banner. */
.lw3-page--about :is(.lw3-hero-photo, .lw3-text-banner) :is(.lw3-kicker, .lw3-lead, .lw3-copy, .lw-title, .lw3-preparation) {
	color: var(--wp--preset--color--white);
}
.lw3-page--about .lw3-hero-photo :focus-visible { outline-color: var(--wp--preset--color--lime); }
@media (max-width: 640px) {
	.lw3-page--about .lw3-perspective-reverse > .lw-wrap > .lw3-perspective-grid > :first-child { order: 0; }
	.lw3-page--about.lw3-page--about-contact .lw3-toolkit { grid-template-columns: minmax(0, 1fr); }
}