/* About page — asymmetric editorial split, framed image, phone CTA. */

.about-page {
  background: var(--paper-050);
  padding-block: var(--space-section);
}

.about-page__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(2.5rem, 5vw, 6rem);
  align-items: start;
}

.about-page__title { max-width: 20ch; }

.about-page__body {
  margin-top: var(--space-6);
  color: var(--ink-700);
  max-width: var(--measure);
}
/* Uniform paragraphs — same font and size throughout for a tidy read */
.about-page__body p {
  margin: 0 0 var(--space-4);
  max-width: none;
  font-size: var(--text-body);
  color: var(--ink-700);
}
.about-page__body p:last-child { margin-bottom: 0; }

.about-page__cta {
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: var(--border-strong);
}
.about-page__cta-label {
  font-size: var(--text-caption);
  font-weight: 700;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--ink-500);
  margin-bottom: var(--space-4);
}

.about-page__media {
  position: sticky;
  top: calc(84px + var(--space-6));
}
.about-page__media figure {
  margin: 0;
  border: var(--border-strong);
  padding: var(--space-2);
  background: var(--paper-000);
}
.about-page__media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .about-page__grid { grid-template-columns: 1fr; }
  .about-page__media { position: static; max-width: 640px; }
}