/* About page portrait only. The original source artwork is never cropped or filtered. */
#about.about-with-portrait{align-items:start}
#about .about-portrait{margin:0;display:flex;justify-content:center;align-self:start;min-width:0}
#about .about-portrait img{display:block;width:min(100%,320px);height:auto;max-width:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:none}
#about .about-copy{display:grid;gap:25px;min-width:0}
@media(min-width:768px){
 #about.about-with-portrait{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #about .about-portrait{position:sticky;top:calc(var(--about-header-height,130px) + 16px)}
 #about .about-portrait img{width:min(100%,380px,calc(100vh - var(--about-header-height,130px) - 32px));max-height:calc(100vh - var(--about-header-height,130px) - 32px)}
 @supports(height:100svh){#about .about-portrait img{width:min(100%,380px,calc(100svh - var(--about-header-height,130px) - 32px));max-height:calc(100svh - var(--about-header-height,130px) - 32px)}}
}
@media(min-width:768px) and (max-width:1023px){
 #about.about-with-portrait{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:28px}
}
@media(max-width:767px){
 #about.about-with-portrait{grid-template-columns:minmax(0,1fr);gap:24px}
 #about .about-portrait{position:static;top:auto}
}