/* Personal story: full supplied biography, readable on every screen. */
.about-section{padding:80px 0;background:#eee4dc}
.about-heading{margin-bottom:38px}
.about-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,88px);align-items:start}
.about-portrait{margin:0;position:sticky;top:28px}
.about-portrait img{display:block;width:100%;height:auto;border-radius:160px 160px 4px 4px}
.about-portrait figcaption{padding:20px 0 0;line-height:1.6}
.about-portrait figcaption strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400}
.about-portrait figcaption span{display:block;font-size:16px;color:#6d5c51;margin-top:5px}
.about-story{min-width:0;max-width:65ch}
.about-story p{font-size:17px;line-height:1.85;margin:0 0 22px;color:#594c43}
.about-story .about-lead{font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:1.35;color:#74394e;margin-bottom:28px;letter-spacing:-.4px}
.about-story p:last-child{margin-bottom:0}
@media(max-width:740px){.about-section{padding:55px 0}.about-heading{margin-bottom:28px}.about-grid{grid-template-columns:1fr;gap:32px}.about-portrait{position:static;max-width:480px;width:100%;margin:0 auto}.about-portrait img{border-radius:110px 110px 4px 4px}.about-story{max-width:none}.about-story .about-lead{font-size:27px}.about-story p{font-size:17px;line-height:1.8}.header nav{max-width:270px}}
