.about-content .maker-byline { align-self: flex-start; max-width: 100%; padding: 16px 28px 16px 16px; border-radius: 999px; background: var(--feature-surface); }
.maker-byline > div { min-width: 0; }
.photo-print { --tilt: -3deg; position: relative; display: block; min-width: 0; padding: 7px 7px 24px; background: #f7f5ef; box-shadow: 0 10px 24px #0006, 0 2px 5px #0004; transform: rotate(var(--tilt)); }
.photo-print img { display: block; width: 100%; height: auto; }
.photo-prints--three { display: grid; grid-template-columns: repeat(12, 1fr); align-items: center; padding: 20px 10px 28px; }
.photo-prints--three .photo-print { grid-row: 1; }
.photo-prints--three .photo-print:nth-child(1) { grid-column: 1 / span 5; --tilt: -5deg; }
.photo-prints--three .photo-print:nth-child(2) { grid-column: 5 / span 4; z-index: 2; --tilt: 4deg; }
.photo-prints--three .photo-print:nth-child(3) { grid-column: 8 / span 5; width: 88%; justify-self: end; --tilt: -2deg; }
.photo-scatter { display: grid; grid-template-columns: repeat(12, 1fr); padding: 12px 10px 20px; }
.photo-scatter .photo-print { grid-row: 1; }
.photo-scatter--left > :first-child { grid-column: 1 / span 7; z-index: 3; }
.photo-scatter--left > :nth-child(2) { grid-column: 7 / span 5; width: 90%; align-self: start; --tilt: 5deg; }
.photo-scatter--left > :nth-child(3) { grid-column: 6 / span 6; width: 82%; justify-self: end; align-self: end; --tilt: -6deg; }
.photo-print--small { padding: 5px 5px 17px; }
.photo-prints--three .photo-print:focus-visible, .photo-scatter--left .photo-print:focus-visible { z-index: 4; }
.about-content .photo-story { display: flow-root; }
.photo-story h2 { padding-bottom: 14px; }
.photo-story p + p { margin-top: 14px; }
.photo-float--left { float: left; width: 26%; margin: 5px 28px 18px 6px; --tilt: -5deg; }
.photo-float--right { float: right; width: 36%; margin: 5px 6px 18px 28px; --tilt: 3deg; }
@media (max-width: 500px) {
  .about-content .maker-byline { gap: 12px; padding: 16px; border-radius: 32px; }
  .maker-byline img { width: 60px; height: 60px; }
  .photo-print { padding: 5px 5px 18px; }
  .photo-prints--three { row-gap: 8px; padding: 16px 6px; }
  .photo-prints--three .photo-print:nth-child(1) { grid-column: 1 / span 8; }
  .photo-prints--three .photo-print:nth-child(2) { grid-column: 6 / span 7; align-self: end; }
  .photo-prints--three .photo-print:nth-child(3) { grid-column: 3 / span 8; grid-row: 2; width: 88%; }
  .photo-scatter { padding: 8px 6px 16px; }
  .photo-scatter--left > :first-child { grid-column: 1 / span 8; }
  .photo-scatter--left > :nth-child(2), .photo-scatter--left > :nth-child(3) { grid-column: 8 / span 5; width: 100%; }
  .photo-print--small { padding: 3px 3px 10px; }
  .photo-float--left { width: 36%; margin-right: 18px; }
  .photo-float--right { width: 40%; margin-left: 18px; }
}