/* About: a narrow portrait as tall as the text, a large opening line and the text on the right */
.about {
  display: grid;
  grid-template-columns: 340px 1fr;
  align-items: stretch;
  width: 100%;
  max-width: 1110px;
  padding-top: 24px;
}
.about-photo { height: 100%; border-radius: 10px; overflow: hidden; }
.about-photo img { object-position: 50% 30%; }
.about-main { justify-self: end; display: flex; flex-direction: column; gap: 28px; width: 100%; max-width: 640px; }
.about-lead { margin-top: -7px; font: 400 30px/1.3 "Satoshi", sans-serif; color: var(--ink); letter-spacing: -.01em; }
.about-copy { display: flex; flex-direction: column; gap: 16px; }
.about-copy p { font: 400 17px/1.45 "Satoshi", sans-serif; color: rgba(48, 48, 48, .7); }
.about-main a { font-weight: 500; }
.about-main .copy-chip { align-self: flex-start; margin-top: 8px; }

@media (max-width: 1199.98px) {
  .about { grid-template-columns: 260px 1fr; gap: 40px; max-width: 710px; }
  .about-lead { font-size: 24px; }
  .about-copy p { font-size: 16px; }
}

@media (max-width: 809.98px) {
  .about { grid-template-columns: 1fr; gap: 28px; padding-top: 0; }
  .about-photo { width: 160px; height: auto; aspect-ratio: 4 / 5; }
  .about-main { gap: 22px; }
  .about-lead { margin-top: 0; font-size: 24px; }
  .about-copy p { font-size: 17px; }
}