/* James Woolford Design — service card spacing refinement v42 */

/* Give the icon, heading and description a deliberate vertical rhythm. */
.service-detail-page .service-capabilities__grid article{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  padding:clamp(34px,3vw,46px)!important;
}

.service-detail-page .service-capabilities__grid article > .jw-capability-icon{
  flex:0 0 auto!important;
  margin:0 0 clamp(34px,4vw,56px)!important;
}

.service-detail-page .service-capabilities__grid h3{
  margin:0 0 16px!important;
  width:100%!important;
  line-height:1.02!important;
}

.service-detail-page .service-capabilities__grid p{
  margin:0!important;
  width:100%!important;
}

/* The swipe guide belongs to the chapter intro, not pressed against the cards. */
.service-detail-page .jw-swipe-guide{
  margin:0 0 30px!important;
}

@media(max-width:900px){
  .service-detail-page .service-section-head{
    margin-bottom:38px!important;
  }

  .service-detail-page .jw-swipe-guide{
    margin:0 0 28px!important;
  }

  .service-detail-page .service-capabilities__grid{
    gap:18px!important;
    padding:0 26px 22px 18px!important;
  }

  .service-detail-page .service-capabilities__grid article{
    flex:0 0:min(80vw,350px)!important;
    width:min(80vw,350px)!important;
    min-height:330px!important;
    padding:34px 28px 32px!important;
  }

  .service-detail-page .service-capabilities__grid article > .jw-capability-icon{
    width:54px!important;
    height:54px!important;
    margin:0 0 34px!important;
  }

  .service-detail-page .jw-capability-icon svg{
    width:24px!important;
    height:24px!important;
  }

  .service-detail-page .service-capabilities__grid h3{
    margin:0 0 18px!important;
    font-size:clamp(30px,8vw,38px)!important;
  }

  .service-detail-page .service-capabilities__grid p{
    font-size:16px!important;
    line-height:1.7!important;
  }
}

@media(max-width:560px){
  .service-detail-page .service-capabilities{
    padding-top:88px!important;
  }

  .service-detail-page .service-section-head{
    margin-bottom:32px!important;
  }

  .service-detail-page .jw-swipe-guide{
    margin-bottom:26px!important;
  }

  .service-detail-page .service-capabilities__grid article{
    flex-basis:82vw!important;
    width:82vw!important;
    min-height:340px!important;
    padding:32px 26px 30px!important;
  }

  .service-detail-page .service-capabilities__grid article > .jw-capability-icon{
    width:52px!important;
    height:52px!important;
    margin-bottom:32px!important;
  }
}