.pp{--pp-progress:1;--pp-disc-bg:var(--color-surface);grid-template-rows:auto 120px auto;grid-template-columns:repeat(4,1fr);column-gap:18px;display:grid}.pp__pipe{grid-area:2/1/auto/5;width:100%;height:100%}.pp__ln{stroke:var(--color-navy-600);fill:none;stroke-linecap:round;stroke-linejoin:round}.pp__ms{font-family:var(--font-mono);letter-spacing:.12em;fill:var(--color-navy-600);opacity:.55;font-size:7px}.pp__fill{stroke:#5a7ca6;fill:none;stroke-linecap:round;stroke-dasharray:596;stroke-dashoffset:calc(596 - 596 * var(--pp-progress))}.pp__disc{fill:var(--pp-disc-bg);stroke:var(--color-navy-600)}.pp__num{font-family:var(--font-mono);letter-spacing:.06em;fill:var(--color-navy-600);font-size:10px;font-weight:500}.pp:not(.pp--js) .pp__disc,.pp--s1 .pp__g--1 .pp__disc,.pp--s2 .pp__g--2 .pp__disc,.pp--s3 .pp__g--3 .pp__disc,.pp--s4 .pp__g--4 .pp__disc{stroke:var(--accent)}.pp:not(.pp--js) .pp__num,.pp--s1 .pp__g--1 .pp__num,.pp--s2 .pp__g--2 .pp__num,.pp--s3 .pp__g--3 .pp__num,.pp--s4 .pp__g--4 .pp__num{fill:var(--accent)}.pp:not(.pp--js) .pp__rad .pp__ln,.pp--hot .pp__rad .pp__ln{stroke:var(--accent)}.pp--js .pp__step{opacity:.4}.pp--js.pp--s1 .pp__step--1,.pp--js.pp--s2 .pp__step--2,.pp--js.pp--s3 .pp__step--3,.pp--js.pp--s4 .pp__step--4{opacity:1}@media (prefers-reduced-motion:no-preference){.pp__step{transition:opacity .3s var(--ease-out)}.pp__disc,.pp__rad .pp__ln{transition:stroke .3s var(--ease-out)}.pp__num{transition:fill .3s var(--ease-out)}}.pp__step--1{grid-area:1/1;align-self:end;padding-bottom:10px}.pp__step--2{grid-area:3/2;padding-top:10px}.pp__step--3{grid-area:1/3;align-self:end;padding-bottom:10px}.pp__step--4{grid-area:3/4;padding-top:10px}.pp__step-num{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:8px;font-size:10px;font-weight:500;display:block}.pp__step-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--fg-1);margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.3}.pp__step-time{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:9.5px;font-weight:500;display:block}.pp__step-body{color:var(--fg-2);margin:0;font-size:14px;line-height:1.55}@media (max-width:760px){.pp{padding-left:52px;display:block;position:relative}.pp__pipe{display:none}.pp:before{content:"";border-left:2px solid var(--color-navy-600);border-right:2px solid var(--color-navy-600);width:8px;position:absolute;top:4px;bottom:4px;left:16px}.pp:after{content:"";width:4px;height:calc(var(--pp-progress) * (100% - 8px));background:#5a7ca6;border-radius:2px;position:absolute;top:4px;left:19px}.pp__step{padding-bottom:26px;position:relative}.pp__step:last-child{padding-bottom:0}.pp__step:before{content:"";background:var(--pp-disc-bg);border:1.5px solid var(--color-navy-600);z-index:1;border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:-40px}.pp:not(.pp--js) .pp__step:before,.pp--s1 .pp__step--1:before,.pp--s2 .pp__step--2:before,.pp--s3 .pp__step--3:before,.pp--s4 .pp__step--4:before{border-color:var(--accent)}@media (prefers-reduced-motion:no-preference){.pp__step:before{transition:border-color .3s var(--ease-out)}}}