.pm-steps{padding:clamp(100px,9vw,150px) 0}.pm-steps-row{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-gap:clamp(20px,2.4vw,32px);gap:clamp(20px,2.4vw,32px);margin-top:clamp(56px,6vw,90px);list-style:none}.pm-steps-line{position:absolute;left:28px;right:calc(100% / var(--n) - 28px);top:27px;height:2px;background:var(--pm-blue);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.6s var(--pm-e) .2s}.pm-steps-row.is-on .pm-steps-line{transform:scaleX(1)}.pm-steps-row>li{position:relative;display:flex;flex-direction:column;align-items:flex-start}.pm-steps-no{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;font-size:13px;color:var(--pm-ink);background:var(--pm-sky);scale:.6;opacity:0;transition:scale .6s var(--pm-e) calc(.3s + var(--i) * .35s),opacity .4s calc(.3s + var(--i) * .35s)}.pm-steps-row.is-on .pm-steps-no{scale:1;opacity:1}.pm-steps-drop{display:block;width:2px;height:calc(28px + var(--i) * 44px);margin-left:27px;background:var(--pm-blue);transform:scaleY(0);transform-origin:50% 0;transition:transform .8s var(--pm-e) calc(.6s + var(--i) * .35s)}.pm-steps-row.is-on .pm-steps-drop{transform:scaleY(1)}.pm-steps-card{display:grid;grid-gap:12px;gap:12px;width:100%;margin-top:10px;opacity:0;translate:0 26px;transition:opacity .8s ease calc(.8s + var(--i) * .35s),translate 1s var(--pm-e) calc(.8s + var(--i) * .35s)}.pm-steps-row.is-on .pm-steps-card{opacity:1;translate:0 0}.pm-steps-card h3{margin-top:10px;font-size:clamp(26px,2.3vw,36px);line-height:1.06;letter-spacing:-.04em}.pm-steps-card .pm-body{max-width:380px}.pm-steps-pic{position:relative;aspect-ratio:4/3;border-radius:26px;overflow:hidden;background:var(--pm-paper2)}.pm-steps-pic img{object-fit:cover;scale:1.1;transition:scale 2s var(--pm-e) calc(.8s + var(--i) * .35s)}.pm-steps-row.is-on .pm-steps-pic img{scale:1}.pm-steps-pic .pm-tag{position:absolute;left:16px;bottom:16px}@media (max-width:899px){.pm-steps-row{grid-template-columns:minmax(0,1fr);gap:0}.pm-steps-line{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto;transform:scaleY(0);transform-origin:50% 0}.pm-steps-row.is-on .pm-steps-line{transform:scaleY(1)}.pm-steps-row>li{padding:0 0 44px 76px}.pm-steps-no{position:absolute;left:0;top:0}.pm-steps-drop{display:none}.pm-steps-card{margin-top:0}}