.step-cards{--forest: #434C35;--ivory: #F8F6F1;--sage: #8F997F;--pistachio: #C9D0BE;--white: #FFFFFF;background-color:var(--forest);padding:var(--section-padding-top, 80px) 0 var(--section-padding-bottom, 80px)}.step-cards__inner{margin:0 auto;padding:0 var(--page-padding)}.step-cards__header{margin-bottom:56px}.step-cards__eyebrow{display:block;font-size:1.4rem;font-weight:500;color:var(--pistachio);margin-bottom:.625rem}.step-cards__heading{font-size:clamp(28px,2.8vw,40px);font-weight:500;line-height:1.2;letter-spacing:-.4px;color:var(--white);margin:0 0 16px}.step-cards__subheading{font-size:clamp(15px,1.4vw,20px);font-weight:400;line-height:1.5;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:20px;font-weight:500;color:var(--forest);line-height:1;z-index:1}.step-card__body{padding:20px 20px 24px}.step-card__title{font-size:16px;font-weight:500;color:var(--forest);margin:0 0 8px;line-height:1.3}.step-card__text{font-size:14px;line-height:1.55;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/133/assets/step-cards.css.map */