.about-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}
.about-copy h1 {
  margin-bottom: 32px;
}
.about-copy p {
  max-width: 45ch;
  color: var(--secondary);
}
.about-layout .portrait {
  aspect-ratio: 3 / 4;
}
@media (max-width: 680px) {
  .about-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}