/* Clarity concept: the established visual identity and interactive artwork stay intact. */
.hero h1 .title-word{font-size:clamp(64px,6.3vw,112px);line-height:1.1;letter-spacing:-.045em}
.hero h1 .title-word em{font-style:normal}
.hero h1{margin-top:48px;margin-bottom:64px}
.hero-intro{max-width:360px}
.hero-intro .relationship-note{margin-top:22px}
.hero-intro .quiet-link{font-size:var(--type-ui)}
.concrete-services{max-width:none;margin:64px 0 56px}
.service-card{display:grid;grid-template-columns:1.1fr 1fr;gap:40px 9vw;border-top:1px solid var(--rule);padding:48px 0;scroll-margin-top:140px}
.service-card:last-child{border-bottom:1px solid var(--rule)}
.service-description h3{font-family:var(--serif);font-size:var(--type-subtitle);font-weight:400;line-height:1.25;letter-spacing:-.025em;color:var(--blue);margin:0 0 24px}
.service-description p,.service-outcome p{font-size:var(--type-body);line-height:1.75;margin:0;max-width:46ch;color:var(--muted)}
.service-eyebrow{display:block;font-size:var(--type-label);line-height:1.5;letter-spacing:.04em;color:var(--copper);margin:0 0 10px}
.service-outcome .service-deliverable{color:var(--ink);margin-bottom:24px}
.service-benefit .service-eyebrow{margin-top:0}
.concrete-services+.research-note{margin-top:0}
.consulting-scope{margin:0 0 40px;padding:0}
.consulting-scope p{font-size:var(--type-body);line-height:1.75;color:var(--muted);max-width:88ch;margin:0}
@media(max-width:1279px){
 .hero h1 .title-word{font-size:clamp(56px,6.6vw,84px)}
 .hero h1{margin-top:40px;margin-bottom:0}
 .hero-intro{max-width:760px}
 .hero-intro .relationship-note{grid-column:2;margin-top:0}
 .service-card{gap:36px 6vw}
}
@media(max-width:800px){
 .service-card{grid-template-columns:1fr;gap:28px;padding:40px 0}
 .service-description p,.service-outcome p{max-width:52ch}
}
@media(max-width:640px){
 .hero h1 .title-word{font-size:44px;line-height:1.14;letter-spacing:-.04em}
 .hero h1{margin-top:36px}
 .hero-intro{margin-top:32px;margin-bottom:48px}
 .hero-intro .relationship-note{grid-column:auto}
 .hero-intro p:first-of-type{line-height:1.4}
 .concrete-services{margin-top:40px;margin-bottom:40px}
 .service-card{padding:36px 0;gap:24px}
 .service-description h3{margin-bottom:20px}
 .service-outcome .service-deliverable{margin-bottom:24px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){
 .hero h1 .title-word{font-size:clamp(56px,6.6vw,72px)}
}