.steps-wrapper{display:flex;gap:var(--spacing-12x);justify-content:space-between;@media (max-width:1050px){flex-direction:column-reverse}}.steps{display:flex;flex:1 1 625px;flex-direction:column;gap:var(--spacing-8x);@media (max-width:1050px){flex:none}}.step{background:var(--white);border:1px solid var(--border-dark);border-radius:var(--radius-md);display:flex;gap:var(--spacing-8x);padding:var(--spacing-8x) var(--spacing-20x)var(--spacing-10x) var(--spacing-8x);transition:var(--transition);&[data-state=active]{background:var(--background-blue)}@media (max-width:1050px){flex-direction:column}}.step__num{color:var(--blue-base);flex:0;font-family:var(--heading-font);font-size:3.3333rem;font-weight:700;line-height:1}.step__body{flex:1}.step__title{margin-bottom:var(--spacing-3x)}.step__description{color:var(--text-light)}.step-image-wrapper{flex:1 1 607px;min-height:0;position:relative;@media (max-width:1050px){display:none}}.step-image-wrapper-inner{aspect-ratio:4/3;display:grid;height:auto;position:sticky;top:30%;width:100%}.step-image{border-radius:var(--radius-md);grid-area:1/1;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:100%;&:not(&.step-image--mobile){filter:brightness(.85);opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1);&[data-state=active]{filter:brightness(1);opacity:1}}&.step-image--mobile{display:none;margin-top:var(--spacing-8x)}@media (max-width:1050px){display:none;&.step-image--mobile{display:block}}}