/* Color lives in type on Home and Our Story; approved Work and Lab palettes stay intact. */
html body #page-home .terminal-bar{background:#121212!important;color:#EAEAEA!important;border-bottom:1px solid #505050!important}
html body #page-home .terminal-bar .system-ledger{color:#B8B8B8!important}
html body #page-home .home-terminal .left-manifesto-axis{background:#121212!important;color:#EAEAEA!important}
html body #page-home .home-terminal .left-manifesto-axis :is(h1,p,a){color:#EAEAEA!important}
html body #page-home .home-terminal .right-scrolling-registry{background:#121212!important;border-bottom:0!important}
html body #page-home .home-terminal .left-manifesto-axis h1 .humanity-accent{color:#A4B7A5!important}
html body #page-home .home-terminal .left-manifesto-axis h1{font-size:clamp(44px,5vw,76px)!important;line-height:1.04!important}
html body #page-about .about-opening{background:transparent!important;padding:32px 0!important;border-bottom:1px solid #626262!important}
html body #page-about .about-opening :is(h1,p){color:#EAEAEA!important}
html body #page-about .about-opening h1{font-size:clamp(46px,6vw,84px)!important;line-height:1.12!important}
html body #page-about .about-introduction>div{background:transparent!important;padding:24px 32px 24px 0!important}
html body #page-about .about-introduction>div p{color:#EAEAEA!important}
html body #page-about .about-introduction>div p::first-letter{color:#A4B7A5!important}
html body #page-about .about-closing{background:transparent!important;padding:32px 0!important;border-top:1px solid #626262!important}
html body #page-about .about-closing :is(p,a){color:#EAEAEA!important}
html body #page-about .about-closing .editorial-emphasis{color:#D98A75!important}
/* Meaningful initials retain the words they belong to and stay in the reading order. */
html body .page h1 .display-initial{display:inline-block;font-family:Georgia,serif;font-weight:400;font-size:1.6em;line-height:.85;color:#D98A75!important;letter-spacing:-.07em;margin-right:.025em;vertical-align:baseline}
html body :is(#page-commitments,#page-founder,#page-governance,#page-repository) h1 .display-initial{color:#A4B7A5!important}
html body #page-language-preservation h1 .display-initial{color:#E6D4B5!important}
html body .page .detail-hero-copy .program-initial{color:#A4B7A5!important}
html body #page-humanmail .detail-hero-copy .program-initial{color:#D98A75!important}
html body #page-museverse .detail-hero-copy .program-initial{color:#E6D4B5!important}
/* Repeat a short, visible typographic entrance on each page visit. No continuous motion. */
@keyframes reliquary-heading-enter{from{opacity:.4;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes reliquary-initial-enter{from{opacity:.35;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:no-preference){
 html body .page.active h1{animation:reliquary-heading-enter 750ms cubic-bezier(.2,.65,.3,1) both}
 html body .page.active h1 .display-initial{animation:reliquary-initial-enter 950ms cubic-bezier(.2,.65,.3,1) both}
 html body .page.active .detail-hero-copy .program-initial{animation:reliquary-initial-enter 950ms cubic-bezier(.2,.65,.3,1) both}
}
@media(max-width:700px){html body #page-about .about-opening{padding:26px 0!important}html body #page-about .about-introduction>div{padding:24px 0!important}html body .page h1 .display-initial{font-size:1.4em}html body #page-home .home-terminal .left-manifesto-axis h1{font-size:clamp(42px,8vw,62px)!important}}
@media(prefers-reduced-motion:reduce){html body .page.active h1,html body .page.active h1 .display-initial,html body .page.active .detail-hero-copy .program-initial{animation:none!important;transform:none!important;opacity:1!important}}
