.yfp-how{max-width:1320px;margin:auto;padding:60px 40px 80px;color:#173b55}.yfp-how *,.yfp-how *:before,.yfp-how *:after{box-sizing:border-box}.yfp-how__intro{max-width:760px;margin:0 auto 72px;text-align:center}.yfp-how h1{margin:0 0 20px;font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}.yfp-how__intro>p:last-child{font-size:19px;line-height:1.6;margin:0;color:#536574}.yfp-how__gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-bottom:56px}.yfp-how__gallery:empty{display:none}.yfp-how__steps{list-style:none;max-width:1040px;margin:0 auto;padding:0}.yfp-how__step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:40px;padding-block:32px;min-width:0;text-align:left;border-top:1px solid #e1e7eb}.yfp-how__step h3{margin:0;font-size:25px}.yfp-how__photo{position:relative;padding:12px;margin:0 6px;background:#fff;border:1px solid #e6e7e5;border-radius:7px;box-shadow:0 14px 35px #173b5514;transform:rotate(-1deg)}.yfp-how__gallery .yfp-how__photo:nth-child(2){transform:rotate(1deg)}.yfp-how__gallery .yfp-how__photo:nth-child(3){transform:rotate(-.7deg)}.yfp-how__crop{aspect-ratio:1;overflow:hidden;border-radius:3px}.yfp-how__crop>img{display:block;width:100%;height:100%;object-fit:cover}.yfp-how__crop>.yfp-how__illustration{width:300%;max-width:none;height:100%}.yfp-how__illustration--2{transform:translate(-33.333333%)}.yfp-how__illustration--3{transform:translate(-66.666667%)}.yfp-how h2,.yfp-how h3{font-size:clamp(24px,2.4vw,31px);line-height:1.25;letter-spacing:-.025em;margin:0 0 20px;text-wrap:balance}.yfp-how__copy p{font-size:18px;line-height:1.75;color:#536574;margin:0}.yfp-how a:focus-visible{outline:3px solid #5c9fcb;outline-offset:4px}@media(max-width:899px){.yfp-how{padding:40px 24px 56px}.yfp-how__intro{margin-bottom:60px}.yfp-how__gallery{gap:12px;margin-bottom:32px}.yfp-how__steps{max-width:620px}.yfp-how__step{grid-template-columns:1fr;gap:16px;padding-block:28px}.yfp-how__photo{margin:0;padding:5px}.yfp-how h2,.yfp-how h3{font-size:28px}.yfp-how__copy p{font-size:17px;line-height:1.7}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/yfp-how-it-works.css.map */