.slw-services { --slw-services-ink: var(--color-foreground); color: var(--slw-services-ink); }
.slw-services__heading { font-size: clamp(1.75rem, 2.4vw, 2.25rem); font-weight: 900; letter-spacing: -.045em; line-height: 1; }
.slw-services__heading-line { color: var(--color-highlight); height: 30px; margin: .4rem 0 1.3rem; max-width: 175px; }
.slw-services__heading-line .slw-motif { height: 100%; width: 100%; }
.slw-services__list { display: grid; }
.slw-services__item { align-items: center; color: inherit; display: grid; gap: clamp(.75rem, 2vw, 1.5rem); grid-template-columns: 48px minmax(170px, 1fr) minmax(150px, .9fr) minmax(190px, 1fr); min-height: 82px; padding: .8rem .15rem; text-decoration: none; }
.slw-services__badge { align-items: center; background: var(--slw-item-accent); border: 0; border-radius: 11px; box-shadow: none; color: var(--slw-badge-ink, var(--color-deep)); display: flex; font-size: .92rem; font-weight: 900; height: 42px; justify-content: center; width: 42px; }
.slw-services__badge svg { height: 22px; width: 22px; }
.slw-services__name { font-size: clamp(.98rem, 1.25vw, 1.1rem); font-weight: 650; letter-spacing: -.02em; line-height: 1.15; }
.slw-services__path { color: var(--slw-item-accent); height: 44px; transform: rotate(-1deg); transform-origin: center; transition: transform 500ms cubic-bezier(.2, 1.7, .3, 1); width: 100%; }
.slw-services__description { font-size: .95rem; font-weight: 500; }
.slw-services__item:hover .slw-services__path { transform: translateX(8px) rotate(-1deg); }

@media (max-width: 767px) {
  .slw-services__item { column-gap: .75rem; grid-template-columns: 48px minmax(0, 1fr); min-height: 0; padding: .7rem .15rem; row-gap: .2rem; }
  .slw-services__badge { grid-column: 1; grid-row: 1; height: 40px; width: 40px; }
  .slw-services__name { grid-column: 2; grid-row: 1; }
  .slw-services .slw-services__path { display: block; grid-column: 2; grid-row: 2; height: 30px; max-width: 220px; width: 82%; }
  .slw-services__description { display: none; }
}