/* Digital media consulting. Scoped to the two consulting pages. */
.knowledge-service .hero-intro{max-width:40ch}
.knowledge-service .evidence-boundary{font-size:16px;border-left:2px solid var(--teal);padding-left:18px}
.knowledge-service .problem-grid p{margin-bottom:18px}
.knowledge-service .engagement-steps .deliverable{line-height:1.65}
.knowledge-hub .hub-hero .hero-intro{max-width:35ch}
.knowledge-hub .service-card-featured h2{font-size:clamp(30px,3vw,40px)}
.knowledge-hub .service-card-featured .service-audience{max-width:50ch}
.knowledge-hub .ai-service-visual:hover{color:#fff}
.media-service .hero h1,.media-hub .hub-hero h1{font-size:clamp(42px,4.4vw,63px)}
.media-service .hero .eyebrow,.media-hub .hub-hero .eyebrow{max-width:55ch}
.media-service .media-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 50px}
.media-service .media-proof-grid article{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column;align-items:flex-start}
.media-service .media-proof-grid h3{font-size:27px;max-width:27ch;margin-bottom:15px}
.media-service .media-proof-grid p{font-size:17px;color:var(--muted);max-width:59ch}
.media-proof-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:15px;font-weight:500;color:var(--teal)}
.media-proof-grid .media-proof-links{margin-top:auto}
.media-service .media-production-route{margin-top:42px;padding:24px 28px;background:var(--tint);border-radius:6px}
.media-service .media-production-route p{font-size:17px;margin-bottom:12px;max-width:75ch}
.media-service .engagement{border-top:1px solid var(--line)}
.media-hub .service-card-featured h2 a{align-items:center}
.media-hub .service-card-featured h2 a span{margin-left:auto}
@media(max-width:800px){
 .media-service .media-proof-grid{gap:30px}
 .media-service .media-proof-grid h3{font-size:25px}
 .media-service .service-nav,.media-hub .service-nav{display:flex;flex-wrap:wrap}
}
@media(max-width:540px){
 .knowledge-service .hero h1,.knowledge-hub .hub-hero h1{font-size:clamp(32px,9.7vw,40px)}
 .knowledge-service .button,.knowledge-hub .button{gap:18px;max-width:100%;text-align:center}
 .knowledge-service .invitation h2,.knowledge-hub .invitation h2{font-size:clamp(30px,8.7vw,34px)}
 .knowledge-hub .service-card-featured h2{font-size:30px}
 .knowledge-hub .ai-visual-step{font-size:clamp(18px,5.7vw,22px)}
 .media-service .media-proof-grid{grid-template-columns:1fr;gap:28px}
 .media-service .media-proof-grid h3{font-size:24px}
 .media-service .media-production-route{padding:20px;margin-top:30px}
 .media-service .hero .eyebrow,.media-hub .hub-hero .eyebrow{max-width:37ch}
}
