/* About-only color behavior. Geometry, animation and navigation remain in their existing stylesheets. */
body.about-site{--blue:#171717;--green:#606060;--mist:#f4f4f4;color:#171717;background:#fff}
body.about-site .institutional-page{--institutional-ink:#191919;--institutional-paper:#f3f3f3;--institutional-muted:#707070;--institutional-line:#d3d3d3}

/* Neutral site chrome also wins over a previously selected visitor theme. */
body.about-site .site-header{color:#171717;background:#fff!important}
body.about-site .site-header .navrow nav a,body.about-site .site-header .menu-toggle{color:#171717!important}
body.about-site .site-header .navrow nav .nav-quote{background:#171717;border-color:#171717;color:#fff!important}
body.about-site .brand-wordmark{--family-brand-ink:#171717}
body.about-site .brand-wordmark[data-brand-tone="white"]{--family-brand-ink:#fff}
body.about-site .cta{background:#171717!important;color:#fff}
body.about-site .cta :is(h2,p){color:#fff}
body.about-site footer{background:#111!important;color:#ddd}
body.about-site footer :is(a,h4){color:#eee}
body.about-site footer :is(p,.footer-bottom){color:#aaa}

/* Timeline media uses the shared container hover rule in revision16.css. */
body.about-site :is(img,video,.brand-mark-art){filter:grayscale(1)!important}
body.about-site .history-journey :is(.history-image,video){filter:grayscale(1)!important}
body.about-site .brand-mark-art.brand-mark-ink{filter:brightness(0)!important}
body.about-site :is(img,video):hover{filter:none!important}
body.about-site .institutional-hero:is(:hover,:has(:focus-visible)) :is(img,video),
body.about-site .institutional-person:is(:hover,:has(:focus-visible)) .institutional-portrait img,
body.about-site .institutional-city:is(:hover,:focus-visible) img,
body.about-site .logo-cell:is(:hover,:focus-visible) :is(img,.brand-mark-art),
body.about-site .header-brand-link:is(:hover,:focus-visible) img,
body.about-site .footer-brand>a:is(:hover,:focus-visible) img{filter:none!important}
/* An original white-only wordmark keeps its ink variant legible on the light logo cards. */
body.about-site .logo-cell:is(:hover,:focus-visible) .brand-mark-art.brand-mark-ink{filter:brightness(0)!important}

/* Text remains neutral; color reveals belong only to photographs, video and logo artwork. */
body.about-site :is(a,button,summary):focus-visible{outline-color:currentColor}
