/* The inline portraits stay in place; biography and practice share one grid. */
#about{--about-gap:clamp(40px,7vw,120px);--about-columns:minmax(240px,.8fr) minmax(0,1.2fr)}
#about .about-lower{display:grid;grid-template-columns:var(--about-columns);gap:var(--about-gap);align-items:start;margin:64px 0 0}
#about .about-portrait{width:100%;max-width:400px;margin:0;justify-self:start}
#about .about-portrait img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
#about .about-portrait figcaption{display:flex;flex-direction:column;gap:6px;padding-top:16px;font-size:12px;line-height:1.5}
#about .about-portrait figcaption>span:last-child{font-size:10px;opacity:.62}
#about .about-lower #about-copy{width:100%;max-width:60ch;border-top:1px solid #10010035;border-bottom:1px solid #10010035;padding:28px 0 32px}
#about .about-lower #about-copy p{font-size:clamp(16px,1.5vw,21px);line-height:1.7}
#about .about-lower #about-copy p:first-child{font-size:clamp(19px,1.8vw,27px);line-height:1.55;letter-spacing:-.015em}
#about .about-lower #about-copy p+p{margin-top:28px}
#about .process{--process-indent:44px;display:grid;grid-template-columns:var(--about-columns);column-gap:var(--about-gap);row-gap:34px;align-items:start;margin:72px 0 0;padding-top:36px;border-top:1px solid #10010035}
#about .process .process-title{grid-column:1/-1;font-size:clamp(32px,3.7vw,56px);line-height:1.1;margin:0;letter-spacing:-.045em}
#about .process-intro{grid-column:1;min-width:0}
#about .process-list{grid-column:2;min-width:0;border-bottom:1px solid #10010035}
#about .process details,#about .process details:first-child{border-top:1px solid #10010035}
#about .process summary,#about .process details:first-child summary{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:16px;align-items:baseline;padding:24px 0;font-size:clamp(16px,1.6vw,21px);line-height:1.35}
#about .process summary>span{align-self:baseline;opacity:.6;font-variant-numeric:tabular-nums}
#about .process summary>b{margin:0;justify-self:end;font-size:24px;line-height:1}
#about .process summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
#about .process details p{margin:0;font-size:14px;line-height:1.7;padding:0 var(--process-indent) 24px;max-width:54ch}
@media(max-width:850px){#about{--about-gap:36px;--about-columns:minmax(200px,.8fr) minmax(0,1.2fr)}#about .about-lower #about-copy{padding:20px 0 24px}#about .about-lower #about-copy p:first-child{font-size:19px}}
@media(max-width:700px){#about .about-lower{grid-template-columns:1fr;gap:32px;margin-top:42px}#about .about-portrait{max-width:320px}#about .about-lower #about-copy{max-width:60ch}#about .process{grid-template-columns:1fr;gap:28px;margin-top:44px;padding-top:28px}#about .process-intro,#about .process-list{grid-column:1}#about .process .process-title br{display:none}#about .process .process-title i::before{content:' '}#about .process summary{font-size:18px}#about .process details p{padding-left:var(--process-indent);padding-right:28px}}
#about .about-lower #about-copy{max-width:none}
#about .about-lower #about-copy p{max-width:60ch}

#about .about-portrait figcaption>.about-signature-role{display:flex;align-items:center;gap:12px;opacity:.7;font-size:10px;line-height:1.5;white-space:nowrap}
.about-signature-line{height:1px;flex:1;min-width:18px;background:currentColor;opacity:.4}
@media(max-width:400px){#about .about-portrait figcaption>.about-signature-role{gap:9px;font-size:9px}}

#about .about-bio{min-width:0}
#about .about-team{margin:28px 0 0}
#about .about-team img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 80%}
#about .about-team figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:10px;line-height:1.5;color:#100100a6}
#about .about-team figcaption a{text-decoration:underline;text-underline-offset:3px}
#about .about-team figcaption a:focus-visible{outline:1px solid currentColor;outline-offset:3px}
@media(max-width:700px){#about .about-team{margin-top:24px}#about .about-team figcaption{flex-direction:column;gap:5px}}

#about .process-intro{min-width:0}
#about .process-photo{margin:0;max-width:400px}
#about .process-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 100%}
#about .process-photo figcaption{margin-top:10px;font-size:10px;line-height:1.5;color:#100100a6}
#about .process-photo a{text-decoration:underline;text-underline-offset:3px}
#about .process-photo a:focus-visible{outline:1px solid currentColor;outline-offset:3px}
@media(max-width:700px){#about .process-photo{margin-top:0;max-width:100%}}

#about .about-portrait figcaption>.about-portrait-credit{margin-top:7px;font-size:10px;line-height:1.5;opacity:.65}
#about .about-portrait-credit a{text-decoration:underline;text-underline-offset:3px}
#about .about-portrait-credit a:focus-visible{outline:1px solid currentColor;outline-offset:3px}

#about .about-portrait figcaption{padding-top:12px;gap:8px}
#about .about-portrait figcaption>.about-portrait-credit{margin:0 0 14px;font-size:10px;opacity:.65}
#about .about-portrait figcaption>.about-portrait-name{font-size:14px;line-height:1.5;opacity:1}
#about .about-portrait figcaption>.about-signature-role{font-size:11px;opacity:.7}
@media(max-width:400px){#about .about-portrait figcaption>.about-signature-role{font-size:10px;gap:9px}}

.footer-bottom>.footer-signature-role{display:flex;align-items:center;gap:18px;flex:0 1 470px;min-width:0;font-size:11px;line-height:1.5;white-space:nowrap;color:var(--muted)}
.footer-signature-line{height:1px;flex:1;min-width:24px;background:currentColor;opacity:.4}
@media(max-width:850px){.footer-bottom{flex-wrap:wrap;gap:22px}.footer-bottom>.footer-signature-role{order:3;flex:1 1 100%;max-width:470px}.footer-bottom>a{margin-left:auto}}
@media(max-width:400px){.footer-bottom>.footer-signature-role{font-size:10px;gap:12px}}

/* Portrait signature: identity, practice, then the quieter image credit. */
#about .about-portrait figcaption{padding-top:20px;gap:12px}
#about .about-portrait figcaption>.about-portrait-name{font-size:clamp(22px,1.8vw,28px);font-weight:400;line-height:1.25;letter-spacing:-.025em;opacity:1}
#about .about-portrait figcaption>.about-signature-role{font-size:12px;line-height:1.5;opacity:.72;gap:12px}
#about .about-portrait figcaption>.about-portrait-credit{align-self:flex-end;text-align:right;margin:9px 0 0;font-size:9px;line-height:1.5;opacity:.54}
#about .about-portrait-credit a{text-decoration-color:#10010055;text-underline-offset:3px}
@media(max-width:400px){#about .about-portrait figcaption>.about-signature-role{font-size:11px;gap:10px}}