.steps{list-style:none;margin:56px 0 0;padding:0}
.step{display:grid;grid-template-columns:104px minmax(0,1fr);gap:28px;align-items:start;position:relative;padding-bottom:64px}
.step:last-child{padding-bottom:0}
.step__num{width:84px;height:84px;margin:0 10px;border:3px solid var(--moss);border-radius:8px;background:var(--paper);font-family:'Courier Prime',monospace;font-weight:700;font-size:44px;line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--moss);transform:rotate(-4deg);position:relative;z-index:1}
.step__num small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;line-height:1.3}
.step:nth-child(even) .step__num{transform:rotate(3deg);color:var(--ink);border-color:var(--ink)}
.step .card{padding:116px 36px 52px;background-image:none}
.step .card::before{top:94px}
.step h2{position:absolute;top:24px;left:36px;right:230px;font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.12}
.step .card p{font-size:19px;line-height:34px;color:var(--ink-soft);max-width:36em}
.step .stamp{position:absolute;top:24px;right:26px;transform:rotate(3deg)}
.step .card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:36px;align-items:start}
.step:nth-child(even) .card p{order:2}
.pic{margin:0}
.pic__svg{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 0 0 1px var(--card-hairline),0 18px 30px -20px rgba(50,30,5,.55)}
.pic figcaption{font-family:'Courier Prime',monospace;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-top:10px}
@media (max-width:960px){.step .card{grid-template-columns:minmax(0,1fr);gap:24px}.step:nth-child(even) .card p{order:0}}
.sec--deck{padding-top:96px}
.deck__bar{display:none}
.deck.is-js{position:relative}
.deck.is-js .deck__pin{position:sticky;top:104px}
.deck.is-js .deck__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.deck__live{margin:0;font-family:'Courier Prime',monospace;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.deck__marks{display:flex;gap:6px}
.deck__marks i{display:block;width:34px;height:5px;border-radius:3px;background:var(--ruled-line);transition:background-color .2s ease-out}
.deck__marks i.is-on{background:var(--moss)}
.deck.is-js .steps{display:grid;perspective:2200px;margin:0;padding-bottom:44px}
.deck.is-js .step{grid-area:1/1;min-width:0;padding-bottom:0;align-items:stretch;transform-origin:0 50%;backface-visibility:hidden;will-change:transform,opacity;z-index:var(--z,1);opacity:var(--o,1);transform:translate(var(--x,0),var(--y,0)) rotate(var(--r,0deg)) rotateY(var(--ry,0deg))}
.deck.is-js .step__num{align-self:start}
.deck.is-js .step__num,.deck.is-js .step .card>*{opacity:var(--c,1)}
.deck.is-js .step .card{background-color:var(--paper)}
@media (max-width:640px){
.deck__marks i{width:22px}
.deck.is-js .steps{padding-bottom:32px}
.deck.is-js .step{grid-template-columns:minmax(0,1fr);gap:0}
.deck.is-js .step__num{position:absolute;top:-14px;left:-4px;width:46px;height:46px;font-size:22px;z-index:2}
.deck.is-js .step__num small{display:none}
.deck.is-js .step .card{padding:74px 18px 22px;gap:14px}
.deck.is-js .step .card::before{top:64px}
.deck.is-js .step h2{top:16px;left:60px;right:18px;font-size:1.25rem}
.deck.is-js .step .stamp{display:none}
.deck.is-js .step .card p{font-size:15px;line-height:24px}
.deck.is-js .pic{display:flex;flex-direction:column;align-items:center}
.deck.is-js .pic__svg{width:auto;max-width:100%;max-height:150px}
.deck.is-js .pic figcaption{margin-top:6px;font-size:12px}
}
.easier{background:var(--leaf)}
.easier .punch{white-space:normal;font-size:clamp(1.3rem,2vw,1.7rem);margin:30px 0 8px;max-width:20em}
@media (max-width:960px){.step h2{right:36px}.step .stamp{position:static;margin-bottom:14px;transform:rotate(-2deg)}}
@media (max-width:640px){.steps{margin-top:40px}.step{grid-template-columns:64px minmax(0,1fr);gap:10px;padding-bottom:44px}.step__num{width:58px;height:58px;margin:0;font-size:26px;border-width:2.5px}.step__num small{font-size:11px}.step .card{padding:116px 20px 48px}.step h2{left:20px;right:20px}}
.top .stamp{position:static}