@font-face { font-family: 'About Handwriting'; src: url('/shared/fonts/Caveat-VF.woff2') format('woff2'); font-style: normal; font-weight: 400 700; font-display: swap; }
.about-intro { margin: 0 auto 56px; text-align: center; }
.about-intro__copy { max-width: 660px; margin: 0 auto 28px; }
.about-intro__portrait { width: 100%; max-width: 360px; margin: 0 auto; }
.about-photo-stage { padding: 18px 22px; background: transparent; }
/* A physical photo print, with its own paper edge and generous white margins. */
.about-photo-template { position: relative; display: flex; flex-direction: column; aspect-ratio: 2 / 3; box-sizing: border-box; padding: 24px 20px 28px; background-color: #fffdf8; background-image: url('/shared/images/about/paper-grain.svg'),linear-gradient(135deg,rgba(255,255,255,.8),rgba(245,239,225,.12) 60%,rgba(229,221,202,.22)); background-size: 160px 160px,100% 100%; color: #1d1d1f; border: 1px solid #e3dfd5; border-radius: 1px; box-shadow: inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(83,67,40,.05),0 1px 1px rgba(39,32,24,.08),0 3px 4px -2px rgba(39,32,24,.13),0 16px 28px -15px rgba(39,32,24,.25); transform: rotate(-2deg); }
.about-photo-template__title { margin-bottom: 18px; font-size: 10px; font-weight: 500; line-height: 1.4; letter-spacing: .18em; text-transform: uppercase; text-align: center; color: #56514b; }
.about-intro__portrait .about-photo-template img { display: block; flex: 0 0 auto; width: 100%; height: auto; border-radius: 0; }
.about-photo-template__caption { margin-top: auto; padding-top: 20px; font-family: 'About Handwriting',cursive; font-style: normal; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 1.1; text-align: center; color: #38312b; }
.about-intro .post-title { margin: 0 0 20px; }
.about-intro__copy p { max-width: 48ch; margin: 0 auto; font-size: 18px; }
@media (max-width: 700px) {
    .about-intro { margin-bottom: 36px; }
    .about-intro__portrait { max-width: 300px; }
    .about-photo-stage { padding: 16px 20px; }
    .about-photo-template { padding: 20px 16px 24px; }
    .about-photo-template__title { font-size: 9px; margin-bottom: 14px; }
    .about-photo-template__caption { font-size: 24px; padding-top: 14px; }
}