.km-letter {
  display: grid;
  place-items: center;
  width: 100%;
  background-color: var(--surface-raised);
  color: var(--text-muted);
  font-family: var(--font-display);
  font-size: 1.5em;
  line-height: 1;
}



.services > .km-feature-item { grid-column: 1 / -1; }
.km-feature { display: none; }
.km-feature { background-color: var(--surface-raised); }
.km-feature__media { min-width: 0; overflow: hidden; }
.km-feature__media img { display: block; width: 100%; }
.km-feature__body { display: flex; flex-direction: column; gap: var(--space-6); min-width: 0; padding: var(--space-8) var(--space-5); overflow-wrap: break-word; }
.km-feature__name { font-family: var(--font-display); font-weight: var(--weight-display); font-size: clamp(1.625rem, 1.35rem + 0.8vw, 2rem); line-height: 1.15; letter-spacing: -.01em; text-wrap: balance; color: var(--text-heading); margin-bottom: var(--space-3); }
.km-feature__lead { color: var(--text-body); max-width: 52ch; }
.km-feature__parts-title { color: var(--text-muted); margin-bottom: var(--space-3); }
.km-feature__parts ul { display: grid; gap: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--border-divider); }
.km-feature__parts li { color: var(--text-body); }
.km-feature__part-name { color: var(--text-heading); margin-bottom: var(--space-1); }
.km-feature__offer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4) var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--border-divider); }
.km-feature__prices { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); color: var(--text-heading); }
.km-feature__prices li { white-space: nowrap; }
.km-feature__prices .ds-body-sm { color: var(--text-muted); }
.km-feature__actions { display: flex; align-items: center; gap: var(--space-5); }

@media (min-width: 768px) {
  .services > .km-feature-item { padding-bottom: var(--space-6); }
  .services > .km-feature-item > .km-feature-twin { display: none; } 
  
  .km-feature { display: grid; grid-template-columns: calc((100% - 2 * var(--space-6)) / 3) minmax(0, 1fr); align-items: stretch; }
  .km-feature .km-feature__media img { height: 100%; object-fit: cover; }
  .km-feature__body { align-self: center; gap: var(--space-8); padding: var(--space-10); }
  .km-feature__parts ul { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--space-6); }
}
@media (min-width: 1280px) {
  .km-feature__body { padding: var(--space-12); }
}