.step-cards{--forest: #434C35;--ivory: #F8F6F1;--sage: #8F997F;--pistachio: #C9D0BE;--white: #FFFFFF;background-color:var(--forest)}.step-cards__inner{margin:0 auto;padding:0 var(--page-padding)}.step-cards__header{margin-bottom:56px}.step-cards__eyebrow{display:block;font-size:calc(var(--font-body-size) * .9);font-weight:500;color:var(--pistachio);margin-bottom:.625rem}.step-cards__heading{color:var(--white);margin:0 0 16px}.step-cards__subheading{font-size:var(--font-body-size);font-weight:400;line-height:var(--font-body-line-height);color:var(--pistachio);margin:0;max-width:600px}.step-cards__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step-card{background-color:var(--ivory);border:1px solid var(--sage);border-radius:10px;overflow:hidden}.step-cards--scroll .step-cards__steps{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-right:calc(50% - 50vw);padding-right:40px}.step-cards--scroll .step-cards__steps::-webkit-scrollbar{display:none}.step-cards--scroll .step-card{flex:0 0 clamp(240px,calc((100% - 80px) / 4.3),300px);scroll-snap-align:start}.step-card__image-wrap{position:relative;aspect-ratio:4/3;overflow:hidden}.step-card__image{width:100%;height:100%;object-fit:cover;display:block}.step-card__number{position:absolute;top:12px;left:12px;width:36px;height:36px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;font-family:CanelaDeck,serif;font-size:var(--font-h5-size);font-weight:500;color:var(--forest);line-height:1;z-index:1}.step-card__body{padding:20px 20px 24px}.step-card__title{font-size:var(--font-h6-size);font-weight:500;color:var(--forest);margin:0 0 8px;line-height:1.3}.step-card__text{font-size:var(--font-body-size);line-height:var(--font-body-line-height);color:#5a6350;margin:0}@media screen and (max-width:989px){.step-cards__inner{padding:0 var(--page-padding)}.step-cards__steps{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:599px){.step-cards__inner{padding:0 var(--page-padding)}.step-cards__steps{grid-template-columns:1fr}.step-cards__header{margin-bottom:32px}}
/*# sourceMappingURL=/cdn/shop/t/134/assets/step-cards.css.map */