.spn[data-v-45ce5c71]{position:relative}.spn__pin[data-v-45ce5c71]{height:100svh;overflow:hidden;position:sticky;top:0}.spn__layout[data-v-45ce5c71]{align-content:center;display:grid;gap:clamp(1.5rem,4vw,3rem);height:100%;padding-top:4rem}@media(min-width:960px){.spn__layout[data-v-45ce5c71]{align-items:center;gap:clamp(3rem,6vw,6rem);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.spn--reverse .spn__layout[data-v-45ce5c71]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.spn--reverse .spn__copy[data-v-45ce5c71]{order:2}}.spn__title[data-v-45ce5c71]{font-size:clamp(2.125rem,1rem + 2.5vw,3.75rem);line-height:1}.spn__muted[data-v-45ce5c71]{color:var(--text-tertiary)}.spn__lead[data-v-45ce5c71]{font-size:clamp(1rem,.95rem + .25vw,1.1875rem);margin-top:1.25rem;max-width:26rem}.spn__steps[data-v-45ce5c71]{border-top:1px solid var(--v-rule);display:grid;list-style:none;margin:clamp(1.75rem,4svh,3rem) 0 0;padding:0}.spn__step[data-v-45ce5c71]{border-bottom:1px solid var(--v-rule)}.spn__step-name[data-v-45ce5c71]{align-items:baseline;background:none;border:0;color:var(--text-tertiary);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:1.125rem;font-weight:500;gap:.9rem;letter-spacing:-.02em;padding:.7rem 0;text-align:left;transition:color .35s var(--v-ease);width:100%}.spn__step-n[data-v-45ce5c71]{font-family:var(--font-mono);font-size:.6875rem;font-weight:400;letter-spacing:0}.spn__step.is-done .spn__step-name[data-v-45ce5c71]{color:var(--text-secondary)}.spn__step-name[data-v-45ce5c71]:hover,.spn__step.is-active .spn__step-name[data-v-45ce5c71]{color:var(--text-primary)}.spn__step-body[data-v-45ce5c71]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--v-ease)}.spn__step.is-active .spn__step-body[data-v-45ce5c71]{grid-template-rows:1fr}.spn__step-text[data-v-45ce5c71]{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0;min-height:0;opacity:0;overflow:hidden;padding-left:2.15rem;transition:opacity .4s var(--v-ease),padding .5s var(--v-ease)}.spn__step.is-active .spn__step-text[data-v-45ce5c71]{opacity:1;padding-bottom:.85rem}@media(max-width:959px){.spn__lead[data-v-45ce5c71]{display:none}.spn__steps[data-v-45ce5c71]{margin-top:1.25rem}.spn__step-name[data-v-45ce5c71]{font-size:1rem;padding:.45rem 0}}.spn__stage[data-v-45ce5c71]{justify-self:end;max-width:44rem;position:relative;width:100%}.spn--reverse .spn__stage[data-v-45ce5c71]{justify-self:start}@media(max-width:959px){.spn__stage[data-v-45ce5c71]{justify-self:center;max-height:46svh}}