/* Contextual spatial refinements: retain natural content and image proportions. */
.services-page .services-hero h1 {
  max-width: min(18ch, 100%);
  text-transform: uppercase;
}

@media (max-width: 360px) {
  .services-page .services-hero { grid-template-columns: minmax(0, 1fr); }
  .services-page .services-hero h1 { font-size: clamp(2.375rem, calc(16vw - .6rem), 2.9rem) !important; }
}

@media (max-width: 820px) {
  .impact-concept-grid article { min-height: 0; }
  .impact-concept-grid h3 { margin-top: 2rem; }
}

@media (max-width: 540px) {
  .working-formula .formula-steps li {
    grid-template-columns: 1.65rem minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 0;
  }
  .working-formula .formula-number {
    align-self: start;
    padding-top: 2px;
    line-height: 1.5;
    letter-spacing: normal;
    font-variant-numeric: tabular-nums;
  }
  .working-formula .formula-number::after { display: none; }
}
