/* About section: direct grid children make the biography span the page width.
   Existing style.css still controls the paragraph font size you selected. */
.about-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "heading photo" "copy copy";
  gap: 32px clamp(30px, 5vw, 90px);
  align-items: start;
}
.about-section > .section-top {
  grid-area: heading;
  min-width: 0;
  margin: 0;
}
.about-section > .about-photo {
  grid-area: photo;
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  margin: 0;
  border: 0;
  filter: none;
}
.about-section > .about-body {
  grid-area: copy;
  grid-column: 1 / -1;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
}
.about-section > .about-body > p {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
}
@media (max-width: 760px) {
  .about-section {
    grid-template-columns: 1fr;
    grid-template-areas: "heading" "photo" "copy";
    gap: 26px;
  }
  .about-section > .about-body {
    grid-column: 1;
  }
}