/* Recovered from About.dc.html helmet — the page's responsive layer. */
body{margin:0;background:var(--ivory)}
a{color:var(--ink);text-decoration-color:var(--gold)}
a:hover{color:var(--gold-deep);text-decoration-color:var(--gold-deep)}
.mmp-noreveal .mmp-reveal{opacity:1;transform:none;transition:none}
.x-sx-item:hover .x-sx-lead{color:var(--gold-deep) !important}
.x-sx-item:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px}
@media (max-width:1439px){
.x-hero{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:auto auto;min-height:0 !important;background-image:none !important}
.x-hero-copy{grid-row:1;background:var(--ivory);padding:var(--section-tight) var(--rail) var(--space-64) !important}
.x-hero-photo{display:block !important;grid-row:2;height:460px;background-image:url('/assets/img/about-hero-photo.jpg');background-size:cover;background-position:var(--x-photo-x, 78%) center;background-repeat:no-repeat}
}
@media (max-width:1023px){
.x-split,.x-2up,.x-cols2{grid-template-columns:minmax(0,1fr) !important;row-gap:48px !important}
.x-aside{padding-left:24px !important}
.x-hero-copy{padding:88px var(--rail) 88px var(--rail) !important}
.x-split p,.x-2up p,.x-cols2 p,.x-row p{max-width:var(--measure)}
.x-row{grid-template-columns:minmax(0,1fr) !important;row-gap:12px !important}
.x-creds{grid-template-columns:minmax(0,1fr) !important}
.x-hw{display:none !important}
.x-hw-m{display:block !important}
.x-sx-m span[aria-hidden],.x-hw-m span[aria-hidden]{display:none !important}
.x-sx-m h3,.x-hw-m h3{margin-top:0 !important}
.x-sx-m h3,.x-hw-m h3{font-size:var(--size-h3) !important;font-weight:var(--weight-h3) !important;line-height:var(--lh-h3) !important}
}

/* mobile menu: full-screen overlay + staggered entrance (the DS drawer, restyled) */
@keyframes mmpMenuIn{from{opacity:0}to{opacity:1}}
@keyframes mmpMenuItem{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:767px){
header>div:first-child{position:relative;z-index:2;background:var(--ivory)}
header>div+div{position:fixed;inset:0;z-index:1;border-top:0 !important;background:var(--ivory) !important;padding:calc(var(--header-height,68px) + 56px) var(--rail) 56px !important;gap:0 !important;justify-content:center;overflow-y:auto;animation:mmpMenuIn 320ms cubic-bezier(.16,1,.3,1) both}
header>div+div>a:nth-child(-n+3){font-family:var(--font-display) !important;font-weight:300 !important;font-size:34px !important;line-height:1.2 !important;padding:20px 0 !important;border-top:1px solid var(--hairline)}
header>div+div>a:nth-child(4){font-family:var(--font-ui) !important;font-size:15px !important;padding:20px 0 !important;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
header>div+div>a{animation:mmpMenuItem 520ms cubic-bezier(.16,1,.3,1) both}
header>div+div>a:nth-child(1){animation-delay:70ms}
header>div+div>a:nth-child(2){animation-delay:130ms}
header>div+div>a:nth-child(3){animation-delay:190ms}
header>div+div>a:nth-child(4){animation-delay:250ms}
header>div+div>a:nth-child(5){margin-top:40px !important;align-self:stretch !important;animation-delay:310ms}
}
@media (prefers-reduced-motion:reduce){header>div+div,header>div+div>a{animation:none !important}}

@media (max-width:767px){:root{--size-h2:36px;--size-h3:26px}
.x-aside>p:first-child{font-size:26px !important;line-height:1.26 !important}}