/* A personal introduction, isolated from the approved sections. */
.about-section { padding-block: 48px 64px; background: #fdf7f9; }
.about-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: center; }
.about-portrait { width: 100%; max-width: 380px; margin-inline: auto; min-width: 0; }
.about-portrait img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 25%; border-radius: 28px; }
.about-copy { min-width: 0; max-width: 510px; }
.about-copy .eyebrow { margin-bottom: 16px; }
.about-copy h2 { margin-bottom: 24px; color: var(--ink); font-size: clamp(32px, 4vw, 44px); line-height: 1.18; letter-spacing: -.03em; }
.about-copy > p:not(.eyebrow) { margin: 0 0 16px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.about-signature { margin-top: 28px; padding-top: 20px; border-top: 1px solid #ecd9e1; }
.about-signature p { margin: 0 0 8px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.about-signature strong { color: var(--blue-dark); font-size: 16px; font-weight: 600; }
.about-signature span { display: block; margin-top: 3px; font-size: 12px; }
@media (min-width: 900px) {
  .about-section { padding-block: 64px; }
  .about-layout { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 64px; }
  .about-portrait { max-width: 400px; }
}