.about-page .about-section{max-width:1380px;margin:auto;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:9%;align-items:center;padding-top:65px;padding-bottom:90px}.about-portrait{position:relative;margin:0;isolation:isolate;padding:0 12px 30px}.portrait-paper{position:absolute;inset:14% 0 10%;z-index:-1;border-radius:48% 48% 5px 5px;transform:rotate(-5deg);background:#e5b7a5 url('assets/pink-clay-original.png') center/cover;opacity:.65;box-shadow:0 12px 30px #694c3a0b}.about-portrait img{width:100%;height:auto;max-height:560px;object-fit:contain;display:block;filter:saturate(.83) contrast(.94);mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 99%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 99%)}.about-portrait figcaption{position:absolute;bottom:10px;left:18%;font:27px 'Caveat',cursive;transform:rotate(-5deg);color:var(--ink)}.portrait-spark{position:absolute;top:17%;right:0;font-size:60px;color:var(--teal);transform:rotate(15deg)}.about-copy h1{font:500 clamp(44px,4.8vw,66px)/1.15 var(--serif);letter-spacing:-.045em;margin:0 0 26px}.about-page .about-copy>p:not(.kicker){font-size:14px;line-height:1.9;max-width:550px;margin:0 0 18px}.about-links{display:flex;flex-wrap:wrap;gap:30px;margin-top:28px}.about-links .text-link{font-size:14px}.about-copy .kicker{margin-bottom:20px}@media(max-width:760px){.about-page .about-section{grid-template-columns:1fr;gap:40px;padding-top:35px;padding-bottom:60px}.about-portrait{width:100%;max-width:330px;margin:auto}.about-portrait img{max-height:410px}.portrait-spark{font-size:48px}.about-portrait figcaption{font-size:25px}.about-page .about-copy>p:not(.kicker){max-width:none}.about-copy h1{font-size:44px}}
/* Keep the portrait close to the original head-and-shoulder framing. */
.about-portrait{aspect-ratio:1/1.12;padding:0 12px 30px}.about-portrait img{height:100%;max-height:none;object-fit:cover;object-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000 75%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 75%,transparent 98%)}
@media(max-width:760px){.about-portrait{aspect-ratio:1/1.12}.about-portrait img{max-height:none}}
.about-portrait img{position:absolute;top:0;left:3%;width:94%;height:calc(100% - 30px)}

.about-photo-collage{margin:0;width:100%;align-self:center}.about-photo-collage img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:760px){.about-photo-collage{max-width:430px;margin:0 auto}.about-page .about-section{gap:30px}}