/* ============================================================
   TÉTHYS — pages/sobre-mim.css
   Estilos específicos da página Sobre Mim
   ============================================================ */

.about-page {
  background: var(--sand);

  --about-story-columns: minmax(0, 1.5fr) minmax(0, 1.25fr) minmax(0, 1.25fr);
  --about-text-padding-y: var(--section-copy-padding-y);
  --about-story-padding-y: var(--about-text-padding-y);
  --about-story-padding-x: clamp(2.5rem, 6vw, 6rem);
  --about-story-column-gap: clamp(2.5rem, 6vw, 6rem);
}

.about-kicker {
  grid-column: 1 / -1;
  font-size: clamp(1rem, 1.15vw, 1.18rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  color: rgba(250,242,225,0.42);
  margin-bottom: clamp(1rem, 1.6vw, 1.5rem);
}