.sticky-steps{background-color:var(--color--page-bg);min-height:100vh;position:relative;overflow:clip}.sticky-steps__container{max-width:74rem;margin-inline:auto;padding-inline:1.5rem}.sticky-steps__collection{min-height:100vh;display:flex;position:relative}.sticky-steps__list{flex-direction:column;flex:1;gap:30vh;padding-top:calc(50vh - 7.5rem);padding-bottom:calc(50vh - 7.5rem);display:flex}.sticky-steps__text{opacity:1;flex-direction:column;align-items:flex-start;gap:2rem;width:50%;padding-right:6rem;display:flex}.sticky-steps__eyebrow,.sticky-steps__headline{margin:0}.sticky-steps__body{color:var(--color--text-secondary);margin:0}.sticky-steps__cta{margin-top:.5rem}.sticky-steps__media{pointer-events:none;width:50%;height:100%;padding-left:3rem;position:absolute;top:0;right:0}.sticky-steps__media>*{pointer-events:auto}.sticky-steps__sticky{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:sticky;top:0}.sticky-steps__visual{aspect-ratio:4/3;border-radius:var(--radius--lg);border:1px solid var(--color--border-default);background-color:var(--color--surface-raised);opacity:0;visibility:hidden;width:100%;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;position:relative;overflow:hidden}[data-sticky-steps-status=active] .sticky-steps__visual,[data-sticky-steps-status=before] .sticky-steps__visual{opacity:1;visibility:visible}.sticky-steps__image{object-fit:cover}.sticky-steps__placeholder{background-color:var(--color--surface-sunken);position:absolute;inset:0}.sticky-steps__item:nth-child(5n+1) .sticky-steps__placeholder{background-color:color-mix(in srgb, var(--swatch--purple-500) 14%, var(--color--surface-raised))}.sticky-steps__item:nth-child(5n+2) .sticky-steps__placeholder{background-color:color-mix(in srgb, var(--swatch--blue-500) 14%, var(--color--surface-raised))}.sticky-steps__item:nth-child(5n+3) .sticky-steps__placeholder{background-color:color-mix(in srgb, var(--swatch--green-500) 14%, var(--color--surface-raised))}.sticky-steps__item:nth-child(5n+4) .sticky-steps__placeholder{background-color:color-mix(in srgb, var(--swatch--orange-500) 14%, var(--color--surface-raised))}.sticky-steps__item:nth-child(5n+5) .sticky-steps__placeholder{background-color:color-mix(in srgb, var(--swatch--yellow-500) 18%, var(--color--surface-raised))}@media (max-width:991px){.sticky-steps,.sticky-steps__collection{min-height:auto}.sticky-steps__list{gap:5rem;padding-top:4rem;padding-bottom:4rem}.sticky-steps__item{flex-direction:column;gap:2rem;display:flex}.sticky-steps__text,[data-sticky-steps-status=before] .sticky-steps__text,[data-sticky-steps-status=after] .sticky-steps__text{opacity:1;width:100%;padding-right:0;transition:none}.sticky-steps__visual,[data-sticky-steps-status=before] .sticky-steps__visual,[data-sticky-steps-status=after] .sticky-steps__visual{opacity:1;visibility:visible;transition:none}.sticky-steps__media{width:100%;height:auto;padding-left:0;position:relative}.sticky-steps__sticky{min-height:auto;position:static}.sticky-steps__visual{aspect-ratio:16/10}}@media (prefers-reduced-motion:reduce){.sticky-steps__text,.sticky-steps__visual{transition:none}}