.how-steps{--steps-bg: var(--cream-50, #f7fbfa);--steps-green: var(--green-900, #0a4a43);--steps-copy: var(--ink-soft, #3c4f4c);--steps-line: var(--line, #d4e5e2);--steps-pink: var(--gold, #e85190);padding:3rem 0 2rem;background:var(--steps-bg)}.how-steps__container{width:100%;max-width:var(--maxw, 1200px);margin:0 auto;padding:0 2.4rem}.how-steps__item{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:5.6rem;padding:4rem 0}.how-steps__item+.how-steps__item{border-top:.1rem solid var(--steps-line)}.how-steps__media{position:relative}.how-steps__frame{overflow:hidden;aspect-ratio:5 / 4;border:.1rem solid var(--steps-line);border-radius:var(--r-lg, 2.2rem);background:var(--cream-100, #edf5f3);box-shadow:var(--shadow-md, 0 1rem 3rem rgba(24, 22, 15, .1))}.how-steps__image{display:block;width:100%;height:100%;object-fit:cover}.how-steps__placeholder{background:var(--cream-100, #edf5f3);fill:#0a4a4333}.how-steps__number{position:absolute;z-index:2;top:-1.8rem;left:-1.4rem;display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border:.3rem solid var(--steps-bg);border-radius:50%;background:var(--steps-pink);box-shadow:var(--shadow-md, 0 1rem 3rem rgba(24, 22, 15, .1));color:var(--steps-green);font-family:var(--ff-display, sans-serif);font-size:3rem;line-height:1}.how-steps__kicker{margin:0 0 1rem;color:var(--green-900, #c73370);font-family:var(--ff-sans, sans-serif);font-size:1.65rem;font-weight:800;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.how-steps__title{margin:0 0 1.4rem;color:var(--steps-green);font-family:var(--ff-display, sans-serif);font-size:clamp(2.8rem,3.4vw,4.4rem);font-weight:700;letter-spacing:0;line-height:.98;text-transform:uppercase}.how-steps__text{max-width:48ch;color:var(--steps-copy);font-family:var(--ff-sans, sans-serif);font-size:1.65rem;line-height:1.6}.how-steps__text p{margin:0 0 1.6rem}.how-steps__text>:last-child{margin-bottom:0}.how-steps__text ul{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.how-steps__text li{position:relative;margin:0;padding-left:3rem;color:var(--ink, #11201e);font-size:1.5rem;line-height:1.5}.how-steps__text li:before{position:absolute;top:.15rem;left:0;width:1.9rem;height:1.9rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231AAE9F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:contain;content:""}.how-steps__tip{display:flex;align-items:flex-start;gap:1.2rem;margin-top:1.8rem;padding:1.6rem 2rem;border:.1rem solid var(--green-700, #159487);border-left:.4rem solid var(--steps-pink);border-radius:var(--r-md, 1.4rem);background:var(--green-800, #0e6b61);color:var(--steps-bg);font-family:var(--ff-sans, sans-serif);font-size:1.45rem;line-height:1.5}.how-steps__tip svg{width:2rem;height:2rem;flex:none;margin-top:.1rem;color:var(--steps-pink)}.how-steps__tip p{margin:0}.how-steps__tip strong{margin-right:.4rem;color:var(--gold-100, #f9c4db)}@media screen and (max-width:900px){.how-steps__item{grid-template-columns:minmax(0,1fr);gap:2.6rem;padding:3.2rem 0}.how-steps__copy{max-width:68rem}}@media screen and (max-width:560px){.how-steps{padding-top:2rem}.how-steps__container{padding:0 2rem}.how-steps__item{gap:2.4rem;padding:3rem 0}.how-steps__number{top:-1.4rem;left:-.8rem;width:5.4rem;height:5.4rem;font-size:2.5rem}.how-steps__text{font-size:1.55rem}.how-steps__tip{padding:1.4rem 1.6rem;font-size:1.35rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/how-it-works-steps.css.map */