/* One editorial identity across the site. Decorations never sit over reading text. */
html body .page .reliquary-geometry{display:block;width:clamp(145px,18vw,220px);height:auto;margin:0 0 30px;overflow:visible;flex:none}
html body #page-programs .work-photo-heading .reliquary-geometry{width:180px}
html body #page-research .journal-masthead .reliquary-geometry{width:160px;margin-bottom:24px}
/* The initial is part of the actual prose, rather than another heading. */
@supports(initial-letter:3){html body #page-about .about-introduction>div>p:first-child::first-letter{initial-letter:3;font-family:Georgia,serif;margin-right:14px}}
@supports not(initial-letter:3){html body #page-about .about-introduction>div>p:first-child::first-letter{float:left;font:400 92px/.8 Georgia,serif;padding:9px 13px 0 0}}
html body #page-about .about-introduction>div{border-left:1px solid #777!important;padding-left:28px;min-width:0}
/* Fine corner framing ties documentary images to the ledger and journal. */
html body :is(.work-photo-feature>figure,.civic-tile-image,.about-introduction>figure,.journal-introduction>figure,.founder-hero>img){outline:1px solid #626262;outline-offset:7px}
html body .work-photo-feature>figure{position:relative}
html body .work-photo-feature>figure::after{content:'';position:absolute;top:-8px;right:-8px;width:32px;height:32px;border-top:3px solid #EAEAEA!important;border-right:3px solid #EAEAEA!important;pointer-events:none}
html body .work-photo-feature>figure>a{display:block;overflow:hidden}
/* Existing journal numbers become visual index marks, without more copy. */
html body #page-research .journal-entry .journal-meta{padding-bottom:18px;border-bottom:1px solid #505050!important}
html body #page-research .journal-entry .journal-index-number{display:inline-block;font:italic 42px/1 Georgia,serif;color:#EAEAEA;vertical-align:baseline;margin-right:5px}
html body #page-research .journal-entry{position:relative}
html body #page-research .journal-entry h2 a{text-decoration-thickness:1px;text-underline-offset:6px}
html body :is(.about-opening,.civic-new-head,.lab-journal-article header){border-bottom:1px solid #626262!important}
html body .civic-new-head{margin-bottom:28px}
/* Catalog indexing stays compact and legible. */
html body #page-repository .catalog-controls{border-top:1px solid #626262!important;padding-top:26px}
html body #page-repository .catalog-scroll tbody tr{transition:background-color 180ms ease}
html body #page-repository .catalog-scroll tbody tr:hover{background-color:#202020!important}
html body .page a{transition:text-decoration-color 180ms ease,color 180ms ease}
html body .page a:focus-visible{outline:2px solid #EAEAEA!important;outline-offset:6px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html body :is(.work-photo-feature>figure img,.civic-tile-image img){transition:transform 450ms cubic-bezier(.2,.65,.3,1)}
 html body :is(.work-photo-feature>figure>a:hover img,.civic-tile-image:hover img){transform:scale(1.025)}
 html body .human-photo-index a span{transition:transform 250ms ease}
 html body .human-photo-index a:hover span{transform:translateY(-4px)}
}
@media(max-width:700px){
 html body .page .reliquary-geometry{width:145px;margin-bottom:24px}
 html body #page-about .about-introduction>div{padding-left:20px}
 html body :is(.work-photo-feature>figure,.civic-tile-image,.about-introduction>figure,.journal-introduction>figure,.founder-hero>img){outline-offset:4px}
 html body .work-photo-feature>figure::after{top:-5px;right:-5px;width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){html body .page *,html body .page *::before,html body .page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Meaning comes from existing language and program letters, not abstract glyphs. */
html body .reliquary-geometry{display:none!important}
html body .sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Keep the exact full-color logo readable without recoloring the asset. */
html body .site-footer .footer-brand{display:inline-flex;width:fit-content;max-width:100%;padding:18px 24px;background:#F7F6F3!important;border:1px solid #F7F6F3!important}
html body .site-footer .footer-brand .brand-mark{display:block;width:280px;max-width:100%;height:auto;padding:0;background:transparent!important;filter:none!important;opacity:1!important}
/* Correct every sibling of the failed light-on-light HumanMail callout. */
html body .page :is(.mutuality-note,.detail-callout,.continuity-note){background:transparent!important;color:#EAEAEA!important;border-left:2px solid #B8B8B8!important;padding:20px 26px!important}
html body .page :is(.mutuality-note,.detail-callout,.continuity-note) :is(p,span,strong,a){color:#EAEAEA!important}
html body #page-humanmail .mutuality-note{font:21px/1.65 Georgia,serif!important;margin:28px 0!important;max-width:none}
/* Shared editorial scale, with content and photographs in separate planes. */
html body .page .detail-hero-copy .program-initial{display:block;font:400 clamp(80px,10vw,144px)/.9 Georgia,serif!important;letter-spacing:-.06em;color:#EAEAEA!important;margin:0 0 24px;text-transform:none}
html body .page .detail-hero-copy>.eyebrow{display:block;line-height:1.6}
html body .page .detail-hero-copy{padding:40px!important;min-width:0}
html body .page .detail-hero-copy h1{font:400 clamp(38px,4vw,60px)/1.12 Georgia,serif!important;letter-spacing:-.035em;overflow-wrap:normal}
html body .page .detail-hero-photo{align-self:stretch;margin:0}
html body .page .detail-hero-photo img{height:100%;min-height:380px;object-fit:cover}
html body #page-programs .work-photo-heading{border-bottom:1px solid #626262!important;padding-bottom:32px}
html body #page-programs .work-photo-heading h1{font:400 clamp(50px,6vw,80px)/1.05 Georgia,serif!important;letter-spacing:-.035em;margin-top:0}
html body #page-programs .work-photo-copy h2{font:400 clamp(38px,4.2vw,58px)/1.12 Georgia,serif!important;letter-spacing:-.035em}
html body #page-programs .work-photo-taxonomy{border-bottom:1px solid #626262!important;display:block;padding-bottom:14px;margin-bottom:24px}
html body #page-research .journal-masthead h1{font-size:clamp(50px,7vw,88px)!important}
html body #page-about .about-opening{padding-bottom:30px;margin-bottom:26px}
html body #page-about .about-lead{max-width:950px;line-height:1.6!important}
html body #page-local-concerns .civic-poem h2{font:400 clamp(40px,5vw,62px)/1.12 Georgia,serif!important;letter-spacing:-.035em}
html body #page-founder .founder-intro h1{font:400 clamp(44px,5.2vw,70px)/1.1 Georgia,serif!important;letter-spacing:-.035em}
html body .page .system-heading{justify-content:flex-start}
@media(max-width:700px){html body .site-footer .footer-brand{padding:14px 18px}html body .site-footer .footer-brand .brand-mark{width:240px}html body .page .detail-hero-copy{padding:28px 24px!important}html body .page .detail-hero-copy .program-initial{font-size:88px!important}html body .page .detail-hero-photo img{min-height:260px;height:300px}html body .page :is(.mutuality-note,.detail-callout,.continuity-note){padding:18px 20px!important}}