/* Solutions inherits the current Buildverse editorial, proof and CTA system. */
.solutions-hero h1 { max-width: 1040px; }
.solutions-hero .local-hero__support { max-width: 740px; }
.solutions-hero .statement-callout { margin-bottom: 0; }
.solutions-family .section-heading { margin-bottom: 24px; }
.solutions-examples { padding-top: 0; }
.solutions-progression { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 24px 0; margin: 0 0 40px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); list-style: none; color: var(--forest); font-size: clamp(1.05rem, 2vw, 1.35rem); font-weight: 650; }
.solutions-progression li { display: flex; align-items: center; gap: 24px; }
.solutions-progression span { color: var(--ink-soft); }
.solutions-preview-grid { row-gap: 56px; }
.solutions-preview-grid .project-preview { display: flex; flex-direction: column; min-width: 0; }
.solutions-preview-grid .project-preview > p:not(.eyebrow) { max-width: 65ch; margin-bottom: 20px; color: var(--local-body-color); font-size: var(--local-body-size); line-height: 1.7; }
.solutions-proof h2 { margin-bottom: 18px; font-size: clamp(1.85rem, 3.2vw, 3rem); }
.solutions-proof .solutions-proof__label { color: var(--forest); font-weight: 650; }
.solutions-proof .button-group { gap: 12px 24px; margin-top: 24px; }
.solutions-principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 64px; }
.solutions-principles article { padding-top: 24px; border-top: 1px solid var(--line); }
.solutions-principles h3 { max-width: 28ch; margin-bottom: 16px; font-size: 1.4rem; line-height: 1.3; }
.solutions-principles p { max-width: 65ch; margin-bottom: 0; color: var(--local-body-color); font-size: var(--local-body-size); line-height: 1.7; }
#driving-demonstrators { scroll-margin-top: 32px; }
@media (min-width: 981px) {
    .solutions-hero h1 { font-size: clamp(3.1rem, 6.25vw, 5.6rem); }
}
@media (min-width: 1101px) {
    .solutions-proof { grid-template-columns: minmax(0, .48fr) minmax(0, .52fr); }
}
@media (max-width: 720px) {
    .solutions-progression { gap: 16px 24px; margin-bottom: 32px; }
    .solutions-progression li { gap: 16px; }
    .solutions-preview-grid { row-gap: 42px; }
    .solutions-principles { grid-template-columns: 1fr; gap: 28px; }
    .solutions-proof .button-group { align-items: stretch; }
}