.varns-services-section {
  padding-block: var(--varns-section-sm);
}

.varns-services-section__layout {
  display: grid;
  gap: var(--varns-gap-lg);
}

.varns-services-section__heading h2 {
  max-inline-size: 12ch;
}

.varns-services-section__heading > p:not(.varns-eyebrow) {
  margin-block-start: 1rem;
}

@media (min-width: 64rem) {
  .varns-services-section__layout {
    grid-template-columns: minmax(14rem, 0.72fr) minmax(0, 2.3fr);
    align-items: center;
  }

  .varns-services-section__heading h2 {
    font-size: clamp(2.3rem, 3vw, 3.5rem);
  }
}


/* Keep five services readable beside the introduction. */
@media (min-width: 64rem) {
  .varns-services-section .varns-service-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 90rem) {
  .varns-services-section__layout {
    grid-template-columns: minmax(12rem, .6fr) minmax(0, 2.4fr);
    gap: 2rem;
  }
  .varns-services-section .varns-service-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .varns-services-section .varns-service-card { padding: 1.2rem; }
}