/* ==========================================================================
   ABORNTECH — services.css (services.html hub only)
   ========================================================================== */
.service-group{padding-block:clamp(3.5rem, 7vw, 5.5rem);}
.group-head{display:flex; gap:1.6rem; align-items:flex-start; margin-bottom:2.8rem;}
.group-num{
  font-family:var(--font-display); font-weight:600; font-size:1.4rem; color:var(--accent);
  flex-shrink:0; line-height:1.4;
}
.group-head .title{font-size:clamp(1.7rem, 3vw, 2.3rem); margin-bottom:.4rem;}
.group-head .title-sub{margin:0; max-width:50ch;}

.hub-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1.4rem;}
.hub-grid--two{grid-template-columns:repeat(2, 1fr);}
@media (max-width:900px){
  .hub-grid, .hub-grid--two{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .hub-grid, .hub-grid--two{grid-template-columns:1fr;}
}

hr.divider.container{max-width:calc(var(--container) - var(--gutter) * 2);}