/* ==========================================================================
   pages.css — Page-specific styles (About, Contact)
   ========================================================================== */

/* ---------- About page ---------- */
.about__title {
  margin-bottom: 3rem;
}

.about__body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.about__signature {
  margin-top: 5rem;
}

.about__signature-line {
  width: 4rem;
  height: 1px;
  background-color: var(--color-fg-20);
}

.about__signature-text {
  margin-top: 1.5rem;
  font-size: 0.6rem;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: var(--color-fg-30);
}

/* ---------- Contact page ---------- */
.contact__title {
  margin-bottom: 2.5rem;
}

.contact__eyebrow {
  margin-bottom: 1.5rem;
}