/* Personal portraits, November 2026 */
#about .portrait img{aspect-ratio:4/5!important;object-fit:cover!important;filter:none!important;width:100%;height:auto!important;max-height:none!important} .jo-coffee-photo{display:block;width:100%;max-width:290px;height:auto;aspect-ratio:4/5;object-fit:cover;margin:26px 0 0;border-radius:4px;filter:none!important}.jo-journal-intro{display:grid;grid-template-columns:160px 1fr;gap:30px;align-items:center;margin:32px 0 45px;padding:25px;background:#f5edf5}.jo-journal-intro img{width:160px;height:200px;object-fit:cover;filter:none!important}.jo-journal-intro p{margin:8px 0}.jo-journal-intro a{font-weight:600}@media(max-width:550px){.jo-journal-intro{grid-template-columns:100px 1fr;gap:18px;padding:18px}.jo-journal-intro img{width:100px;height:125px}.jo-coffee-photo{max-width:240px}}

.hero.cinematic{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:clamp(28px,5vw,80px);height:auto;min-height:640px;padding:60px 7% 70px;align-items:center}.hero.cinematic .hero-content{max-width:760px}.hero.cinematic h1,.hero.cinematic h1 em{font-size:clamp(38px,4.5vw,68px)}.hero-jo{margin:0;position:relative;align-self:center;width:100%;max-width:410px;justify-self:end}.hero-jo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:none!important;border-radius:5px}.hero-jo figcaption{padding:12px 0 0;color:white;font:26px/1.3 Georgia,serif}.hero-jo figcaption span{display:block;font:13px/1.5 system-ui,sans-serif;letter-spacing:1.2px;margin-top:4px}.hero.cinematic:before{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.36))}@media(max-width:750px){.hero.cinematic{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding:38px 7% 54px}.hero.cinematic h1,.hero.cinematic h1 em{font-size:clamp(36px,8.5vw,56px)}.hero-jo{justify-self:center;width:64vw;max-width:300px}.hero-jo figcaption{font-size:23px}.hero.cinematic .image-disclosure{font-size:9px}}

/* Keep portrait caption and architecture credit in separate flow rows. */
.hero.cinematic{max-height:none!important;overflow:visible}.hero.cinematic .hero-jo figcaption{position:static;display:block;height:auto;overflow:visible;padding:14px 0 0;margin:0;line-height:1.35}.hero.cinematic .hero-jo figcaption span{line-height:1.6}.hero.cinematic .image-disclosure{position:static;inset:auto;display:block;grid-column:1/-1;justify-self:end;text-align:right;max-width:100%;margin:0;line-height:1.6}.hero.cinematic{row-gap:24px}@media(max-width:750px){.hero.cinematic{padding-bottom:28px;row-gap:26px}.hero.cinematic .image-disclosure{justify-self:start;text-align:left;font-size:10px}.hero.cinematic .hero-jo{padding-bottom:0}}