/* Company facts (/about/, /contact/ and the /tenders/ "Who you're dealing with" block). studio.css loads first. */
.co-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0 40px;margin:0;border-top:1px solid var(--line)}
.co-facts>div{padding:22px 0 24px;border-bottom:1px solid var(--line);min-width:0}
.co-facts dt{font:500 11px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-bottom:6px}
.co-facts dd{margin:0;font-size:16px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.co-facts a{color:var(--text);display:inline-flex;align-items:center;min-height:24px}
.studio .co-facts .fine{font-size:14px}
.studio .co-more{margin:32px 0 0}
.co-what li{display:flex;flex-direction:column}
.co-what .text-link{align-self:flex-start;margin-top:auto}
.page-about .page-hero h1,.page-contact .page-hero h1{max-width:none}
.page-contact .hero-lede a{color:var(--text)}
@media(max-width:1150px){.co-facts{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.co-facts{grid-template-columns:1fr}.co-facts>div{padding:18px 0 20px}}
.bio-slot{margin:0 0 32px;max-width:760px}
.bio-slot p{margin:0;font-size:18px;line-height:1.6;color:var(--text)}