.about-intro,.about-direction{display:grid;column-gap:48px;padding:58px 8%}
.about-intro{grid-template-columns:54% 1fr;padding-top:46px}
.about-page .eyebrow{color:var(--red)}
.about-intro h1{font-size:clamp(36px,3.8vw,52px);line-height:1.14;letter-spacing:-.6px}
.about-intro .rule{margin:18px 0 26px}
.about-credentials{margin-top:34px;font-size:16px;line-height:1.65;color:#626b72}
.about-doctor{font-family:var(--sans);font-size:25px;line-height:1.4;margin-bottom:4px;color:var(--ink)}
.about-intro-copy{border-left:1px solid var(--line);padding-left:46px;align-self:center}
.about-intro-copy p{font-size:17px;line-height:1.7;max-width:36ch;margin:0 0 24px}
.about-intro-copy p:last-child{margin-bottom:0}
.about-intro-copy .about-personal{font-family:var(--serif);font-size:27px;line-height:1.3;max-width:25ch}
.about-perspective{display:grid;grid-template-columns:minmax(0,30%) minmax(0,1fr);gap:64px;align-items:center;background:#edf1f4;padding:46px 8%}
.about-portrait{display:block;width:100%;max-width:270px;height:auto;justify-self:center;filter:grayscale(1) brightness(1.12) contrast(.78)}
.about-perspective-copy{max-width:520px;margin:0;padding:0;border:0}
.about-perspective p{font-size:16px;line-height:1.8;max-width:54ch;margin:0 0 18px;color:var(--ink)}
.about-perspective p:last-child{margin-bottom:0}
.about-life{color:var(--red);font-family:Georgia,'Times New Roman',serif;font-size:1.12em;font-style:italic;font-weight:400}
.about-accent{color:var(--ink)}
.about-direction{grid-template-columns:39% 1fr}
.about-direction h2{font-size:clamp(36px,3.8vw,50px);line-height:1.18;letter-spacing:-.6px;margin:20px 0 0}
.about-direction>div:last-child{border-left:1px solid var(--line);padding-left:48px}
.about-direction p{max-width:50ch;font-size:17px;line-height:1.7;margin-bottom:26px;color:#626b72}
.about-direction .text-link{margin-top:8px}
@media(min-width:1500px){.about-intro,.about-perspective,.about-direction{padding-left:max(8%,calc((100vw - 1260px)/2));padding-right:max(8%,calc((100vw - 1260px)/2))}}
@media(max-width:900px){
 .about-intro,.about-perspective,.about-direction{padding-left:6%;padding-right:6%}
 .about-perspective{gap:32px;grid-template-columns:30% minmax(0,1fr)}
 .about-intro,.about-direction{column-gap:26px}
 .about-intro h1{font-size:37px}
 .about-intro-copy,.about-direction>div:last-child{padding-left:26px}
 .about-intro-copy .about-personal{font-size:25px}
}
@media(max-width:650px){
 .about-intro,.about-direction{grid-template-columns:1fr;padding-top:32px;padding-bottom:36px}
 .about-intro h1{font-size:clamp(32px,7.7vw,40px)}
 .about-credentials{margin-top:24px;font-size:14px}
 .about-doctor{font-size:23px}
 .about-intro-copy{border-left:0;padding:0;margin-top:30px}
 .about-intro-copy p{font-size:16px;max-width:none}
 .about-intro-copy .about-personal{font-size:24px;max-width:30ch}
 .about-perspective{grid-template-columns:1fr;padding:32px 6%;gap:28px}
 .about-portrait{max-width:240px;justify-self:start}
 .about-perspective-copy{margin:0;max-width:none}
 .about-perspective p{font-size:16px;max-width:none;margin:0 0 18px}
 .about-direction h2{font-size:36px;margin:0}
 .about-direction>div:last-child{border-left:0;padding:0;margin-top:10px}
 .about-direction p{font-size:16px;max-width:none;margin-bottom:22px}
}