/* Anchor the translucent portrait to the About section's lower edge. */
.about {
  position: relative;
  isolation: isolate;
  overflow: clip;
}
.about-grid {
  position: static;
  display: block;
  max-width: 1000px;
}
.about-photo {
  position: absolute;
  inset: auto 0 0;
  display: block;
  width: 100%;
  height: 768px;
  max-height: 100%;
  opacity: .25;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.about-photo img {
  width: 100%;
  max-width: 512px;
  height: 100%;
  margin-inline: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center bottom;
  -webkit-mask: url('/assets/kinna-clark-cutout-final-20261021.png') center bottom / contain no-repeat;
  mask: url('/assets/kinna-clark-cutout-final-20261021.png') center bottom / contain no-repeat;
  mask-mode: alpha;
}
.about-copy {
  position: relative;
  z-index: 1;
  max-width: 780px;
  margin-inline: auto;
  padding-block: 22px;
}
.about-copy > p:not(.eyebrow),
.about-copy .bio-details p {
  color: var(--ink);
}
.about-copy > p.about-signature {
  font: 1.15rem/1.65 Georgia, 'Times New Roman', serif;
  margin: 28px 0;
}
@media (max-width: 1050px) {
  .about-copy { max-width: 700px; }
}
@media (max-width: 760px) {
  .about-copy { padding-block: 0; }
  .about-copy > p.about-signature { font-size: 1.05rem; }
}