Spacing: client tile breathing room, testimonial nest rhythm

- .card--client gets 0.85rem of bottom padding so wrapping client
  names ("Perennial Promise Growers' Cooperative", "Common Good
  Management Services") no longer butt up against the bottom edge of
  the tile row.
- .section--headless top margin grows ~2x (clamp 1.25-2 -> 2.75-4.5)
  so a nested testimonial sits comfortably below the section it's
  attached to.
- New .section--headless + .section selector shrinks the next
  section's top margin so the testimonial's bottom whitespace
  doesn't double-pad before whatever comes after it.
This commit is contained in:
Joel Brock
2026-05-18 09:36:55 -07:00
parent ff0abee349
commit 4ac4a9c3bb

View File

@@ -188,7 +188,11 @@ body::before {
.section { margin-top: clamp(4rem, 7vw, 6rem); }
.section--headless {
/* nest visually under the previous section instead of starting a new one */
margin-top: clamp(1.25rem, 2.5vw, 2rem);
margin-top: clamp(2.75rem, 5vw, 4.5rem);
}
/* tighten the gap AFTER a headless section so the next section pulls back up */
.section--headless + .section {
margin-top: clamp(2.25rem, 4vw, 3.5rem);
}
.section__head {
display: grid;
@@ -416,7 +420,7 @@ body::before {
/* client tile — square logo, caption below, no card chrome */
.card--client {
padding: 0;
padding: 0 0 0.85rem;
border: 0;
background: transparent;
display: flex; flex-direction: column;