/* Keep the established mobile text and image spacing after grouping the intro. */
.services-intro-text{min-width:0}
.services-intro-text>.eyebrow{margin-bottom:26px}
.services-intro-text>.services-intro-copy{margin-top:28px;font-size:18px;line-height:1.7;max-width:440px}
@media(max-width:1100px){
  .services-intro-text>.services-intro-copy{font-size:17px}
}
@media(min-width:768px){
  .services{display:block;padding-bottom:48px}
  .services-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);margin-bottom:52px}
  .services-intro-text{max-width:680px}
  .services-intro-text h2{font-size:clamp(38px,4.2vw,60px);max-width:680px}
  .services-intro-text>.services-intro-copy{max-width:540px}
  .services-art{width:100%;max-width:520px;margin:0;justify-self:end}
  .services-art-frame{aspect-ratio:1.25}
  .services-art-frame>img{object-position:center 53%}
  .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,72px);row-gap:16px}
  .service{grid-template-columns:24px minmax(0,1fr);gap:16px;padding:28px 0 30px;min-width:0}
  .service>div{min-width:0}
  .service h3{font-size:clamp(26px,2.1vw,34px);line-height:1.15;margin-bottom:18px}
  .service p{max-width:58ch}
  #about{padding-top:64px}
}
@media(min-width:768px) and (max-width:1100px){
  .services{padding-bottom:32px}
  .services-intro{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:38px}
  .services-intro-text h2{font-size:clamp(36px,4.3vw,46px)}
  .services-intro-text>.services-intro-copy{font-size:16px;line-height:1.7;margin-top:24px}
  .services-art-frame{aspect-ratio:1.1}
  .service-list{column-gap:32px;row-gap:10px}
  .service{grid-template-columns:20px minmax(0,1fr);gap:13px;padding:25px 0 28px}
  .service-number{font-size:11px;padding-top:4px}
  .service h3{font-size:26px}
  .service p{font-size:16px;line-height:1.7}
  .service-detail-hint{font-size:11px!important}
  #about{padding-top:48px}
}
@media(max-width:767px){
  .services-intro-text>.eyebrow{margin-bottom:20px}
  .services-intro-text>.services-intro-copy{font-size:16px;line-height:1.65;margin-top:22px;max-width:480px}
}