.steps__module{counter-reset:steps;.steps{grid-column:content}.step{aspect-ratio:var(--aspect-ratio);display:flex;flex-direction:column;gap:2rem;justify-content:flex-end;padding:1rem;position:relative;&:after{background-image:linear-gradient(var(--overlay)),var(--background-image);background-size:cover;clip-path:polygon(0 calc(var(--card-width-min)*cos(30deg)/4),calc(var(--card-width-min)/2) calc(var(--card-width-min)*cos(30deg)/4),calc(var(--card-width-min)/4*3) 0,100% 0,100% 100%,0 100%);content:"";inset:0;z-index:-1}&:after,&:before{position:absolute}&:before{border-radius:0 0 0 1rem;content:"Step " counter(steps);counter-increment:steps;font-family:var(--heading-font-family);font-weight:700;grid-column:1;left:0;padding:.5rem 1rem;top:0;z-index:2}h3{margin-block:auto;text-align:center}}}