/* Site Manrope typography with the approved staggered editorial layout. */
#about.about-editorial { margin-top:0; padding-block:56px 64px; }
#about .about-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; max-width:1360px; margin-inline:auto; }
#about .about-heading { display:block; }
#about .about-eyebrow { display:block; margin-bottom:16px; color:var(--blue); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
#about #about-title { margin:0; font-family:inherit; font-size:clamp(34px,8.5vw,48px); line-height:1.08; letter-spacing:-.04em; font-weight:600; text-wrap:balance; }
#about #about-title em { display:block; color:var(--pink); font:inherit; }
#about .about-portrait { margin:0; }
#about .about-photo-window { width:100%; overflow:hidden; aspect-ratio:4/5; max-height:460px; }
#about .about-photo-window img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 55%; transform:scale(1.5); transform-origin:50% 100%; }
#about .about-portrait figcaption { display:flex; justify-content:space-between; gap:16px; padding-top:12px; color:var(--blue); font-size:11px; line-height:1.5; }
#about .about-portrait figcaption span:last-child { text-align:right; }
#about .about-copy { margin:0; color:var(--blue-light); font-size:16px; line-height:1.75; font-weight:400; text-wrap:pretty; }
#about .about-copy strong { font-size:1.2em; line-height:1.3; font-weight:800; color:var(--pink); }
#about .about-closing { padding:0; border:0; }
@media(max-width:599px) {
 #about .about-photo-window { height:clamp(200px,60vw,260px); aspect-ratio:auto; max-height:none; }
 #about .about-photo-window img { object-position:50% 65%; transform:scale(1.2); transform-origin:50% 50%; }
}
@media(min-width:600px) {
 #about.about-editorial { padding-block:72px; }
 #about .about-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:start; }
 #about .about-heading { grid-column:1/-1; }
 #about #about-title { font-size:clamp(40px,5vw,56px); }
 #about .about-portrait { grid-column:1; grid-row:2/4; }
 #about .about-photo-window { max-height:none; }
 #about .about-opening,#about .about-closing { grid-column:2; }
}
@media(min-width:1100px) {
 #about.about-editorial { padding-block:104px 112px; }
 #about .about-layout { grid-template-columns:minmax(0,1.3fr) minmax(0,.82fr) minmax(0,.82fr); column-gap:clamp(36px,4.5vw,72px); row-gap:56px; }
 #about .about-portrait { grid-column:1; grid-row:1/3; padding-top:4px; }
 #about .about-photo-window { aspect-ratio:3/4; }
 #about .about-heading { grid-column:2/4; grid-row:1; padding-left:24px; }
 #about #about-title { font-size:56px; }
 #about .about-opening { grid-column:2; grid-row:2; }
 #about .about-closing { grid-column:3; grid-row:2; padding-top:80px; }
 #about .about-copy { font-size:18px; }
 #about .about-portrait figcaption { padding-top:20px; font-size:12px; }
}