@layer components{.step-hold{--travel:105svh;--stage-h:100svh;height:calc(var(--stage-h) + var(--travel));position:relative}.step-hold[data-pin=off]{height:auto}.step-hold[data-pin=off] .step-hold__stage{height:auto;padding-block:var(--section-y);position:static;overflow:visible}.step-hold[data-pin=off] .step-hold__steps{display:block}.step-hold[data-pin=off] .step-hold__step{opacity:1;transform:none}.step-hold[data-pin=off] .step-hold__step+.step-hold__step{margin-top:clamp(3rem,9vw,5rem)}.step-hold__stage{height:var(--stage-h);padding:calc(var(--nav-h) + clamp(1rem, 3svh, 2rem)) 0 clamp(2rem, 6svh, 4rem);flex-direction:column;justify-content:center;display:flex;position:sticky;top:0;overflow:hidden}.step-hold__steps{margin-top:clamp(2.5rem,6svh,4.5rem);display:grid}.step-hold__step{--d:calc(var(--s,0) - var(--n));opacity:clamp(0, min(calc(1 - 2 * var(--d)), calc(1 + 2 * var(--d))), 1);transform:translateY(calc(var(--d) * -2rem));grid-area:1/1}.step-hold__footer{margin-top:clamp(1.5rem,4svh,3rem)}@media (min-width:992px) and (max-height:920px){.step-hold__stage{padding-top:calc(var(--nav-h) + clamp(.5rem, 1.5svh, 1.25rem))}.step-hold__steps,.step-hold__step ol{margin-top:clamp(1.25rem,3svh,2.25rem)}.step-hold__step img{object-fit:contain;max-height:12svh}.step-hold__footer{margin-top:clamp(1rem,2.5svh,1.75rem)}}@media (max-width:991px){.step-hold{height:auto}.step-hold__stage{height:auto;padding-block:var(--section-y);position:static;overflow:visible}.step-hold__steps{margin-top:clamp(2.5rem,6vw,4rem);display:block}.step-hold__step{opacity:1;transform:none}.step-hold__step+.step-hold__step{margin-top:clamp(3rem,9vw,5rem)}}@media (prefers-reduced-motion:reduce){.step-hold{height:auto}.step-hold__stage{height:auto;padding-block:var(--section-y);position:static;overflow:visible}.step-hold__steps{display:block}.step-hold__step{opacity:1;transform:none}.step-hold__step+.step-hold__step{margin-top:clamp(3rem,9vw,5rem)}}}
@layer components{.stairs{--step:clamp(2rem, 7vw, 8rem);--drop:clamp(1.25rem, 2vw, 1.5rem);margin-top:clamp(2.5rem,5vw,3.75rem)}.stairs__steps{margin:0;padding:0;list-style:none;overflow-x:clip}.stairs__step{width:calc(100% - 2 * var(--step));margin:0;position:relative}.stairs__step+.stairs__step{margin-top:var(--drop)}.stairs__step{transform:translateX(calc(100% + 2 * var(--step) + 1rem));transition:transform .95s var(--ease-out-brand)}.stairs__steps.is-in .stairs__step{transform:none}.stairs__steps.is-in .stairs__step:nth-child(2){transition-delay:.26s}.stairs__steps.is-in .stairs__step:nth-child(3){transition-delay:.52s}@media (prefers-reduced-motion:reduce){.stairs__step{transition:none;transform:none}}.stairs__step:nth-child(2){margin-left:var(--step)}.stairs__step:nth-child(3){margin-left:calc(var(--step) * 2)}.stairs__step:not(:last-child):after{content:"";width:var(--step);height:var(--drop);border-left:2px solid var(--color-sage);border-bottom:2px solid var(--color-sage);position:absolute;top:100%;left:100%}.stairs__panel{background:var(--color-white);border:1px solid var(--color-rule);color:inherit;transition:border-color .35s var(--ease-brand), box-shadow .35s var(--ease-brand);padding:clamp(1.5rem,2.2vw,1.75rem) clamp(1.75rem,3.4vw,3rem);text-decoration:none;display:block;position:relative}.stairs__panel:hover{box-shadow:var(--shadow-md);color:inherit;border-color:#28464b4d}.stairs__num{letter-spacing:-.05em;color:var(--color-sage-soft);pointer-events:none;font-size:clamp(3.5rem,7vw,6rem);font-weight:500;line-height:1;position:absolute;top:clamp(.1rem,.6vw,.4rem);right:clamp(1rem,2vw,1.75rem)}.stairs__title{font-size:var(--text-h3);color:var(--color-primary);margin:0 0 .4rem;font-weight:500;line-height:1.3;position:relative}.stairs__body{font-size:var(--text-body);color:var(--color-text-muted);margin:0;line-height:1.7;position:relative}.section--dark .stairs__title{color:var(--color-primary)}.section--dark .stairs__body{color:var(--color-text-muted)}.section--dark .stairs__step:not(:last-child):after{border-color:var(--color-primary-soft)}@media (max-width:767px){.stairs{--step:0px}.stairs__step{width:100%}.stairs__step:not(:last-child):after{width:0;left:clamp(1.75rem,8vw,2.5rem)}}}