.steps-mosaic__layout{display:grid;grid-template-columns:1fr;gap:3.2rem;align-items:center}.steps-mosaic__kicker{margin:0 0 1.2rem;font-size:1.3rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sm-accent, rgb(var(--color-foreground)))}.steps-mosaic__heading{margin:0 0 1.8rem}.steps-mosaic__description{margin:0 0 1.8rem;color:rgba(var(--color-foreground),.75)}.steps-mosaic__description>p:last-child{margin-bottom:0}.steps-mosaic__steps{display:flex;flex-direction:column;margin:0;padding:0;counter-reset:steps-mosaic}.steps-mosaic__step{display:grid;grid-template-columns:var(--sm-number-size, 44px) minmax(0,1fr);gap:1.8rem;align-items:start;padding:var(--sm-step-padding, 20px) 0}.steps-mosaic__steps--divided .steps-mosaic__step{border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.steps-mosaic__number{display:grid;place-items:center;width:var(--sm-number-size, 44px);height:var(--sm-number-size, 44px);border-radius:50%;background-color:var(--sm-number-bg, rgb(var(--color-button)));color:var(--sm-number-text, rgb(var(--color-button-text)));font-size:1.7rem;font-weight:700;line-height:1}.steps-mosaic__step-title{margin:0 0 .5rem;font-family:var(--font-body-family);font-size:1.6rem}.steps-mosaic__step-text{font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.steps-mosaic__step-text>p{margin:0 0 .8rem}.steps-mosaic__step-text>p:last-child{margin-bottom:0}.steps-mosaic__media{display:grid;grid-template-columns:1fr;gap:var(--sm-media-gap, 16px)}.steps-mosaic__figure{overflow:hidden;border-radius:var(--sm-radius, 0);background-color:rgba(var(--color-foreground),.04);aspect-ratio:4 / 3}.steps-mosaic__image{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:750px){.steps-mosaic__media{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-mosaic__media--mosaic .steps-mosaic__figure--1{grid-row:span 2;aspect-ratio:3 / 4}.steps-mosaic__media--stacked .steps-mosaic__figure--1{grid-column:span 2;aspect-ratio:16 / 9}.steps-mosaic__figure--2,.steps-mosaic__figure--3{aspect-ratio:1 / 1}}@media screen and (min-width:990px){.steps-mosaic__layout{grid-template-columns:.9fr 1.1fr;gap:6.4rem}.steps-mosaic__layout--no-media{grid-template-columns:1fr}.steps-mosaic__layout--media-left .steps-mosaic__content{order:2}.steps-mosaic__layout--media-left .steps-mosaic__media{order:1}.steps-mosaic__step-title{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-steps-mosaic.css.map */