/* Readable semantic copy shares the existing palette, fonts and responsive grid. */
.hero-introduction{font-size:16px;line-height:1.6;max-width:44ch;margin:0;color:var(--ink)}
.semantic-heading-detail{display:block!important;font-family:inherit;font-size:clamp(16px,1.4vw,21px)!important;font-weight:400;line-height:1.45;letter-spacing:0!important;margin-top:20px!important;color:var(--ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;-webkit-text-stroke:0!important;text-shadow:none!important;white-space:normal!important}
.page-summary,.case-hero>.case-summary{font-size:18px;line-height:1.7;letter-spacing:0;max-width:72ch;margin:24px 0 36px;color:var(--ink)}
.directory-root{display:block;font-size:12px;margin-bottom:20px;color:var(--blue)}
.directory-heading>p{max-width:65ch;line-height:1.7}
.directory-copy h3{font-size:clamp(27px,3.7vw,54px);line-height:1.07}
.project-caption{display:block;font-size:11px;line-height:1.6;text-align:left;padding:12px 14px;color:var(--ink);background:var(--bg);border-top:1px solid var(--border)}
.content-label{font-size:12px;font-weight:400;margin:24px 0 12px;letter-spacing:.05em}
.related-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:25px;font-size:15px}
.contact h1.content-title{font-size:clamp(18px,2vw,26px)!important;line-height:1.35;letter-spacing:0;margin:24px 0 12px;font-weight:500}
.contact h2{font-size:clamp(60px,11vw,170px);line-height:.94;letter-spacing:-.075em;font-weight:500;margin:25px 0 40px}
@media(max-width:700px){.hero-introduction{font-size:16px;max-width:none}.page-summary,.case-hero>.case-summary{font-size:16px;line-height:1.65;margin:20px 0 28px}.semantic-heading-detail{margin-top:14px!important}.directory-copy h3{font-size:30px}.contact h2{font-size:13vw}.project-caption{font-size:11px}}
.semantic-display{display:block;position:relative}
.homepage .hero-person h1 span{margin-left:0}
.homepage .hero-person h1 sup{font-family:Arial,sans-serif;font-size:11px;letter-spacing:0;vertical-align:top;display:inline-block;margin:4px 0 0 6px}
.y2k-system .contact>.page-summary{color:var(--contact-text)}
.case-hero h1 .semantic-heading-detail{margin-left:0}