.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.step{counter-increment:step;position:relative;container-type:inline-size}.step .feat-art{aspect-ratio:400/232;height:auto;max-height:236px}.step h3{align-items:flex-start;gap:10px;display:flex}.step h3:before{content:counter(step);background:var(--accent);width:26px;height:26px;color:var(--accent-text);font-size:.875rem;font-weight:var(--w-heavy);letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;display:grid}.step-next{z-index:1;background:var(--card);border:1px solid var(--line);width:32px;height:32px;color:var(--accent);box-shadow:var(--shadow-1);border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(-6px + min(118px,29cqw - 5.8px));right:-24px}.step-next .ic{stroke-width:2px;width:16px;height:16px}.step:last-child .step-next{display:none}@media (width<=900px){.steps{grid-template-columns:minmax(0,1fr)}.step-next{inset:auto auto -24px calc(50% - 16px);transform:rotate(90deg)}}
