/* Abusua Pa — publisher statement. Quiet, editorial, centered single column.
   Warm Ivory, matching the hero, so the page alternates ivory / sand / ivory
   as it scrolls. No card, no CTA, no decorative pattern, no imagery — kept
   entirely separate from hero.css and decks.css. */

.abusua-pa {
  background: #F6F2EA;
  padding: clamp(96px, 11vw, 160px) 24px;
  text-align: center;
}

.abusua-pa-inner {
  max-width: 620px;
  margin: 0 auto;
}

/* "ABUSUA PA" set as a wordmark, deliberately in the existing sans stack
   (the same one used for the eyebrow, CTAs and deck labels elsewhere on
   the page — hero.css .sans / decks.css) rather than the serif used for
   headlines. Chosen so the brand name reads as a mark, distinct from the
   editorial serif headings around it. Approved as final (Option B). */
.abusua-pa-mark {
  margin: 0 0 clamp(14px, 1.8vw, 22px);
  font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(20px, 2vw, 27px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #15130D;
}

.abusua-pa-tagline {
  margin: 0 0 clamp(28px, 3.4vw, 44px);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 14px;
  color: #B88B40;
}

.abusua-pa-copy {
  margin: 0 auto;
  max-width: 54ch;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.65;
  color: #15130D;
  opacity: 0.82;
}

@media (max-width: 480px) {
  .abusua-pa { padding: clamp(72px, 16vw, 110px) 22px; }
}