.stepped-text-image--inner{display:flex;flex-direction:column-reverse;background:var(--background)}.stepped-text-image--text{--padding: 2rem;--top: calc(var(--header-height) + var(--padding));--gap: 2.5rem;position:relative;display:flex;flex-direction:column;gap:var(--gap);padding:var(--padding) 0}.stepped-text-image--header-inner{display:flex;flex-direction:column;gap:.25rem;max-width:75%}.stepped-text-image--steps{--columns: 2;display:flex;flex-direction:column;overflow:hidden}.stepped-text-image--step{display:grid;grid-auto-rows:1fr;gap:var(--gap);overflow:hidden}.stepped-text-image--step-text{position:relative;display:flex;flex-direction:column;gap:.5rem;padding-right:1.5rem;opacity:0;transform:translateY(50%);transition-property:opacity,transform;transition-duration:var(--transition-duration);transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-delay:var(--delay, 0ms)}.in-view .stepped-text-image--step-text{opacity:1;transform:translateY(0)}.stepped-text-image--step-heading{display:flex;gap:1.25rem;padding-left:2.5rem}.stepped-text-image--step-heading:before{content:attr(data-index);position:absolute;left:0;width:1.25rem}.stepped-text-image--step-description{padding-left:2.5rem}.stepped-text-image--image>div{aspect-ratio:4 / 5}@media(max-width:1023px){.stepped-text-image--step-text{width:50%}.stepped-text-image--step.mobile-col-2 .stepped-text-image--step-text{margin-left:auto}}@media(min-width:1024px){.stepped-text-image--inner{flex-direction:row}.stepped-text-image--text,.stepped-text-image--image{width:50%}.stepped-text-image--text{--gap: 4.5rem;padding:var(--gap) 0;width:var(--container-half-width);margin:0 auto}.stepped-text-image--step-text{width:33.33%}.stepped-text-image--step.desktop-col-2 .stepped-text-image--step-text{margin-left:33.33%}.stepped-text-image--step.desktop-col-3 .stepped-text-image--step-text{margin-left:66.66%}.stepped-text-image--image{position:relative}.stepped-text-image--image>div{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;aspect-ratio:unset}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/stepped-text-image.css.map */