.step-reel.step-reel--light{background:#fff}.step-reel.step-reel--dark{background:#141517}.step-reel .step-reel__stage{flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.step-reel .step-reel__caption{width:100%}.step-reel .step-reel__pin{display:contents}@media (width<64rem){.step-reel .step-reel__layout{display:grid}.step-reel .step-reel__stage{top:var(--nav-height);height:calc(100svh - var(--nav-height));z-index:0;grid-area:1/1;justify-content:flex-start;gap:1rem;padding-top:clamp(.5rem,2svh,1.25rem);position:sticky}.step-reel .step-reel__panels{z-index:1;pointer-events:none;grid-area:1/1}.step-reel .step-reel__panels a,.step-reel .step-reel__panels button{pointer-events:auto}.step-reel .step-reel__panel{align-items:flex-end;min-height:100svh;padding-bottom:5.5rem;display:flex}.step-reel .step-reel__panels .step-reel__caption{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:1rem;padding:1rem 1.25rem;display:block}.step-reel.step-reel--light .step-reel__panels .step-reel__caption{background:#ffffffd1}.step-reel.step-reel--dark .step-reel__panels .step-reel__caption{background:#141517d1}.step-reel .step-reel__panels .step-reel__caption h2{font-size:var(--text-2xl)}}@media (width>=64rem){.step-reel .step-reel__layout{gap:4rem;display:grid}.step-reel.step-reel--light .step-reel__layout{grid-template-columns:minmax(12.5rem,.6fr) minmax(0,1fr)}.step-reel.step-reel--dark .step-reel__layout{grid-template-columns:minmax(0,22.5rem) minmax(0,1fr)}.step-reel .step-reel__panels{grid-area:1/1}.step-reel .step-reel__stage{grid-area:1/2;gap:1.5rem;height:100svh;position:sticky;top:0}.step-reel .step-reel__panel{align-items:center;min-height:100svh;display:flex}.step-reel .step-reel__caption{transition:opacity .2s}.step-reel .step-reel__caption[aria-hidden=true]{opacity:.2}}