/* The closing chapter: open typography and marginal notes, not another card grid. */
.firstSteps{padding-block:var(--section-space)}
.firstSteps__header{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}
.firstSteps__header h2{margin:0;font:500 var(--section-title)/1.04 var(--font-body);letter-spacing:var(--type-tracking)}
.firstSteps__note{position:relative;flex:0 1 24ch;margin:0 3% 8px 0;max-width:24ch;rotate:-5deg;color:var(--surface-accent)}
.firstSteps__note svg{display:block;width:84%;height:16px;margin:4px 0 0 8%}
.firstSteps svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.firstSteps__list{display:flex;align-items:flex-start;gap:clamp(32px,5vw,72px);list-style:none;margin:44px 0 0;padding:0}
.firstSteps__step{flex:1;min-width:0}
.firstSteps__step:nth-child(2){margin-top:28px}
.firstSteps__step:nth-child(3){margin-top:56px}
.firstSteps__number{display:block;width:fit-content;margin:0 0 18px 3px;font:350 40px/1 var(--font-hand);letter-spacing:-.06em;color:var(--surface-accent);rotate:-7deg}
.firstSteps__step:nth-child(2) .firstSteps__number{rotate:5deg}
.firstSteps__step h3{margin:0 0 16px;font:500 clamp(24px,2.3vw,32px)/1.18 var(--font-body);letter-spacing:-.04em}
.firstSteps__step p{max-width:36ch;margin:0;font:450 14px/1.75 var(--font-body);color:var(--surface-muted);text-wrap:pretty}
.firstSteps__note,.firstSteps__number{translate:var(--ink-x,0px) var(--ink-y,0px)}
.firstSteps__next{display:flex;align-items:center;gap:16px;width:fit-content;min-height:44px;margin:24px 0 0 auto;color:var(--surface-text);text-decoration:none;font:500 13px/1.5 var(--font-body)}
.firstSteps__next svg{width:48px;height:34px;color:var(--surface-accent);transition:translate .2s}
.firstSteps__next:hover svg{translate:0 4px}
.firstSteps__next:focus-visible{outline-color:var(--surface-accent)}
@media(max-width:1000px){
  .firstSteps__header{gap:32px}
  .firstSteps__note{flex-basis:21ch;margin-right:0;font-size:18px}
}
@media(max-width:760px){
  .firstSteps__header{display:block}
  .firstSteps__note{margin:26px 0 0 auto;max-width:24ch;font-size:17px}
  .firstSteps__list{display:flex;flex-direction:column;gap:30px;margin-top:36px}
  .firstSteps__step:nth-child(n){display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;width:100%;margin:0}
  .firstSteps__number{font-size:30px;margin:2px 0 0}
  .firstSteps__step h3{font-size:25px;margin-bottom:10px}
  .firstSteps__step p{max-width:48ch;font-size:14px;line-height:1.65}
  .firstSteps__next{margin-top:26px}
}
@media(prefers-reduced-motion:reduce){
  .firstSteps__note,.firstSteps__number{translate:none}
  .firstSteps__next svg{transition:none}
}