.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-block:60px 80px}
.about-hero h1{font:400 clamp(52px,5.5vw,80px)/1.02 Caslon,Georgia,serif;letter-spacing:-.025em;margin:0 0 28px;text-wrap:balance}
.about-hero h1 em{font-style:normal;color:var(--sand)}
.about-hero>div>p{max-width:46ch;color:var(--muted);font-size:17px}
.about-place{background:var(--rose);padding:40px}
.about-place h2{font-size:42px}.about-place>img{width:100%;height:150px;object-fit:contain;object-position:left}
.about-place>p{margin:24px 0 0}.about-place strong{display:block;font-weight:600}
.about-place address{margin:16px 0 26px}
.about-people{border-top:1px solid var(--line)}
.about-bios{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:44px}
.about-bios article{border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:24px}
.about-bios h3{font-size:42px;margin-bottom:12px}.about-bios p{max-width:55ch;color:var(--muted)}
.about-bios .about-role{color:var(--sage);font-size:14px;margin:0 0 24px}
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-split p{max-width:55ch;margin-top:0}
.about-purpose{background:var(--rose);padding-block:72px}.about-purpose h2{font-size:clamp(40px,4vw,58px)}
.about-split.section p{color:var(--muted)}
.about-close{background:var(--sage);color:var(--coal);padding-block:44px}.about-close>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.about-close h2{font-size:38px;margin-bottom:12px}.about-close p{max-width:65ch;margin:0}.about-close .button{border-color:var(--coal);color:var(--coal);flex:none}
.about-close .button:hover{background:var(--coal);color:var(--cream)}.about-close :focus-visible{outline-color:var(--coal)}
.site-header [aria-current=page]{text-decoration:underline;text-underline-offset:8px}
@media(max-width:1100px){.about-hero,.about-bios,.about-split{gap:40px}.about-place{padding:30px}.about-hero{padding-block:44px 60px}.about-hero h1{font-size:62px}.about-place h2{font-size:36px}.about-close>.wrap{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:700px){.about-hero,.about-bios,.about-split{grid-template-columns:1fr;gap:32px}.about-hero{padding-block:36px 44px}.about-hero h1{font-size:clamp(46px,10.8vw,66px)}.about-hero>div>p{font-size:16px}.about-place{padding:28px 22px}.about-place h2{font-size:36px}.about-place>img{height:120px}.about-place .button{font-size:13px;gap:12px;padding-inline:14px}.about-bios{margin-top:32px;gap:36px}.about-bios h3{font-size:37px}.about-purpose{padding-block:48px}.about-purpose h2{font-size:43px}.about-close h2{font-size:36px}}