.step{padding:28px 24px 0 0;position:relative}.step:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:hsl(var(--primary));box-shadow:0 0 0 6px var(--paper)}.step .num{font-size:11px;font-weight:850;letter-spacing:.15em;color:var(--copper);margin-bottom:45px}.step h3{font-size:18px;margin:0 0 10px;letter-spacing:-.025em;font-weight:600}.step p{font-size:13px;color:hsl(var(--muted-foreground));margin:0;line-height:1.65;max-width:195px}@media (max-width:1050px){.step:nth-child(n+4){padding-top:35px}}@media (max-width:680px){.step{padding:18px 0 18px 36px;border-left:1px solid var(--line)}.step:before{top:24px;left:-5px}.step .num{margin-bottom:12px}.step p{max-width:none}}.work{position:relative;border-radius:22px;overflow:hidden;background:#e5e1da;border:1px solid rgba(19,32,29,.08)}.work:first-child{grid-row:span 2;grid-column:span 2}@media (max-width:1050px){.work:first-child{grid-column:span 2;grid-row:auto}}@media (max-width:680px){.work:first-child{grid-column:span 2;min-height:150px}}