.mp-head{padding:8px 0 36px;max-width:62ch}.mp-head .copy{max-width:none}.mp-head h1{max-width:none;font-size:48px;line-height:1.05;letter-spacing:-.03em;font-weight:800;text-wrap:balance;margin:0}.mp-head .copy p{margin:16px 0 0;font-size:19px;line-height:1.55;color:var(--ink2)}.mp{position:relative}.cl-r{display:none}.cl{--ease:cubic-bezier(.2,.7,.2,1);display:flex;background:var(--deep);color:var(--white);border-radius:22px;padding-top:30px}.cl-wp{--big:0;--small:0;--rh:124px;position:relative;flex:calc(1 + 2.6 * var(--big) - .5 * var(--small)) 1 0;min-width:0;display:flex;flex-direction:column;transition:flex-grow .45s var(--ease)}@media(min-width:900px){.cl .cl-wp{--small:1}:is(.cl:has(.cl-wp:hover) .cl-wp:hover,.cl:not(:has(.cl-wp:hover)):has(.cl-wp :focus-visible) .cl-wp:has(:focus-visible),.cl:not(:has(.cl-wp:hover,.cl-wp :focus-visible)) .cl-wp:first-child){--small:0;--big:1}}.cl-ridge{position:relative;display:block;height:var(--rh);flex:none}.cl-ground{position:absolute;inset:0;background:url(/assets/halftone.svg) left top/1200px auto,var(--navy);-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);mask-image:linear-gradient(180deg,#000 45%,transparent)}.cl-crest{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cl-crest polyline{fill:none;stroke:var(--pale);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cl-pin{position:absolute;left:50%;top:calc(var(--p) * var(--rh) / 100 - 35px);transform:translate(-50%);display:block;width:25px;height:34px;transform-origin:50% 100%;transition:transform .3s var(--ease)}.cl-pin path{fill:var(--pale)}.cl-pin circle{fill:var(--deep)}.cl-wp+.cl-wp:after{content:"";position:absolute;left:0;top:var(--rh);bottom:0;width:1px;background:#eadfdb21}.cl-wp h2{margin:0;padding:18px calc(18px - 10px * var(--small)) 0;text-align:center;font-size:calc(22px - 5px * var(--small));line-height:1.2;font-weight:800;letter-spacing:-.01em;color:var(--white);transition:font-size .45s var(--ease)}.cl-wp h2 label{cursor:inherit}.cl .copy{display:contents}.cl .cl-cap{margin:6px auto 0;padding:0 18px;font-size:15px;line-height:1.45;color:var(--pale);max-width:calc(26ch + 36px);text-align:center;opacity:calc(1 - var(--small));max-height:calc(4.4em * (1 - var(--small)));overflow:hidden;transition:opacity .25s ease-out,max-height .45s var(--ease)}:is(.cl:has(.cl-wp:hover) .cl-wp:hover,.cl:not(:has(.cl-wp:hover)):has(.cl-wp :focus-visible) .cl-wp:has(:focus-visible),.cl:not(:has(.cl-wp:hover,.cl-wp :focus-visible)) .cl-wp:first-child) .cl-cap{max-width:calc(48ch + 36px)}.cl-dots{list-style:none;margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;padding:16px calc(16px - 8px * var(--small)) 30px;color:var(--pale)}.cl-dots li{position:relative;margin:0}.cl-c{position:relative;display:flex;align-items:center;gap:10px;padding:6px;margin:0;border:0;background:none;color:inherit;font:inherit;text-decoration:none;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}button.cl-c{cursor:help}.cl-c:hover,.cl-c:focus{color:inherit}.cl-dot{flex:none;display:block;width:16px;height:16px;border-radius:50%;border:1.5px solid currentColor;box-sizing:border-box}.cl-c:focus-visible{outline:2px solid var(--pale);outline-offset:-1px}.cl-nm{display:none;font-size:14px;line-height:1.35;font-weight:500;text-align:left}@keyframes cl-in{0%{opacity:.25;transform:translateY(3px)}}.cl-card{display:none;position:absolute;z-index:20;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:min(300px,calc(100vw - 48px));padding:12px 14px 13px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:12px;text-align:left;font-size:14px;line-height:1.45;pointer-events:none}.cl-card b{display:block;font-size:15px;font-weight:800;line-height:1.3}.cl-card span{display:block;color:var(--ink)}.cl-c:hover .cl-card,.cl:not(:has(.cl-wp:hover)) .cl-c:focus-visible .cl-card{display:block}.cl-wp:first-child .cl-card{left:0;transform:none}.cl-wp:last-child .cl-card{left:auto;right:0;transform:none}@media(min-width:900px){:is(.cl:has(.cl-wp:hover) .cl-wp:hover,.cl:not(:has(.cl-wp:hover)):has(.cl-wp :focus-visible) .cl-wp:has(:focus-visible),.cl:not(:has(.cl-wp:hover,.cl-wp :focus-visible)) .cl-wp:first-child) .cl-dots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 14px;padding:18px 22px 30px}:is(.cl:has(.cl-wp:hover) .cl-wp:hover,.cl:not(:has(.cl-wp:hover)):has(.cl-wp :focus-visible) .cl-wp:has(:focus-visible),.cl:not(:has(.cl-wp:hover,.cl-wp :focus-visible)) .cl-wp:first-child) .cl-c{border-radius:8px;padding:5px 6px}:is(.cl:has(.cl-wp:hover) .cl-wp:hover,.cl:not(:has(.cl-wp:hover)):has(.cl-wp :focus-visible) .cl-wp:has(:focus-visible),.cl:not(:has(.cl-wp:hover,.cl-wp :focus-visible)) .cl-wp:first-child) .cl-nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;animation:cl-in .3s ease-out .15s both}a.cl-c:hover .cl-nm,.cl-c:focus-visible .cl-nm{text-decoration:underline;text-underline-offset:3px}:is(.cl:has(.cl-wp:hover) .cl-wp:hover,.cl:not(:has(.cl-wp:hover)):has(.cl-wp :focus-visible) .cl-wp:has(:focus-visible),.cl:not(:has(.cl-wp:hover,.cl-wp :focus-visible)) .cl-wp:first-child) .cl-card{bottom:auto;top:calc(100% + 6px);left:0;right:auto;transform:none}}.mp-foot{margin:20px 0 0;font-size:14px;line-height:1.5;color:var(--ink2)}.mp-foot a{color:var(--ink2);margin-right:10px}.mp-foot .mono{font-family:var(--mono)}@media(max-width:899px){.mp-head{padding:0 0 24px}.mp-head h1{font-size:34px}.mp-head .copy p{font-size:17px}.cl-r{display:block;position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.cl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:22px}.cl-wp{display:contents;--rh:88px}.cl-ridge{grid-row:1;grid-column:var(--c);cursor:pointer}.cl-wp+.cl-wp:after{content:none}.cl-pin{width:22px;height:30px;top:calc(var(--p) * var(--rh) / 100 - 31px)}.cl-wp h2{grid-row:2;grid-column:var(--c);padding:8px 2px 14px;font-size:12px;line-height:1.3;font-weight:700;color:#eadfdb9e}.cl-wp h2 label{cursor:pointer;display:block}.cl-cap,.cl-dots{display:none;grid-column:1 / -1}:is(#cl-r1:checked~.cl>.cl-wp:nth-child(1),#cl-r2:checked~.cl>.cl-wp:nth-child(2),#cl-r3:checked~.cl>.cl-wp:nth-child(3),#cl-r4:checked~.cl>.cl-wp:nth-child(4),#cl-r5:checked~.cl>.cl-wp:nth-child(5)){--on:1}:is(#cl-r1:checked~.cl>.cl-wp:nth-child(1),#cl-r2:checked~.cl>.cl-wp:nth-child(2),#cl-r3:checked~.cl>.cl-wp:nth-child(3),#cl-r4:checked~.cl>.cl-wp:nth-child(4),#cl-r5:checked~.cl>.cl-wp:nth-child(5)) .cl-pin{transform:translate(-50%) scale(1.3)}:is(#cl-r1:checked~.cl>.cl-wp:nth-child(1),#cl-r2:checked~.cl>.cl-wp:nth-child(2),#cl-r3:checked~.cl>.cl-wp:nth-child(3),#cl-r4:checked~.cl>.cl-wp:nth-child(4),#cl-r5:checked~.cl>.cl-wp:nth-child(5)) h2{color:var(--white)}:is(#cl-r1:checked~.cl>.cl-wp:nth-child(1),#cl-r2:checked~.cl>.cl-wp:nth-child(2),#cl-r3:checked~.cl>.cl-wp:nth-child(3),#cl-r4:checked~.cl>.cl-wp:nth-child(4),#cl-r5:checked~.cl>.cl-wp:nth-child(5)) .cl-cap{display:block;grid-row:3;margin:0;max-width:none;max-height:none;opacity:1;padding:20px 20px 0;text-align:left;border-top:1px solid rgba(234,223,219,.14)}.cl-cap:before{content:attr(data-name);display:block;margin-bottom:4px;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:var(--white)}:is(#cl-r1:checked~.cl>.cl-wp:nth-child(1),#cl-r2:checked~.cl>.cl-wp:nth-child(2),#cl-r3:checked~.cl>.cl-wp:nth-child(3),#cl-r4:checked~.cl>.cl-wp:nth-child(4),#cl-r5:checked~.cl>.cl-wp:nth-child(5)) .cl-dots{display:grid;grid-row:4;grid-template-columns:minmax(0,1fr);padding:12px 14px 20px}.cl-c{border-radius:8px;padding:6px}.cl-nm{display:block}.cl-card,.cl-wp:first-child .cl-card,.cl-wp:last-child .cl-card{bottom:auto;top:calc(100% + 4px);left:6px;right:auto;transform:none}#cl-r1:focus-visible~.cl>.cl-wp:nth-child(1) h2 label,#cl-r2:focus-visible~.cl>.cl-wp:nth-child(2) h2 label,#cl-r3:focus-visible~.cl>.cl-wp:nth-child(3) h2 label,#cl-r4:focus-visible~.cl>.cl-wp:nth-child(4) h2 label,#cl-r5:focus-visible~.cl>.cl-wp:nth-child(5) h2 label{outline:2px solid var(--pale);outline-offset:2px;border-radius:6px}}@media(prefers-reduced-motion:reduce){.cl-wp,.cl-pin,.cl-wp h2,.cl-cap{transition:none}.cl-nm{animation:none}}html:has(.mp){overflow-x:clip}.mp-rule{display:block;width:100vw;margin:112px calc(50% - 50vw) 104px;height:90px;overflow:hidden}.mp-rule.mp-swell{height:110px}.mp-rule .art{display:block;width:100%;height:100%;max-width:none}.mp-rule .art .e{transform-box:fill-box}.mp-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}.mp-split .copy{max-width:none}.mp-split .copy h2{font-size:44px;line-height:1.08;letter-spacing:-.025em;margin:0}.mp-split .copy p{font-size:18px;line-height:1.6}.mp-split-h{grid-column:1 / span 5}.mp-split-b{grid-column:7 / span 6;max-width:58ch}.mp-learn{padding-bottom:40px}.mp-learn>.copy{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}.mp-learn>.copy>h2{grid-column:1 / span 5;grid-row:1 / span 6}.mp-learn>.copy>:not(h2){grid-column:7 / span 6;max-width:58ch}.mp-learn>.todo{grid-column:1 / -1}.pj-trail{position:relative;margin-top:56px;padding:64px 40px 48px;background:var(--pale);border-radius:22px;--band:72px}.pj-trail:before{content:"";position:absolute;inset:0;border-radius:inherit;background:url(/assets/halftone.svg) center/1200px auto;opacity:.5;pointer-events:none;--fx:linear-gradient(90deg,#000,transparent var(--band),transparent calc(100% - var(--band)),#000);--fy:linear-gradient(180deg,#000,transparent var(--band),transparent calc(100% - var(--band)),#000);-webkit-mask-image:var(--fx),var(--fy);mask-image:var(--fx),var(--fy)}.pj-steps{--S:72px;--gap:24px;position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--gap);align-items:start}.pj-step{position:relative;margin-top:calc((4 - var(--i)) * var(--S));display:grid;gap:12px;align-content:start}.pj-step:not(:last-child):after{content:"";position:absolute;z-index:0;left:44px;right:calc(var(--gap) / -2);top:calc(22px - var(--S));height:var(--S);border-bottom:2px solid var(--rose);border-right:2px solid var(--rose);border-bottom-right-radius:12px}.pj-step:not(:first-child):before{content:"";position:absolute;z-index:0;left:calc(var(--gap) / -2);width:calc(var(--gap) / 2);top:21px;border-top:2px solid var(--rose)}.pj-wp{position:relative;z-index:1;margin:0 0 4px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.pj-name{background:var(--pale);padding:2px 8px 2px 4px;margin-left:-4px;border-radius:6px}.pj-tab{flex:none;width:44px;height:44px;border-radius:12px;background:var(--deep-rose);display:grid;place-items:center}.pj-tab svg{width:17px;height:23px;display:block}.pj-tab path{fill:var(--pale)}.pj-tab circle{fill:var(--deep-rose)}.pj-stop{position:relative;z-index:1;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px 18px 18px;display:block}.pj-stop summary{list-style:none;cursor:pointer;display:block;position:relative;padding-right:30px}.pj-stop summary::-webkit-details-marker{display:none}.pj-stop summary:focus-visible{outline:2px solid var(--navy);outline-offset:6px;border-radius:8px}.pj-t{display:block;font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0}.pj-one{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink2)}.pj-plus{position:absolute;top:0;right:0;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line);transition:transform .2s ease-out,background-color .15s ease-out,border-color .15s ease-out}.pj-plus:before,.pj-plus:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--navy);transform:translate(-50%,-50%)}.pj-plus:after{transform:translate(-50%,-50%) rotate(90deg)}.pj-stop summary:hover .pj-plus{border-color:var(--ink2)}.pj-stop[open] .pj-plus{transform:rotate(45deg);background:var(--stone)}.pj-more{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:15px;line-height:1.55;color:var(--ink)}.pj-others{position:relative;z-index:1;margin:28px 0 0 calc((100% - 96px)*.4 + 48px);background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 22px 20px}.pj-others-b p{margin:6px 0 10px;font-size:15px;line-height:1.5;color:var(--ink2)}.pj-others-b ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}.pj-others-b li{font-size:15px;line-height:1.5;color:var(--ink2);padding-left:16px;position:relative}.pj-others-b li:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--rose)}.pj-others-b strong{color:var(--ink);font-weight:800}@media(max-width:1099px)and (min-width:900px){.pj-trail{padding:56px 24px 40px}.pj-steps{--gap:16px;--S:60px}.pj-t{font-size:16px}}@keyframes mp-rise{0%{transform:translateY(100%)}}@keyframes mp-fade{0%{opacity:.2}}@keyframes mp-draw{0%{stroke-dashoffset:1}}@keyframes mp-step{0%{opacity:0;transform:translateY(18px)}}@media(prefers-reduced-motion:no-preference){.mp-rule .art .draw{stroke-dasharray:1}@supports (animation-timeline:view()){.mp-rule{view-timeline-name:--mp-grow}.mp-rule .e{animation-timeline:--mp-grow;animation-fill-mode:both;animation-timing-function:ease-out;animation-range-start:entry calc(var(--i) * 8%);animation-range-end:entry calc(var(--i) * 8% + 36%)}.mp-rule .draw{animation-name:mp-draw}.mp-rule .rise{animation-name:mp-rise}.mp-rule .fade{animation-name:mp-fade}.pj-trail{view-timeline-name:--pj}.pj-step,.pj-others{animation:mp-step linear both;animation-timeline:--pj;animation-range:entry calc(10% + var(--i) * 6%) entry calc(45% + var(--i) * 6%)}.pj-others{--i:5}}}@media(max-width:899px){.mp-rule{height:56px;margin-top:80px;margin-bottom:64px}.mp-rule.mp-swell{height:64px}.mp-split,.mp-learn>.copy{display:block}.mp-split .copy h2{font-size:32px;margin-bottom:16px}.mp-split .copy p{font-size:17px}.pj-trail{margin-top:32px;padding:28px 16px 24px;--band:40px}.pj-steps{display:block}.pj-step{margin:0;padding-left:56px;padding-bottom:28px;gap:10px}.pj-step:last-child{padding-bottom:0}.pj-wp{margin-left:-56px}.pj-step:not(:last-child):after{inset:44px auto 0 21px;height:auto;width:0;border-bottom:0;border-right:0;border-left:2px solid var(--rose);border-radius:0}.pj-step:not(:first-child):before{content:none}.pj-others{margin:24px 0 0 56px}.pj-others-b ul{grid-template-columns:minmax(0,1fr)}}
