.how-dirt-works{padding:clamp(56px,7vw,112px) var(--gutter);background:#fff;color:#241b13;scroll-margin-top:24px}
.how-dirt-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);max-width:1280px;margin-inline:auto}
.how-dirt-copy{grid-column:2;grid-row:1;min-width:0}
.how-dirt-copy h2{font-family:var(--font-display);font-size:clamp(36px,4.3vw,64px);font-weight:700;line-height:1.08;letter-spacing:-.035em;margin:0 0 40px;text-wrap:balance}
.how-dirt-copy h2 em{color:#314b38;font-weight:650}
.how-dirt-steps{list-style:none;counter-reset:dirt-step;padding:0;margin:0;display:grid;gap:28px}
.how-dirt-steps li{counter-increment:dirt-step;position:relative;padding-left:52px}
.how-dirt-steps li:before{content:counter(dirt-step);position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f9bf3b;color:#241b13;font-size:16px;font-weight:600}
.how-dirt-steps h3{font-family:Plus Jakarta Sans,Arial,sans-serif;font-size:18px;line-height:1.5;font-weight:600;letter-spacing:0;margin:0 0 6px}
.how-dirt-steps p{font-size:16px;line-height:1.7;margin:0;max-width:42ch;color:#655b50}
.how-dirt-link{display:inline-flex;align-items:center;gap:16px;min-height:48px;margin-top:28px;font-size:16px;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.how-dirt-link:hover{color:#314b38;text-decoration-thickness:2px}
.how-dirt-art{grid-column:1;grid-row:1;margin:0;min-width:0}
.how-dirt-art img{width:100%;height:auto;display:block;border-radius:16px}
@media(max-width:800px){.how-dirt-inner{grid-template-columns:1fr;gap:36px;max-width:560px}.how-dirt-copy,.how-dirt-art{grid-column:1;grid-row:auto}.how-dirt-copy h2{font-size:clamp(36px,6vw,48px);margin-bottom:32px}.how-dirt-steps{gap:24px}.how-dirt-steps li{padding-left:48px}.how-dirt-art{max-width:440px;width:100%;justify-self:center}.how-dirt-art img{border-radius:12px}}
