/* Editorial composition: four brand colors, one consistent black foundation. */
html body{--reliq-teal:#005C63;--reliq-sage:#829784;--reliq-orange:#D96A54;--reliq-parchment:#E6D4B5}
/* HOME: a solid typographic panel opposite a documentary photograph. */
html body #page-home .terminal-bar{background:#E6D4B5!important;color:#111!important;border:0!important;padding:20px 40px}
html body #page-home .terminal-bar .system-ledger{color:#111!important}
html body #page-home .home-terminal{gap:0;border:0;align-items:stretch;grid-template-columns:repeat(12,minmax(0,1fr))}
html body #page-home .home-terminal .left-manifesto-axis{grid-column:span 6;background:#005C63!important;padding:52px 44px;color:#FBFBFB!important;border:0!important;min-width:0}
html body #page-home .home-terminal .left-manifesto-axis :is(h1,p,a){color:#FBFBFB!important}
html body #page-home .home-terminal h1{font:700 clamp(46px,5.4vw,84px)/.99 Arial,sans-serif!important;letter-spacing:-.055em;margin:0 0 34px;text-transform:uppercase;overflow-wrap:normal}
html body #page-home .home-terminal .terminal-lead{font:400 clamp(22px,2.1vw,30px)/1.45 Georgia,serif!important;margin:0 0 28px}
html body #page-home .home-terminal .left-manifesto-axis>p:not(.terminal-lead){font-size:18px!important;line-height:1.75!important}
html body #page-home .home-terminal .right-scrolling-registry{grid-column:span 6;padding:0!important;border:0!important;border-bottom:20px solid #D96A54!important;display:flex;min-width:0}
html body #page-home .terminal-photo{width:100%;height:100%;margin:0;outline:0}
html body #page-home .home-terminal .terminal-photo img{height:100%!important;min-height:650px;max-height:none;width:100%;object-fit:cover;object-position:center}
html body #page-home .home-terminal .terminal-nav{gap:0 24px;margin-top:32px}
html body #page-home .home-terminal .terminal-nav a{border-color:#A9C2BE!important;font:14px/1.7 Arial,sans-serif;text-transform:none;padding:14px 0}
/* OUR STORY: oversized existing title, clear question, and a contrasting opening spread. */
html body #page-about .about-opening{background:#D96A54!important;padding:40px!important;margin:0 0 38px;border:0!important;max-width:none}
html body #page-about .about-opening :is(h1,p){color:#111!important}
html body #page-about .about-opening h1{font:400 clamp(60px,8.5vw,120px)/.98 Georgia,serif!important;letter-spacing:-.055em;margin:0 0 30px;max-width:none}
html body #page-about .about-opening .about-lead{font:400 clamp(22px,2.2vw,30px)/1.5 Georgia,serif!important;max-width:950px}
html body #page-about .about-introduction{display:grid;grid-template-columns:1.05fr 1fr;gap:0;padding:0!important;margin:0 0 35px;align-items:stretch}
html body #page-about .about-introduction>div{background:#829784!important;padding:32px!important;border:0!important}
html body #page-about .about-introduction>div p{color:#111!important;font-size:18px!important;line-height:1.8!important}
html body #page-about .about-introduction>figure{margin:0;outline:0;min-width:0}
html body #page-about .about-introduction>figure img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover}
html body #page-about .about-closing{background:#E6D4B5!important;padding:32px!important;border:0!important;margin-top:30px}
html body #page-about .about-closing :is(p,a){color:#111!important}
html body #page-about .about-closing .editorial-emphasis{font:400 clamp(36px,5vw,64px)/1.15 Georgia,serif!important;color:#111!important}
/* THE WORK: HUMAN is the graphic language. Each practice retains its readable content. */
html body #page-programs .work-photo-heading{padding-top:35px}
html body #page-programs .work-photo-heading h1{font:400 clamp(64px,9vw,128px)/1 Georgia,serif!important;letter-spacing:-.055em;color:#E6D4B5!important;margin-bottom:25px}
html body #page-programs .human-photo-index{gap:0;border:0!important;margin:32px 0 52px;grid-template-columns:repeat(5,minmax(0,1fr))}
html body #page-programs .human-photo-index a{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;padding:20px 16px!important;min-width:0;background:#005C63!important;border:0!important;color:#FBFBFB!important}
html body #page-programs .human-photo-index a:nth-child(2){background:#829784!important;color:#111!important}
html body #page-programs .human-photo-index a:nth-child(3){background:#D96A54!important;color:#111!important}
html body #page-programs .human-photo-index a:nth-child(4){background:#E6D4B5!important;color:#111!important}
html body #page-programs .human-photo-index a:nth-child(5){background:#E6D4B5!important;color:#111!important;border-left:1px solid #111!important}
html body #page-programs .human-photo-index a :is(span,strong,small){color:inherit!important;background:transparent!important}
html body #page-programs .human-photo-index a span{font:400 clamp(58px,10vw,140px)/1 Georgia,serif!important;width:auto!important;height:auto!important;margin:0 0 10px;letter-spacing:-.065em;display:block}
html body #page-programs .human-photo-index a strong{font:600 14px/1.4 Arial,sans-serif;text-transform:none;overflow-wrap:anywhere}
html body #page-programs .human-photo-index a small{font:12px/1.5 Arial,sans-serif}
html body #page-programs .work-photo-grid{gap:36px}
html body #page-programs .work-photo-feature{padding:0!important;border:0!important;overflow:visible}
html body #page-programs .work-photo-feature>figure{outline:0;margin:0!important}
html body #page-programs .work-photo-feature>figure::after{display:none}
html body #page-programs .work-photo-copy{background:#829784!important;padding:32px!important;color:#111!important}
html body #page-programs .feature-h .work-photo-copy{background:#005C63!important;color:#FBFBFB!important}
html body #page-programs .feature-m .work-photo-copy{background:#E6D4B5!important}
html body #page-programs .feature-a .work-photo-copy{background:#D96A54!important}
html body #page-programs .feature-n .work-photo-copy{background:#E6D4B5!important}
html body #page-programs .work-photo-copy :is(p,h2,h3,a,span){color:#111!important;border-color:#555!important}
html body #page-programs .feature-h .work-photo-copy :is(p,h2,h3,a,span){color:#FBFBFB!important;border-color:#A9C2BE!important}
html body #page-programs .work-photo-copy h2{font:400 clamp(36px,4vw,54px)/1.1 Georgia,serif!important;letter-spacing:-.04em}
html body #page-programs .work-photo-copy .work-photo-enter{border-bottom:1px solid currentColor!important}
/* LAB: a publication masthead and three color-coded research entries. */
html body #page-research .journal-masthead{background:#D96A54!important;padding:32px!important;border:0!important;margin:28px 0 32px}
html body #page-research .journal-masthead :is(h1,p){color:#111!important}
html body #page-research .journal-masthead h1{font:400 clamp(52px,7.5vw,100px)/1 Georgia,serif!important;letter-spacing:-.05em}
html body #page-research .journal-masthead p{font:13px/1.6 'Courier New',monospace!important}
html body #page-research .journal-introduction{grid-template-columns:1.15fr .85fr;gap:38px}
html body #page-research .journal-introduction figure{outline:0;border-bottom:12px solid #829784!important}
html body #page-research .journal-contents{gap:18px;border:0!important;align-items:stretch}
html body #page-research .journal-entry{background:#E6D4B5!important;padding:26px!important;border:0!important;min-width:0}
html body #page-research .journal-entry:nth-child(2){background:#829784!important}
html body #page-research .journal-entry:nth-child(3){background:#005C63!important}
html body #page-research .journal-entry :is(p,h2,a,span){color:#111!important;border-color:#555!important}
html body #page-research .journal-entry:nth-child(3) :is(p,h2,a,span){color:#FBFBFB!important;border-color:#A9C2BE!important}
html body #page-research .journal-entry .journal-index-number{font:italic 64px/1 Georgia,serif!important;display:block;margin:0 0 16px}
html body #page-research .journal-entry h2{font:400 34px/1.15 Georgia,serif!important;letter-spacing:-.03em}
html body #page-research .journal-entry .journal-summary{font:17px/1.75 Arial,sans-serif!important}
/* Short movement stays attached to the existing compositions, never to running text. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){html body #page-programs .human-photo-index a{transition:box-shadow 200ms ease}html body #page-programs .human-photo-index a:hover span{transform:translateY(-5px)}html body #page-research .journal-entry{transition:transform 220ms ease}html body #page-research .journal-entry:hover{transform:translateY(-4px)}}
@media(max-width:860px){
 html body #page-home .home-terminal{grid-template-columns:1fr}
 html body #page-home .home-terminal :is(.left-manifesto-axis,.right-scrolling-registry){grid-column:1}
 html body #page-home .home-terminal .left-manifesto-axis{padding:36px 24px}
 html body #page-home .home-terminal h1{font-size:clamp(43px,8vw,65px)!important}
 html body #page-home .home-terminal .terminal-photo img{height:420px!important;min-height:0;object-fit:cover}
 html body #page-home .terminal-bar{padding:18px 24px;flex-wrap:wrap;gap:8px}
 html body #page-about .about-opening{padding:28px 24px!important}
 html body #page-about .about-introduction{grid-template-columns:1fr}
 html body #page-about .about-introduction>figure img{height:300px;min-height:0}
 html body #page-programs .human-photo-index a{padding:16px 9px!important}
 html body #page-programs .human-photo-index a strong{font-size:11px}
 html body #page-programs .human-photo-index a small{font-size:11px}
 html body #page-programs .work-photo-copy{padding:26px!important}
 html body #page-research .journal-introduction{grid-template-columns:1fr}
 html body #page-research .journal-contents{grid-template-columns:1fr;gap:20px}
 html body #page-research .journal-masthead{padding:28px 24px!important}
}
@media(max-width:480px){html body #page-programs .human-photo-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}html body #page-programs .human-photo-index a:last-child{grid-column:span 2;border-left:0!important}html body #page-programs .human-photo-index a span{font-size:80px!important}html body #page-programs .human-photo-index a strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){html body #page-research .journal-entry,html body #page-programs .human-photo-index a{transform:none!important;transition:none!important}}
html body #page-programs .human-photo-index a:nth-child(n) :is(span,strong,small){color:inherit!important;background:transparent!important}