.scrollingSteps__textLockUp .textLockUp__subhead{text-wrap:pretty}.scrollingSteps__scene{height:200vh;position:relative}@media(min-width: 60em){.scrollingSteps__scene{height:250vh}}@media(min-width: 90em){.scrollingSteps__scene{height:300vh}}.scrollingSteps__pinned{background-color:var(--color-bg);border:1px solid var(--color-divider);color:var(--color-text);display:flex;flex-direction:column;height:80vh;overflow:hidden;position:sticky;top:calc(var(--nav-height) + (100dvh - var(--nav-height) - 80vh)/2)}@media(min-width: 60em){.scrollingSteps__pinned{flex-direction:row}}.scrollingSteps__visual{flex:1 1 56%;overflow:hidden;position:relative}@media(min-width: 60em){.scrollingSteps__visual{flex-basis:64%;padding:var(--space-10)}}.scrollingSteps__visual::before,.scrollingSteps__visual::after{--grid-cell: 3.5rem;background-position:center;content:"";inset:0;mask-position:center;opacity:.4;pointer-events:none;position:absolute}.scrollingSteps__visual::before{background-image:repeating-linear-gradient(to right, var(--color-divider) 0 0.3125rem, transparent 0.3125rem 0.5625rem);mask-image:repeating-linear-gradient(to bottom, #000 0 1px, transparent 1px var(--grid-cell))}.scrollingSteps__visual::after{background-image:repeating-linear-gradient(to bottom, var(--color-divider) 0 0.3125rem, transparent 0.3125rem 0.5625rem);mask-image:repeating-linear-gradient(to right, #000 0 1px, transparent 1px var(--grid-cell))}.scrollingSteps__figures{block-size:100%;inline-size:100%;position:relative;z-index:1}.scrollingSteps__figure{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--trs-time) var(--trs-tfunc)}.scrollingSteps__figure.is-active{opacity:1}.scrollingSteps__figure img{max-height:82%;max-width:82%;object-fit:contain}.scrollingSteps__panel{border-block-start:1px solid var(--color-divider);flex:1 1 44%;position:relative}@media(min-width: 60em){.scrollingSteps__panel{border-block-start:0;border-inline-start:1px solid var(--color-divider);flex-basis:36%}}.scrollingSteps__list{block-size:100%;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.scrollingSteps__step{position:relative}@media(min-width: 60em){.scrollingSteps__step{cursor:pointer;flex:1}}.scrollingSteps__step:focus-visible{outline:.125rem solid var(--color-text-link);outline-offset:calc(-1*0.125rem)}.scrollingSteps__stepDescription{color:var(--color-text-soft);margin-block-start:var(--space-3);text-wrap:pretty}@media(min-width: 60em){.scrollingSteps__step{padding:var(--space-8)}.scrollingSteps__stepContent{opacity:.4;transition:opacity var(--trs-time) var(--trs-tfunc)}.scrollingSteps__step.is-active .scrollingSteps__stepContent{opacity:1}}@media(min-width: 60em)and (hover: hover){.scrollingSteps__step:not(.is-active):hover .scrollingSteps__stepContent{opacity:.7}}@media(min-width: 60em){.scrollingSteps__step+.scrollingSteps__step{border-block-start:1px solid var(--color-divider)}}@media(min-width: 80em){.scrollingSteps__step{padding:var(--space-10)}}@media(max-width: 59.9375em){.scrollingSteps__step{inset:0;opacity:0;padding:var(--space-6);pointer-events:none;position:absolute;transition:opacity var(--trs-time) var(--trs-tfunc)}.scrollingSteps__step.is-active{opacity:1}}.scrollingSteps__dots{display:none}@media(max-width: 59.9375em){.scrollingSteps__dots{display:flex;gap:var(--space-2);inset-block-end:0;inset-inline:0;justify-content:center;padding:var(--space-6);position:absolute}}.scrollingSteps__dot{appearance:none;background-color:color-mix(in srgb, var(--color-paper) 20%, transparent);block-size:.5rem;border:0;border-radius:var(--bdrs-full);cursor:pointer;inline-size:.5rem;padding:0;transition:background-color var(--trs-time) var(--trs-tfunc)}.scrollingSteps__dot.is-active{background-color:var(--color-redline)}.scrollingSteps__dot:focus-visible{outline:.125rem solid var(--color-redline);outline-offset:.125rem}.scrollingSteps.is-static .scrollingSteps__scene{height:auto}.scrollingSteps.is-static .scrollingSteps__pinned{display:block;height:auto;overflow:visible;position:static}.scrollingSteps.is-static .scrollingSteps__dots{display:none}.scrollingSteps.is-static .scrollingSteps__figure,.scrollingSteps.is-static .scrollingSteps__step{opacity:1;position:static}.scrollingSteps.is-static .scrollingSteps__stepContent,.scrollingSteps.is-static .scrollingSteps__stepDescription{opacity:1}

/*# sourceMappingURL=scrollingSteps.css.map */