body.about-page {
  margin: 0;
  background: #ffffff;
  color: #29241f;
  font-family: Arial, Helvetica, sans-serif;
}

.about-content {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  min-height: 100svh;
  padding: 96px 24px 40px;
}

.about-portrait {
  width: min(520px, 100%, calc((100svh - 136px) * 369 / 414));
}

.about-portrait-artwork {
  display: block;
  width: 100%;
  height: auto;
}

.about-page .home-photo-frame {
  animation: home-photo-flip 1080ms steps(1, end) infinite;
  animation-delay: calc(var(--photo-index) * 180ms);
}

@media (prefers-reduced-motion: reduce) {
  .about-page .home-photo-frame { animation: none; }
}