/* Home tablet, Figma 252:904. Phones and desktop keep their own layouts. */
@media (min-width:600px) and (max-width:1100px) {
 body.home-page :is(.work-heading,.services-heading,.clients-heading,.founder-copy)>h2 {
  font-size:48px!important;line-height:68px!important;letter-spacing:.02em!important;
 }
 body.home-page #services .services-heading h2 {width:100%;max-width:none;}
 body.home-page #services .services-heading h2 br {display:none;}
 body.home-page #services .service-card:nth-child(n) {
  display:block;min-height:284px;padding:32px 0;box-sizing:border-box;
 }
 body.home-page #services .service-card>div {display:block;}
 body.home-page #services .service-index {display:block;font-size:20px;line-height:28px;margin:0 0 24px;}
 body.home-page #services .service-card h3 {font-size:36px;line-height:48px;margin:0 0 12px;padding:0;}
 body.home-page #services .service-card p {font-size:24px;line-height:32px;max-width:609px;margin:0;}
 body.home-page #services .service-card ul {font-size:18px;line-height:24px;margin:12px 0 0;}
 body.home-page .why .why-grid {gap:24px;}
 body.home-page .why .why-grid article {position:relative;display:block;min-height:280px;height:auto;padding:36px;box-sizing:border-box;}
 body.home-page .why .why-grid .eyebrow {margin:0;font-size:16px;line-height:18px;letter-spacing:.04em;}
 body.home-page .why .why-grid .why-copy {position:relative;inset:auto;margin-top:72px;width:calc(100% - 220px);max-width:none;}
 body.home-page .why .why-grid .why-copy h3 {font-size:36px;line-height:48px;margin:0 0 10px;}
 body.home-page .why .why-grid .why-copy p {font-size:18px;line-height:28px;max-width:280px;margin:0;}
 body.home-page .why .why-grid .why-art {position:absolute;top:36px;right:24px;left:auto;bottom:auto;width:200px;height:200px;margin:0;}
}
