/* ============================================================
   Goodwood Marine — about
   ============================================================ */

.section.on-light + .section.on-light { padding-top: 0; }

.about__split { display: grid; gap: var(--sp-7); align-items: center; }
.about__media {
  position: relative; border-radius: var(--radius-lg); overflow: hidden;
  aspect-ratio: 4 / 5; box-shadow: var(--shadow-md);
}
.about__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.66) contrast(1.05); }

.about__lead { margin-top: var(--sp-4); max-width: 42ch; }
.about__note { margin-top: var(--sp-5); color: var(--muted-light); max-width: 46ch; font-size: var(--fs-sm); }

.about__head { margin-bottom: var(--sp-8); }
.about__head h2 { max-width: 18ch; }

/* Dealer standing — a split, deliberately unlike the numbered principle
   cards above it. */
.dealer__grid { display: grid; gap: var(--sp-7); align-items: start; }
.dealer__body h2 { max-width: 14ch; margin-bottom: var(--sp-5); }
.dealer__body h2 em { font-style: normal; color: var(--amber-ink); }
.dealer__body > p { color: var(--muted-light); max-width: 46ch; }
.dealer__body .btn { margin-top: var(--sp-7); }

.dealer__points { display: grid; gap: var(--sp-4); }
.dealer__points li {
  display: flex; gap: var(--sp-3); align-items: flex-start;
  padding-bottom: var(--sp-4);
  border-bottom: 1px solid var(--line-light);
  font-size: var(--fs-sm);
}
.dealer__points svg { width: 19px; height: 19px; flex: none; color: var(--amber); margin-top: 3px; }

@media (min-width: 900px) {
  .about__split { grid-template-columns: 0.8fr 1fr; gap: var(--sp-10); }
  .dealer__grid { grid-template-columns: 1fr 0.85fr; gap: var(--sp-10); align-items: center; }
}