.shown .steps-list .step{position:relative;border-top-color:transparent}.shown .steps-list .step:before{content:"";position:absolute;left:0;right:0;top:-1.5px;height:1.5px;background:var(--ink);transform-origin:left center}.step-stop{position:relative;display:inline-block;width:11px;height:11px;margin-right:8px;border:1.5px solid var(--ink);border-radius:50%;vertical-align:-1px}.step-stop i{position:absolute;inset:-1.5px;border-radius:50%;background:var(--ink)}.loop-dial{display:none}@media(min-width:1100px){.loop-wrap{display:grid;grid-template-columns:minmax(0,1fr) 150px;column-gap:48px}.loop-dial{display:block;position:sticky;top:calc(50vh - 100px);align-self:start;margin-top:160px}}.dial-ring{position:relative;width:150px;height:150px}.dial-ring svg{display:block;width:100%;height:100%;overflow:visible}.shown .dial-links{margin:0;padding:0;list-style:none}.dial-links li{position:absolute;left:var(--x);top:var(--y);width:24px;height:24px;transform:translate(-50%,-50%)}.dial-links a{display:block;width:100%;height:100%;border-radius:50%}.dial-names{display:none}.dial-track{fill:none;stroke:var(--line-2);stroke-width:1}.dial-seg{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ds-ring{fill:#fff;stroke:var(--ink);stroke-width:1.5}.ds-fill{fill:var(--ink);transform-box:fill-box;transform-origin:center}.ds-now{fill:none;stroke:var(--mark);stroke-width:3.5;opacity:0}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.loop-wrap{timeline-scope:--s1,--s2,--s3,--s4,--s5,--s6,--s7}.loop-wrap .steps-list>li:nth-child(1){view-timeline:--s1 block}.loop-wrap .steps-list>li:nth-child(1):before{animation-timeline:--s1}.loop-wrap .steps-list>li:nth-child(1) .step-stop i{animation-timeline:--s1}.dial-stop:nth-of-type(1) .ds-fill,.dial-stop:nth-of-type(1) .ds-now,.dial-seg:nth-of-type(1),.dial-names span:nth-child(1){animation-timeline:--s1}.loop-wrap .steps-list>li:nth-child(2){view-timeline:--s2 block}.loop-wrap .steps-list>li:nth-child(2):before{animation-timeline:--s2}.loop-wrap .steps-list>li:nth-child(2) .step-stop i{animation-timeline:--s2}.dial-stop:nth-of-type(2) .ds-fill,.dial-stop:nth-of-type(2) .ds-now,.dial-seg:nth-of-type(2),.dial-names span:nth-child(2){animation-timeline:--s2}.loop-wrap .steps-list>li:nth-child(3){view-timeline:--s3 block}.loop-wrap .steps-list>li:nth-child(3):before{animation-timeline:--s3}.loop-wrap .steps-list>li:nth-child(3) .step-stop i{animation-timeline:--s3}.dial-stop:nth-of-type(3) .ds-fill,.dial-stop:nth-of-type(3) .ds-now,.dial-seg:nth-of-type(3),.dial-names span:nth-child(3){animation-timeline:--s3}.loop-wrap .steps-list>li:nth-child(4){view-timeline:--s4 block}.loop-wrap .steps-list>li:nth-child(4):before{animation-timeline:--s4}.loop-wrap .steps-list>li:nth-child(4) .step-stop i{animation-timeline:--s4}.dial-stop:nth-of-type(4) .ds-fill,.dial-stop:nth-of-type(4) .ds-now,.dial-seg:nth-of-type(4),.dial-names span:nth-child(4){animation-timeline:--s4}.loop-wrap .steps-list>li:nth-child(5){view-timeline:--s5 block}.loop-wrap .steps-list>li:nth-child(5):before{animation-timeline:--s5}.loop-wrap .steps-list>li:nth-child(5) .step-stop i{animation-timeline:--s5}.dial-stop:nth-of-type(5) .ds-fill,.dial-stop:nth-of-type(5) .ds-now,.dial-seg:nth-of-type(5),.dial-names span:nth-child(5){animation-timeline:--s5}.loop-wrap .steps-list>li:nth-child(6){view-timeline:--s6 block}.loop-wrap .steps-list>li:nth-child(6):before{animation-timeline:--s6}.loop-wrap .steps-list>li:nth-child(6) .step-stop i{animation-timeline:--s6}.dial-stop:nth-of-type(6) .ds-fill,.dial-stop:nth-of-type(6) .ds-now,.dial-seg:nth-of-type(6),.dial-names span:nth-child(6){animation-timeline:--s6}.loop-wrap .steps-list>li:nth-child(7){view-timeline:--s7 block}.loop-wrap .steps-list>li:nth-child(7):before{animation-timeline:--s7}.loop-wrap .steps-list>li:nth-child(7) .step-stop i{animation-timeline:--s7}.dial-stop:nth-of-type(7) .ds-fill,.dial-stop:nth-of-type(7) .ds-now,.dial-seg:nth-of-type(7),.dial-names span:nth-child(7){animation-timeline:--s7}.dial-arrow{animation-timeline:--s7}.loop-wrap .steps-list>li:before{animation-name:loop-grow-x;animation-timing-function:var(--ease-out);animation-fill-mode:both;animation-range:cover 0% cover 12%}.loop-wrap .step-stop i{animation-name:loop-fill;animation-timing-function:var(--ease-land);animation-fill-mode:both;animation-range:cover 10% cover 18%}.dial-names{display:grid;margin-top:14px;text-align:center;font-size:14px;line-height:18px;font-weight:750}.dial-names span{grid-area:1 / 1;opacity:0}.dial-stop:not(:first-of-type) .ds-fill{animation-name:loop-fill;animation-timing-function:var(--ease-land);animation-fill-mode:both;animation-range:cover 50vh cover 60vh}.dial-seg{animation-name:loop-appear;animation-timing-function:linear;animation-fill-mode:both;animation-range:cover calc(100% - 50vh) cover calc(100% - 40vh)}.dial-stop .ds-now,.dial-names span{animation-name:loop-held;animation-timing-function:linear;animation-fill-mode:none;animation-range:cover 60vh cover calc(100% - 40vh)}.dial-stop:first-of-type .ds-now,.dial-names span:first-child{animation-fill-mode:backwards}}}@keyframes loop-grow-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes loop-fill{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes loop-held{0%,to{opacity:1}}@keyframes loop-appear{0%{opacity:0}to{opacity:1}}.stepindex{padding-bottom:28px}.stepindex ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:si}.stepindex li{counter-increment:si}.stepindex li a{display:block;box-sizing:border-box;height:100%;min-height:44px;padding:12px 14px 14px;border-radius:14px;background:var(--field);color:var(--ink);text-decoration:none}.stepindex li a:before{content:counter(si);display:inline-grid;place-items:center;width:24px;height:24px;margin-bottom:8px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:800}.stepindex li a:hover b{text-decoration:underline}.stepindex b{display:block;font-size:15px;line-height:19px;font-weight:750}.stepindex li span{display:block;margin-top:4px;font-size:14px;line-height:20px;color:var(--ink-2)}.stepindex .staff-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:15.5px;font-weight:650}.steps-list .step{align-items:start}.steps-list .step-cap:after{content:" " counter(step)}.steps-list .step{grid-template-columns:minmax(0,1fr) auto}.steps-list .step.flip{grid-template-columns:auto minmax(0,1fr)}.steps-list .step:not(:has(>figure.screen)){grid-template-columns:minmax(0,1fr)}.steps-list .step:not(:has(>figure.screen)) .step-text{order:0}.steps-list .step .screen figcaption{max-width:304px}.shown .second figure.board-figure{margin-top:48px}@media(max-width:760px){.stepindex ol{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-list .step,.steps-list .step.flip{grid-template-columns:minmax(0,1fr)}.shown .second figure.board-figure{margin-top:28px}}.howhead{display:grid;grid-template-columns:minmax(0,1fr) 200px;column-gap:56px;align-items:end;max-width:none}.howhead>div{max-width:880px}.howhead figure.mdraw.head{margin-top:0}@media(max-width:760px){.howhead{display:block}.howhead figure.mdraw.head{display:none}}