/* Phone typography: readable spacing without stretched words. */
@media(max-width:760px){
html body{font-size:14px;line-height:1.65}
html body h1{font-size:clamp(27px,7vw,36px)!important;line-height:1.2!important}
html body h2,html body .section-title,html body #client-success .section-title{font-size:clamp(23px,5.7vw,29px)!important;line-height:1.28!important}
html body h3,html body .case-card h3{font-size:19px!important;line-height:1.35!important}
html body h4{font-size:16px!important;line-height:1.4!important}
html body p,html body .section-lead,html body .hero-sub,html body dd{font-size:14px!important;line-height:1.7!important;text-align:left!important;text-align-last:left!important;hyphens:none!important;word-break:normal!important;overflow-wrap:break-word}
html body .section-tag{font-size:10px;letter-spacing:.1em}
html body .btn-primary,html body .btn-ghost,html body .career-button,html body .about-hero-button{font-size:12px!important;line-height:1.5;letter-spacing:.03em!important;min-height:44px}
html body input,html body select,html body textarea{font-size:16px!important}
html body .source-note,html body .form-help,html body .case-eyebrow{font-size:12px!important}
}

/* Compact phone cards; expanded details can grow without clipping. */
@media(max-width:600px){
html body #case-studies .case-grid{gap:16px;grid-template-columns:1fr}
html body #case-studies .case-card{display:flex;align-items:flex-end;min-height:280px;height:auto;max-height:none;aspect-ratio:auto;padding:65px 16px 18px;border-radius:10px}
html body #case-studies .case-details{position:relative;inset:auto;width:100%;min-width:0}
html body #case-studies .case-number{top:14px;left:16px;padding:5px 8px;font-size:10px}
html body #case-studies .case-category{font-size:9px;letter-spacing:.08em}
html body #case-studies .case-card h3{font-size:17px!important;line-height:1.3!important;margin:8px 0 12px}
html body #case-studies .case-hint{padding-top:9px;min-height:36px}
html body #case-studies .case-description p{font-size:13px!important;line-height:1.55!important;margin:12px 0}
html body #case-studies .case-open{font-size:12px;padding:11px 14px;min-height:44px}
html body #services .service-group-head{min-height:235px;padding:22px 18px}
html body #services .sg-item{padding:18px}
html body #services .sg-item-media{padding:0}
html body #services .sg-item-media-img{height:145px;min-height:0}
html body #services .sg-item-media-body{padding:18px}
html body #industries .industry-card{padding:18px}
html body #industries .industry-icon{width:40px;height:40px;margin-bottom:14px}
html body .case-index-card>img{height:170px}
html body .case-index-card>div{padding:18px}
html body .offering-grid article{padding:20px 0}
}