/* ==========================================================================
   Estructura común de las secciones: espaciado, encabezado y bloque de texto con animación.
   ========================================================================== */

.section {
  padding-block: clamp(80px,12vw,150px);
}

.section-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 1.5rem 4rem;
  align-items: end;
  margin-bottom: clamp(40px,6vw,72px);
}

.section-head h2 {
  font-size: clamp(2.3rem,4.8vw,4.2rem);
  font-weight: 850;
  font-stretch: 115%;
  line-height: .98;
  letter-spacing: -.025em;
}

.section-head p {
  color: var(--muted);
  max-width: 44ch;
  font-size: 1.1rem;
}

.svc-aside {
  display: flex;
  align-items: center;
  gap: clamp(18px,2.4vw,32px);
}

@media (max-width:860px) {
  .section-head {
    grid-template-columns: 1fr;
  }
}