.steps__module{counter-reset:steps;&.full{.steps{grid-column:content;.step{margin-bottom:var(--base-gap);counter-increment:steps;display:grid;gap:var(--base-gap);grid-template-columns:1fr 1fr;grid-template-rows:1fr min-content min-content;&:nth-child(even){img,hgroup{grid-column:2}svg,.description{grid-column:1}}img{grid-row:1 / 3;grid-column:1}svg{grid-row:1;grid-column:2;width:3.5rem;height:3.5rem;fill:var(--secondary);margin-inline:auto;margin-top:auto}.description{grid-row:2 / 4;grid-column:2}hgroup{margin-top:auto;grid-row:3;grid-column:1;display:grid;gap:.5rem;align-items:center;grid-template-columns:max-content 1fr auto;h3{text-align:right;order:3;margin:0}&:before{content:counter(steps);font-size:var(--font-size-1);font-weight:500;font-family:var(--heading-font-family,sans-serif);order:1}&:after{content:'';transition:var(--transition-default);display:block;flex-grow:1;background:var(--gray);height:2px;min-width:3rem;order:2}}@media (max-width:800px){grid-template-columns:1fr;&:nth-child(even),&{img,hgroup,svg,.description{grid-column:1;width:100%;grid-row:unset}}svg{display:none}}}}}&.brief{.steps{grid-column:content;display:grid;gap:var(--base-gap);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.step{counter-increment:steps;gap:var(--base-gap);display:grid;align-items:center;justify-content:center;text-align:center;overflow:hidden;img{width:5rem;height:5rem;object-fit:contain;margin:auto}.count{display:grid;grid-template-columns:1fr max-content 1fr;gap:.5rem;align-items:center;width:100vw;&:after{content:'Step ' counter(steps);order:2;color:var(--gray);font-size:var(--font-size-5);font-weight:500;font-family:var(--heading-font-family,sans-serif)}span{display:block;flex-grow:1;background:var(--gray);height:2px;min-width:3rem;&:first-of-type{order:1}&:last-of-type{order:3}}}}}}