/* Warm neutral typography for the About page. */
.about-page.about-page--essential{--about-ink:#302824;--about-muted:#62564f;--about-copper:#895a40;color:#302824}
.about-page.about-page--essential .about-intro h1{color:#302824}
.about-page.about-page--essential .about-intro h1 span{color:#895a40}
.about-page.about-page--essential .about-intro__lede{color:#51453e}
.about-page.about-page--essential .about-eyebrow,
.about-page.about-page--essential .about-portrait figcaption{color:#706057}
.about-page.about-page--essential .about-contact--hero{color:#785039;border-color:#78503980}
.about-page.about-page--essential .about-contact--hero:hover{color:#302824;border-color:#302824}
.about-page.about-page--essential .about-contact--hero:focus-visible{outline-color:#895a40}
body:has(.about-page--essential) .site-header{--chrome-text:#302824;--chrome-accent:#895a40}
body:has(.about-page--essential) .site-navigation a{color:#62564f}
body:has(.about-page--essential) .site-navigation a:hover,
body:has(.about-page--essential) .site-navigation a.is-active{color:#302824;background:#3028240a}
body:has(.about-page--essential) .site-footer,
body:has(.about-page--essential) .site-footer__bottom{color:#706057}