.about-page__introduction { display: grid; grid-template-columns: minmax(0, 1fr) minmax(160px, 210px); gap: 1.5rem 2rem; align-items: start; }
.about-page__introduction > p { margin: 0; max-width: 70ch; }
.about-page__introduction > p:last-child { grid-column: 2; grid-row: 1; width: 100%; padding: 0.5rem; border: 1px solid var(--rule); background: white; line-height: 0; }
.about-page__introduction img { display: block; width: 100%; height: auto; }
.about-page__contact { max-width: 680px; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--rule); scroll-margin-top: 1rem; }
.about-page__contact h2 { margin: 0 0 0.65rem; font: 400 1.5rem/1.3 var(--serif); letter-spacing: -0.015em; }
@media (max-width: 700px) {
  .about-page__introduction { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .about-page__introduction > p:last-child { grid-column: 1; grid-row: auto; max-width: 170px; padding: 0.35rem; }
}