/* ==========================================================================
   About page only — the etymology rows and the pull quote.
   ========================================================================== */

.about-intro { font-size: clamp(1.15rem, 1rem + .6vw, 1.45rem); color: var(--ink-2); }
.chips--centered { justify-content: center; margin-top: 32px; }

.etym { display: grid; gap: 34px; }
.etym-row { display: grid; grid-template-columns: 220px 1fr; gap: 32px; align-items: start; }
.etym-row .term {
  font-family: var(--font-display);
  font-size: clamp(2.4rem, 1.8rem + 2.2vw, 3.4rem);
  font-weight: 700; color: #fff; letter-spacing: -.03em; line-height: 1;
}
.etym-row .term em {
  display: block; font-size: .78rem; font-style: normal; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.45); margin-top: 10px;
}
.etym-row.is-accent .term { color: #6fd3a4; }
.etym-row p { color: rgba(255,255,255,.75); margin: 0; }

@media (max-width: 720px) { .etym-row { grid-template-columns: 1fr; gap: 12px; } }

.pullquote {
  margin-top: 48px; padding: 32px 36px; border-left: 3px solid #6fd3a4;
  font-family: var(--font-display);
  font-size: clamp(1.15rem, 1rem + .7vw, 1.5rem);
  line-height: 1.5; color: #fff; font-weight: 500;
}