.about-page{background:var(--bg)}
.about-page h4{margin:0}
.about-page .desktop-nav .is-current{color:var(--text)}
.about-page .desktop-nav .is-current::after{content:"";height:1px;background:var(--accent);position:absolute;inset:auto 0 4px}
.about-page .desktop-nav a{position:relative}
.about-page .mobile-nav [aria-current="page"]{color:var(--accent)}

.about-hero{padding-top:28px}
.about-hero__grid{width:calc(100% - 32px);margin-inline:auto;display:grid;gap:34px}
.about-hero__copy{align-self:center;padding:0 4px 8px}
.about-hero h1{margin-top:0;font-size:clamp(52px,15vw,110px);font-weight:590;line-height:.9;letter-spacing:-.062em;text-wrap:nowrap}
.about-hero h1>span{display:block}
.about-hero__role{max-width:none;margin-bottom:14px;color:var(--accent);font-size:clamp(18px,2.2vw,30px);font-weight:590;line-height:1.2;letter-spacing:-.018em;white-space:normal}
.about-hero__position{max-width:22ch;margin-top:24px;font-size:clamp(24px,6.4vw,40px);font-weight:470;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.about-hero__lead{max-width:62ch;margin-top:26px;color:var(--muted);font-size:clamp(16px,1.5vw,18px);line-height:1.64}
.about-hero__copy .text-link{margin-top:28px}
.about-hero__portrait{position:relative;align-self:start;width:100%;min-height:0;aspect-ratio:960/1173;overflow:hidden;background:var(--surface)}
.about-hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.8) contrast(.98)}
.about-hero__portrait figcaption{position:absolute;right:0;bottom:0;width:min(92%,390px);padding:15px 18px;border-top:1px solid var(--line-strong);background:color-mix(in oklch,var(--surface-deep) 94%,transparent)}
.about-hero__portrait figcaption span{display:block;font-size:13px;font-weight:580}
.about-hero__portrait figcaption small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}
.about-facts{width:calc(100% - 32px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}
.about-facts{list-style:none}.about-facts li{min-height:104px;display:flex;flex-direction:column;justify-content:center;padding:18px 14px;border-bottom:1px solid var(--line)}
.about-facts li:nth-child(odd){border-right:1px solid var(--line)}
.about-facts li:nth-last-child(-n+2){border-bottom:0}
.about-facts strong{font-size:clamp(28px,7.5vw,42px);font-weight:600;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.about-facts span{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.35}

.about-section{padding-block:clamp(88px,11vw,128px);border-top:1px solid var(--line)}
.about-section h2,.about-proof h2,.about-contact h2{max-width:17ch;font-size:clamp(39px,7.2vw,70px);font-weight:580;line-height:1.02;letter-spacing:-.048em;text-wrap:balance}
.about-section .career-intro h2,.about-section .community-copy h2,.about-section .materials-layout h2,.about-section .personal-copy h2{font-size:clamp(38px,5.6vw,60px);line-height:1.04;letter-spacing:-.043em}
.about-intro__grid{display:grid;gap:38px}
.about-intro__grid h2{margin-top:14px}
.about-intro__story{max-width:760px}
.about-intro__story p{max-width:65ch;color:var(--muted);font-size:17px;line-height:1.68}
.about-intro__story p+p{margin-top:24px}
.about-intro__story .about-intro__lead{color:var(--text);font-size:clamp(21px,3vw,30px);font-weight:430;line-height:1.45;letter-spacing:-.022em}
.principle-register{margin-top:64px;border-top:1px solid var(--line-strong)}
.principle-register{list-style:none}.principle-register li{display:grid;grid-template-columns:32px 1fr;gap:8px 12px;padding:26px 0;border-bottom:1px solid var(--line)}
.principle-register li>span{grid-row:1/3;padding-top:4px;color:var(--accent);font-size:11px}
.principle-register h3{font-size:22px;font-weight:540;letter-spacing:-.025em}
.principle-register p{max-width:48ch;color:var(--muted);font-size:15px;line-height:1.58}

.about-proof{--accent:var(--accent-ink);--accent-hover:oklch(41% .13 39);padding-block:clamp(96px,12vw,140px);background:var(--paper);color:var(--bg)}
.about-proof .eyebrow{color:var(--accent)}
.about-heading{margin-bottom:60px}
.about-heading h2{margin-top:14px}
.about-heading--split>p{max-width:60ch;margin-top:24px;color:oklch(40% .012 90);font-size:17px;line-height:1.65}
.scale-ledger{border-top:1px solid oklch(73% .014 90)}
.scale-ledger article{display:grid;gap:18px;padding:28px 0;border-bottom:1px solid oklch(73% .014 90)}
.scale-ledger__number{font-size:clamp(40px,10vw,68px);font-weight:590;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.scale-ledger h3{font-size:24px;font-weight:560;letter-spacing:-.03em}
.scale-ledger article div p{max-width:52ch;margin-top:7px;color:oklch(40% .012 90);font-size:15px;line-height:1.6}
.scale-ledger article>span{align-self:start;color:var(--accent);font-size:12px;font-weight:570}
.about-proof .text-link{color:var(--bg)}
.about-section-link{margin-top:32px}

.career-section{background:var(--surface-deep)}
.career-layout{display:grid;gap:64px}
.career-intro h2{margin-top:14px}
.career-intro>p:last-child{max-width:52ch;margin-top:22px;color:var(--muted);font-size:16px;line-height:1.65}
.career-timeline{list-style:none;border-top:1px solid var(--line-strong)}
.career-timeline li{display:grid;gap:10px;padding:26px 0;border-bottom:1px solid var(--line)}
.career-timeline time{color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums}
.career-timeline h3{font-size:clamp(20px,3vw,27px);font-weight:540;line-height:1.2;letter-spacing:-.028em}
.career-timeline p{max-width:62ch;margin-top:8px;color:var(--muted);font-size:15px;line-height:1.62}

.expertise-section{background:var(--surface)}
.expertise-section .about-heading--split>p{color:var(--muted)}
.expertise-table{border-top:1px solid var(--line-strong)}
.expertise-table section{display:grid;gap:12px;padding:26px 0;border-bottom:1px solid var(--line)}
.expertise-table h3{font-size:22px;font-weight:550;letter-spacing:-.026em}
.expertise-table p{max-width:68ch;color:var(--muted);font-size:16px;line-height:1.65}
.profile-register{display:grid;gap:32px;margin-top:72px;padding-top:30px;border-top:1px solid var(--line-strong)}
.profile-register header h3{max-width:20ch;margin-top:12px;font-size:clamp(30px,5vw,48px);font-weight:560;line-height:1.08;letter-spacing:-.042em;text-wrap:balance}
.profile-register header>p:last-child{max-width:56ch;margin-top:18px;color:var(--muted);font-size:14px;line-height:1.62}
.profile-register>div{border-top:1px solid var(--line)}
.profile-register article{display:grid;grid-template-columns:30px 110px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.profile-register article>span{padding-top:3px;color:var(--accent);font-size:11px}
.profile-register h4{font-size:16px;font-weight:570}
.profile-register article p{max-width:58ch;color:var(--muted);font-size:14px;line-height:1.6}

.community-section{background:var(--bg)}
.community-layout{display:grid;gap:42px}
.community-portrait{position:relative;align-self:start;background:var(--surface)}
.community-portrait img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(.75) contrast(.98)}
.community-portrait figcaption{padding:12px 14px 13px;color:var(--quiet);font-size:11px;line-height:1.45}
.community-copy{align-self:center}
.community-copy h2{margin-top:14px}
.community-copy>p:not(.eyebrow){max-width:62ch;margin-top:24px;color:var(--muted);font-size:17px;line-height:1.66}
.community-copy ul{list-style:none;margin-top:36px;border-top:1px solid var(--line-strong)}
.community-copy li{display:grid;grid-template-columns:minmax(120px,.8fr) 1.2fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.5}
.community-copy li span{color:var(--text);font-weight:560}
.conference-register{display:grid;gap:28px;margin-top:clamp(52px,7vw,72px);padding-top:26px;border-top:1px solid var(--line-strong)}
.conference-register header h3{max-width:20ch;margin-top:10px;font-size:clamp(29px,4.4vw,44px);font-weight:570;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.conference-groups{display:grid;gap:28px}
.conference-groups section{border-top:1px solid var(--line)}
.conference-groups h4{padding:12px 0;color:var(--accent);font-size:11px;font-weight:570;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}
.conference-register .conference-groups p{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45;break-inside:avoid}
.conference-register strong{font-weight:540}
.conference-register span{color:var(--muted);text-align:right}
.conference-register__note{max-width:72ch;color:var(--muted);font-size:13px;line-height:1.62}

.materials-section{background:var(--surface-deep)}
.materials-layout{display:grid;gap:58px}
.materials-layout header h2{margin-top:14px}
.materials-layout header>p:last-child{max-width:50ch;margin-top:22px;color:var(--muted);font-size:16px;line-height:1.65}
.materials-list{border-top:1px solid var(--line-strong)}
.materials-list a{min-height:128px;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}
.materials-list a>span,.materials-list small{color:var(--quiet);font-size:11px}
.materials-list small{display:block;margin-bottom:7px;color:var(--accent)}
.materials-list h3{max-width:34ch;font-size:clamp(18px,3vw,24px);font-weight:520;line-height:1.3;letter-spacing:-.026em;text-wrap:pretty}
.materials-list b{color:var(--accent);font-weight:500}

.credentials-section{background:var(--surface)}
.credentials-section .about-heading--split>p{color:var(--muted)}
.credentials-list{border-top:1px solid var(--line-strong)}
.credentials-list a{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.credentials-list img{width:70px;height:70px;object-fit:contain;filter:saturate(.78)}
.credentials-list small{color:var(--accent);font-size:11px}
.credentials-list h3{margin-top:5px;font-size:20px;font-weight:550;line-height:1.25;letter-spacing:-.025em}
.credentials-list p{max-width:58ch;margin-top:6px;color:var(--muted);font-size:14px;line-height:1.58}
.credentials-list a>span{grid-column:2;color:var(--muted);font-size:12px;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}
.education-note{display:grid;gap:26px;margin-top:52px;padding-top:24px;border-top:1px solid var(--line-strong)}
.education-note p{display:flex;flex-direction:column;gap:6px}
.education-note strong{font-size:16px;font-weight:560}
.education-note span{max-width:64ch;color:var(--muted);font-size:13px;line-height:1.58}
.qualification-register{margin-top:74px;padding-top:30px;border-top:1px solid var(--line-strong)}
.qualification-register header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 30px;margin-bottom:30px}
.qualification-register header h3{font-size:clamp(30px,4vw,46px);font-weight:560;line-height:1.08;letter-spacing:-.04em}
.qualification-columns{display:grid;gap:42px}
.qualification-columns section{border-top:1px solid var(--line)}
.qualification-columns h4{padding:15px 0;color:var(--accent);font-size:11px;font-weight:570;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}
.qualification-columns p{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45}
.qualification-columns span,.qualification-columns a{font-weight:510}
.qualification-columns a{min-height:44px;display:inline-flex;align-items:center;margin-block:-12px;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--accent) 65%,transparent);text-underline-offset:4px}
.qualification-columns small{flex:0 0 auto;color:var(--muted);text-align:right;font-size:11px}

.personal-section{--accent:var(--accent-ink);--accent-hover:oklch(41% .13 39);background:var(--paper);color:var(--bg)}
.personal-section .eyebrow{color:var(--accent)}
.personal-layout{display:grid;gap:56px}
.personal-copy h2{margin-top:14px}
.personal-copy>p:last-child{max-width:60ch;margin-top:24px;color:oklch(40% .012 90);font-size:17px;line-height:1.66}
.personal-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.personal-gallery figure{position:relative;overflow:hidden;background:oklch(84% .01 90)}
.personal-gallery__wide{grid-column:1/-1}
.personal-gallery img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.78) contrast(.98)}
.personal-gallery__wide img{aspect-ratio:3/2;object-position:center 38%}
.personal-gallery figcaption{position:absolute;inset:auto 0 0;padding:18px 14px 10px;background:linear-gradient(transparent,color-mix(in oklch,var(--bg) 84%,transparent));color:var(--text);font-size:10px}

.about-contact{padding-block:clamp(96px,13vw,150px);border-top:1px solid var(--line);background:var(--surface-deep)}
.about-contact__layout{display:grid;gap:50px}
.about-contact h2{margin-top:14px}
.about-contact__layout>div:first-child>p:last-child{max-width:58ch;margin-top:24px;color:var(--muted);font-size:17px;line-height:1.65}
.about-contact__actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}

@media (hover:hover){
  .materials-list a:hover,.credentials-list a:hover{color:var(--accent)}
  .credentials-list a:hover img{filter:saturate(1)}
}

@media (min-width:48rem){
  .about-hero{padding-top:42px}
  .about-hero__grid,.about-facts{width:calc(100% - 40px)}
  .about-hero__grid{gap:42px}
  .about-hero__copy{padding:0 20px 20px}
  .about-hero h1{font-size:clamp(76px,12vw,104px)}
  .about-facts{grid-template-columns:repeat(4,1fr)}
  .about-facts li{min-height:116px;padding:20px;border-bottom:0;border-right:1px solid var(--line)}
  .about-facts li:last-child{border-right:0}
  .about-facts strong{font-size:36px}
  .principle-register{display:grid;grid-template-columns:repeat(3,1fr)}
  .principle-register li{display:block;min-height:230px;padding:26px 28px 28px 0;border-bottom:0}
  .principle-register li+li{padding-left:28px;border-left:1px solid var(--line)}
  .principle-register li>span{display:block}.principle-register h3{margin-top:54px}.principle-register p{margin-top:10px}
  .scale-ledger article{grid-template-columns:minmax(170px,.8fr) minmax(0,1.4fr) 150px;align-items:center;gap:34px}
  .scale-ledger article>span{text-align:right}
  .career-timeline li{grid-template-columns:150px 1fr;gap:28px}
  .expertise-table section{grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:38px}
  .conference-groups{grid-template-columns:minmax(190px,.8fr) minmax(0,2fr);gap:40px}
  .conference-list--participation{columns:2;column-gap:30px}
  .credentials-list a{grid-template-columns:86px minmax(0,1fr) 100px;gap:24px}.credentials-list img{width:86px;height:86px}.credentials-list a>span{grid-column:3;grid-row:1;text-align:right}
  .education-note{grid-template-columns:1fr 2fr;gap:44px}
  .qualification-columns{grid-template-columns:repeat(3,1fr);gap:32px}
  .about-contact__actions{flex-direction:row;align-items:center;justify-content:flex-start}
}

@media (min-width:60rem){
  .about-hero{padding-top:32px}
  .about-hero__grid{width:min(1440px,calc(100% - 64px));grid-template-columns:1fr 1fr;gap:0;height:var(--hero-media-height);min-height:0}
  .about-hero__copy{padding:0 clamp(40px,4.5vw,72px) 0 32px}
  .about-hero h1{font-size:clamp(82px,8vw,116px)}
  .about-hero__position{font-size:clamp(27px,3vw,34px)}
  .about-hero__copy .text-link{margin-top:22px}
  .about-hero__portrait{height:100%;aspect-ratio:auto}
  .about-facts{width:min(1440px,calc(100% - 64px))}
  .about-facts strong{font-size:40px}
  .about-heading--split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:80px;align-items:end}.about-heading--split>p{margin:0}
  .career-layout{grid-template-columns:minmax(300px,4fr) minmax(0,8fr);gap:78px}.career-intro{position:sticky;top:100px;align-self:start}
  .community-layout{grid-template-columns:minmax(300px,5fr) minmax(0,7fr);gap:76px}
  .conference-register{grid-template-columns:1fr;gap:30px}
  .profile-register{grid-template-columns:minmax(260px,4fr) minmax(0,8fr);gap:68px}.profile-register>div{align-self:start}
  .materials-layout{grid-template-columns:minmax(280px,4fr) minmax(0,8fr);gap:76px}.materials-layout header{align-self:start}
  .personal-layout{grid-template-columns:minmax(280px,4fr) minmax(0,8fr);gap:76px}.personal-copy{align-self:center}
  .about-contact__layout{grid-template-columns:minmax(0,8fr) minmax(300px,4fr);gap:80px}.about-contact__actions{align-items:flex-start;flex-direction:column}
}

@media (min-width:72rem){
  .about-intro__grid{grid-template-columns:minmax(400px,5fr) minmax(0,7fr);gap:72px}
  .about-intro__grid>*{min-width:0}
  .about-intro__grid h2{font-size:clamp(52px,4.7vw,66px);max-width:14ch}
}

@media (min-width:80rem){
  .about-hero__grid,.about-facts{width:min(1440px,calc(100% - 64px))}
  .about-hero__portrait{aspect-ratio:auto}
  .about-hero h1{font-size:116px}
  .about-hero__position{font-size:40px}
  .about-section h2,.about-proof h2,.about-contact h2{font-size:70px}
  .personal-gallery{grid-template-columns:1.4fr .6fr}.personal-gallery__wide{grid-column:1;grid-row:1/3}.personal-gallery__wide img{aspect-ratio:auto}.personal-gallery figure:not(.personal-gallery__wide) img{aspect-ratio:1/1}
}

@media (max-width:22.5rem){.credentials-section h2{font-size:34px}}

@media (prefers-reduced-motion:reduce){.credentials-list img{filter:saturate(.78)}}
