/* Content hierarchy and responsive refinements. */
:root{--muted:#595252;--body-size:17px;--body-leading:1.7}
.header{min-height:90px;padding-top:14px;padding-bottom:14px}
.header .expert-brand{max-width:440px}
.header .brand-title{text-transform:none;letter-spacing:0;font-size:22px;margin-bottom:4px;color:var(--ink)}
.header .brand-description{font-size:14px;line-height:1.45;color:var(--accent)}
.hero-grid{padding-top:26px;padding-bottom:32px;gap:40px}
.portrait-frame{max-height:490px}
.hero-portrait figcaption{padding-top:12px}
.hero-portrait figcaption .portrait-name{font-size:27px}
h1{font-size:clamp(56px,6.4vw,88px);letter-spacing:-3px;line-height:1.04;margin-bottom:24px}
.hero-description{max-width:560px;color:var(--muted)}
.hero-context{font-size:16px;line-height:1.6;padding-left:14px;border-left:3px solid var(--accent);margin:20px 0 0;max-width:480px;color:var(--ink)}
.hero-actions{margin-top:23px}
.credentials{padding:23px 0;gap:20px}
.section{padding-top:76px;padding-bottom:76px}
.section-head{margin-bottom:26px}
.expert-intro{margin-bottom:26px;max-width:760px}
.scale-title{font-size:14px;line-height:1.5;margin:0 0 25px;font-weight:700}
.scale-note{font-size:12px;line-height:1.6;color:#fff;margin:30px 0 0}
.about-role{color:var(--accent)}
select{width:100%;max-width:100%;min-width:0;white-space:normal;text-overflow:ellipsis}
textarea{width:100%;min-width:0;resize:vertical}
.button{min-height:48px}
details summary{min-height:48px;align-items:center}
@media(max-width:1100px){.hero-grid{gap:26px}}
@media(max-width:800px){.header{min-height:88px}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}h1{font-size:55px;letter-spacing:-2px}.scale-note{margin-top:20px}.section-head{grid-template-columns:1fr 2.25fr}.portrait-frame{max-height:460px}}
@media(max-width:600px){
 :root{--body-size:17px}
 .wrap{width:calc(100% - 36px)}
 .header{padding:14px 18px;min-height:86px;gap:12px}
 .header .brand-title{font-size:20px;line-height:1.3}
 .header .brand-description{font-size:12px;max-width:225px}
 .header .expert-brand{max-width:calc(100% - 58px)}
 .menu-toggle{gap:7px;font-size:12px;min-height:44px}
 .hero-grid{grid-template-columns:1fr;gap:27px;padding-top:24px;padding-bottom:25px}
 h1{font-size:clamp(42px,11.7vw,65px);line-height:1.04;letter-spacing:-1.5px}
 .hero-context{font-size:16px}
 .hero-actions{gap:10px 20px}
 .button,.text-link,.hero-actions .text-link{font-size:14px}
 .hero-portrait{max-width:380px}
 .portrait-frame{max-height:420px;aspect-ratio:4/5}
 .hero-portrait figcaption .portrait-name{font-size:28px}
 .credentials{gap:25px 16px}
 .credentials p:not(.education-name){font-size:13px}
 .section{padding-top:56px;padding-bottom:56px}
 .section-head{display:block;margin-bottom:22px}
 .section-head .eyebrow{padding-top:0;margin-bottom:15px}
 h2{font-size:clamp(31px,8.8vw,44px);letter-spacing:-1px;line-height:1.15}
 .expert-intro{margin-left:0;margin-bottom:24px}
 .about-role,.timeline p,.education p{font-size:16px}
 .footer p{font-size:14px}
}