/* Kent's approved photograph. No filters, recropping or motion. */
.about-layout--portrait {
  grid-template-areas: "intro portrait" "body portrait";
  row-gap: 0;
  align-items: start;
}
.about-layout--portrait .about-intro { grid-area: intro; }
.about-intro h2 { margin-bottom: 0; }
.about-layout--portrait .about-body {
  grid-area: body;
  padding-top: 30px;
}
.about-body > p:first-child { margin-top: 0; }
.about-layout--portrait .kent-portrait {
  grid-area: portrait;
  align-self: center;
  width: min(100%, 304px);
  margin: 0;
  justify-self: center;
}
.kent-portrait img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.kent-portrait figcaption {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: .025em;
}
.kent-portrait figcaption [aria-hidden] { color: var(--blue); }
@media (max-width: 900px) and (min-width: 701px) {
  .about-layout--portrait .kent-portrait { width: 240px; }
}
@media (max-width: 700px) {
  .about-layout--portrait {
    grid-template-areas: "intro" "portrait" "body";
    row-gap: 28px;
  }
  .about-layout--portrait .about-body { padding-top: 0; }
  .about-layout--portrait .kent-portrait {
    justify-self: start;
    width: 160px;
  }
  .kent-portrait figcaption {
    display: none;
  }
}