/* Personal reading layout. Scoped here so the approach page stays unchanged. */
.about-page main>.shell,.about-page .approach-contact>.shell{width:min(720px,calc(100% - 48px))}
.about-page .approach-opening{padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:2.5rem}
.about-page .approach-opening h1{max-width:22ch;font-size:clamp(2.3rem,4.5vw,3.8rem);line-height:1.08;letter-spacing:-.035em}
.about-page .approach-opening>p:not(.label),.about-page .approach-copy p{max-width:none}
.about-page .approach-section{display:block;padding:2.5rem 0;border-top:0}
.about-page .approach-section h2{max-width:none;margin:0 0 1.25rem;font-size:clamp(1.7rem,3vw,2.15rem);line-height:1.15}
.about-page .approach-copy p{margin-bottom:1.25rem}
.about-page main p.about-principle{position:relative;margin:1rem 0 2rem;padding:2rem 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:600 clamp(1.65rem,3.5vw,2.5rem)/1.12 var(--display);letter-spacing:-.035em}
.about-page .about-principle::before{position:absolute;top:-3px;left:0;width:4.5rem;height:5px;background:var(--orange);content:''}
.about-page .approach-contact{margin-top:1.5rem;padding:3rem 0}
.about-page .approach-contact h2{max-width:none}
.about-page .desktop-nav a[aria-current="page"],.about-page .mobile-menu a[aria-current="page"]{background:var(--ink);color:var(--white)}
@media(max-width:620px){
 .about-page main>.shell,.about-page .approach-contact>.shell{width:calc(100% - 40px)}
 .about-page .approach-section{padding:1.8rem 0}
 .about-page main p.about-principle{margin:.5rem 0 1.25rem;padding:1.5rem 0;font-size:clamp(1.45rem,7.5vw,1.9rem);line-height:1.16}
}