.craft-steps .stack { --stack-gap: 1.75rem; }
.craft-steps__list { list-style: none; margin: 0; padding: 0; counter-reset: step; display: grid; gap: 2rem; }
@media (min-width: 750px) { .craft-steps__list { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); } }
.craft-steps__list li { counter-increment: step; display: flex; flex-direction: column; gap: 0.5rem; }
.craft-steps__list li::before {
  content: counter(step, lower-roman) '.';
  font-family: var(--font-heading); font-style: italic; font-size: 2.25rem; line-height: 1; color: var(--color-piuma-scura);
}