/* Approved 578c160: cascade order is intentional. */
:where(#approved-main) .biography-professional {
  padding:64px var(--gutter);
  background:var(--cream);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:48px}
:where(#approved-main) .biography-professional h2 {
  font-size:clamp(32px,4vw,56px);
  line-height:1.1}
:where(#approved-main) .biography-professional dl {margin:0; min-width:0}
:where(#approved-main) .biography-professional dl>div {padding:16px 0; border-top:1px solid var(--line)}
:where(#approved-main) .biography-professional dt {font-size:14px; margin-bottom:8px}
:where(#approved-main) .biography-professional dd {margin:0; font-size:18px; overflow-wrap:anywhere}
:where(#approved-main) .biography-professional a {text-decoration:underline; text-underline-offset:4px}
@media(max-width:800px) {:where(#approved-main) .biography-professional {grid-template-columns:minmax(0,1fr); gap:28px}}

.about-page :where(#approved-main) em {
  font-synthesis:none}

.about-page :where(#approved-main) [aria-current=page] {
  text-decoration:underline;
  text-underline-offset:6px}

:where(#approved-main) .biography-opening {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:clamp(40px,6vw,96px);
  row-gap:32px;
  padding:32px var(--gutter) 80px;
  max-width:1504px;
  margin-inline:auto}

:where(#approved-main) .biography-title-row {
  grid-column:2;
  grid-row:1;
  align-self:end;
  text-align:left;
  width:100%;
  max-width:440px;
  margin:0 auto}

:where(#approved-main) .biography-title-row h1 {
  font-size:clamp(72px,6.8vw,104px);
  line-height:.98;
  letter-spacing:-.035em;
  max-width:none}

:where(#approved-main) .biography-title-row h1 em {
  display:block}

:where(#approved-main) .biography-title-row>p {
  font-size:15px;
  line-height:1.5;
  margin:24px auto 0}

:where(#approved-main) .biography-title-row>p br {
  display:none}

:where(#approved-main) .biography-encounter {
  display:contents}

:where(#approved-main) .biography-portrait {
  grid-column:1;
  grid-row:1/3;
  align-self:center;
  justify-self:center;
  width:100%;
  max-width:520px;
  margin:0;
  min-width:0}

:where(#approved-main) .biography-portrait>div {
  aspect-ratio:4/5;
  overflow:hidden}

:where(#approved-main) .biography-portrait img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 56%}

:where(#approved-main) .biography-introduction {
  grid-column:2;
  grid-row:2;
  align-self:start;
  max-width:440px;
  width:100%;
  margin:0 auto;
  text-align:left;
  padding:0}

:where(#approved-main) .biography-lead {
  font-size:clamp(23px,1.8vw,27px);
  line-height:1.35;
  letter-spacing:-.025em;
  margin-bottom:24px;
  text-wrap:balance}

:where(#approved-main) .biography-lead br {
  display:none}

:where(#approved-main) .biography-introduction>p:not(.biography-lead) {
  font-size:16px;
  line-height:1.65;
  text-wrap:pretty}

:where(#approved-main) .biography-opening-links {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:12px 24px;
  margin-top:28px}

:where(#approved-main) .biography-opening-links .text-link {
  margin-top:0}

:where(#approved-main) .quiet-link {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:14px;
  text-decoration:underline;
  text-underline-offset:5px}

:where(#approved-main) .biography-story, :where(#approved-main) .biography-training, :where(#approved-main) .biography-paths {
  padding:clamp(70px,8vw,130px) max(var(--gutter),calc((100vw - 1440px)/2))}

:where(#approved-main) .biography-story {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:7vw;
  background:var(--plum);
  color:var(--cream)}

:where(#approved-main) .biography-story h2 {
  font-size:clamp(64px,7vw,104px);
  line-height:1.03}
:where(#approved-main) .biography-story h2 em {
  color:var(--lilac)}

:where(#approved-main) .story-reading .text-link {
  margin-top:42px;
  font-size:15px}

:where(#approved-main) .story-reading {
  max-width:49ch}
:where(#approved-main) .story-reading p:first-child {
  font-size:clamp(23px,2.1vw,30px);
  line-height:1.5;
  letter-spacing:-.015em}
:where(#approved-main) .story-reading p+p {
  font-size:18px;
  line-height:1.65;
  margin-top:34px;
  color:#e3d9e5}

:where(#approved-main) .biography-training {
  background:var(--apricot);
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:9vw;
  align-items:start}

:where(#approved-main) .training-intro h2 {
  font-size:clamp(44px,4.9vw,74px);
  line-height:1.08}

:where(#approved-main) .training-photo {
  margin:46px 0 0}
:where(#approved-main) .training-photo img {
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:50% 45%;
  border-radius:0 clamp(32px,4vw,64px) 0 clamp(32px,4vw,64px)}

:where(#approved-main) .training-list {
  list-style:none;
  padding:0;
  margin:0}
:where(#approved-main) .training-list li {
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:24px;
  border-top:1px solid var(--line);
  padding:26px 0}
:where(#approved-main) .training-list li:last-child {
  border-bottom:1px solid var(--line)}
:where(#approved-main) .training-list time {
  font-size:27px;
  line-height:1.25;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums}
:where(#approved-main) .training-list p {
  font-size:18px;
  line-height:1.5}

:where(#approved-main) .biography-paths {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8vw;
  align-items:center;
  background:var(--cream)}

:where(#approved-main) .biography-paths h2 {
  font-size:clamp(48px,5.3vw,80px);
  line-height:1.05}
:where(#approved-main) .biography-paths>div:not(.biography-path-options)>p {
  font-size:18px;
  line-height:1.55;
  margin-top:28px}
:where(#approved-main) .biography-paths .text-link {
  font-size:15px}

:where(#approved-main) .biography-paths nav {
  display:grid;
  grid-auto-rows:1fr;
  border-top:1px solid var(--line)}
:where(#approved-main) .biography-paths nav>a {
  display:flex;
  justify-content:space-between;
  gap:26px;
  align-items:center;
  border-bottom:1px solid var(--line);
  padding:30px 0;
  font-size:clamp(26px,2.7vw,40px);
  line-height:1.2;
  letter-spacing:-.025em}
:where(#approved-main) .biography-paths nav .icon {
  font-size:28px;
  flex-shrink:0;
  transition:transform .25s}
:where(#approved-main) .biography-paths nav a:hover .icon {
  transform:translate(3px,-3px)}

.about-page.motion-reduced :where(#approved-main) .text-link span, .about-page.motion-reduced :where(#approved-main) .contact-action span, .about-page.motion-reduced :where(#approved-main) .biography-paths .icon {
  transition:none;
  transform:none}

@media(prefers-reduced-motion:reduce) {
  :where(#approved-main) .biography-paths nav .icon {
  transition:none;
  transform:none}
}

@media(max-width:1100px) {
  :where(#approved-main) .biography-opening {
  column-gap:40px;
  padding-top:40px}
:where(#approved-main) .biography-title-row h1 {
  font-size:clamp(64px,7.2vw,80px)}
:where(#approved-main) .biography-opening-links {
  gap:8px 20px}
:where(#approved-main) .biography-lead {
  font-size:23px}
:where(#approved-main) .biography-story {
  gap:6vw}
:where(#approved-main) .training-list li {
  grid-template-columns:64px minmax(0,1fr);
  gap:18px}
:where(#approved-main) .training-list p {
  font-size:17px}
}

@media(max-width:800px) {
  
 :where(#approved-main) .biography-opening {
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto;
  gap:32px;
  padding-top:24px;
  padding-bottom:64px}
:where(#approved-main) .biography-title-row {
  grid-column:1;
  grid-row:1}
:where(#approved-main) .biography-title-row h1 {
  font-size:clamp(60px,13vw,88px);
  line-height:.98}
:where(#approved-main) .biography-title-row>p {
  font-size:14px;
  margin-top:20px}

 :where(#approved-main) .biography-portrait {
  grid-column:1;
  grid-row:2;
  width:100%;
  max-width:480px}
:where(#approved-main) .biography-portrait>div {
  aspect-ratio:4/5}
:where(#approved-main) .biography-introduction {
  grid-column:1;
  grid-row:3;
  width:100%;
  max-width:440px}
:where(#approved-main) .biography-lead {
  font-size:25px;
  max-width:25ch;
  margin-inline:0}
:where(#approved-main) .biography-introduction>p:not(.biography-lead) {
  font-size:17px}
:where(#approved-main) .biography-opening-links {
  margin-top:24px;
  gap:12px 24px}

 :where(#approved-main) .biography-story, :where(#approved-main) .biography-training, :where(#approved-main) .biography-paths {
  padding:64px var(--gutter);
  grid-template-columns:minmax(0,1fr);
  gap:38px}
:where(#approved-main) .biography-story h2 {
  font-size:clamp(52px,12vw,78px)}
:where(#approved-main) .story-reading .text-link {
  margin-top:24px;
  font-size:14px}
:where(#approved-main) .story-reading p:first-child {
  font-size:23px;
  line-height:1.5}
:where(#approved-main) .story-reading p+p {
  font-size:17px;
  margin-top:26px}

 :where(#approved-main) .training-intro h2 {
  font-size:clamp(41px,10vw,65px)}
:where(#approved-main) .training-photo {
  margin-top:30px;
  max-width:540px}
:where(#approved-main) .training-photo img {
  aspect-ratio:4/3}
:where(#approved-main) .training-list li {
  grid-template-columns:56px minmax(0,1fr);
  gap:20px;
  padding:23px 0}
:where(#approved-main) .training-list time {
  font-size:23px}
:where(#approved-main) .training-list p {
  font-size:17px}

 :where(#approved-main) .biography-paths h2 {
  font-size:clamp(45px,11.5vw,72px)}
:where(#approved-main) .biography-paths>div:not(.biography-path-options)>p {
  font-size:17px;
  margin-top:24px}
:where(#approved-main) .biography-paths nav>a {
  font-size:clamp(27px,6vw,34px);
  padding:26px 0}
:where(#approved-main) .biography-paths .text-link {
  gap:18px;
  font-size:14px}

}