@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--yp-how-width: 1320px;--yp-how-gutter: 56px;--yp-how-ink: #2B2620;--yp-how-muted: #5C5448;--yp-how-gold: #B8893E;--yp-how-line: #E8D5AE;--yp-how-cream: #FAF6ED;--yp-how-sand: #F3E9D8}.yp-how-section{color:var(--yp-how-ink);font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.yp-how-section--white{background:#fff}.yp-how-section--cream{background:var(--yp-how-cream)}.yp-how-section--sand{background:var(--yp-how-sand)}.yp-how-inner{width:min(var(--yp-how-width),calc(100% - var(--yp-how-gutter)));margin:0 auto}.yp-how-kicker{margin:0 0 13px;color:var(--yp-how-gold);font-family:DM Sans,Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;line-height:1.35;text-transform:uppercase}.yp-how-section h1,.yp-how-section h2,.yp-how-section h3{margin:0;color:var(--yp-how-ink);font-family:Cormorant Garamond,Garamond,Georgia,serif;font-weight:500;letter-spacing:0}.yp-how-section h1{max-width:900px;font-size:clamp(48px,6vw,86px);line-height:.98}.yp-how-section h2{font-size:clamp(38px,4.2vw,64px);line-height:1.04}.yp-how-section h3{font-size:clamp(24px,2.2vw,34px);line-height:1.12}.yp-how-section p{color:var(--yp-how-muted);font-size:16px;line-height:1.72}.yp-how-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:14px 26px;color:#fff!important;background:var(--yp-how-ink);font-family:DM Sans,Inter,sans-serif;font-size:15px;font-weight:600;text-decoration:none!important}.yp-how-text-link{color:var(--yp-how-ink)!important;font-weight:600;text-decoration:underline;text-underline-offset:4px}.yp-how-media{display:block;margin:0;overflow:hidden;background:linear-gradient(135deg,#fff,var(--yp-how-cream));border:1px solid var(--yp-how-line)}.yp-how-media img{display:block;width:100%;height:100%;object-fit:cover}.yp-how-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:clamp(36px,5vw,78px);align-items:center}.yp-how-hero__copy{max-width:720px}.yp-how-hero__copy p:not(.yp-how-kicker){max-width:650px;margin:24px 0 30px;font-size:18px}.yp-how-hero__actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.yp-how-hero__image{aspect-ratio:4 / 5}.yp-how-heading{max-width:880px;margin:0 auto 38px;text-align:center}.yp-how-heading p:not(.yp-how-kicker){max-width:680px;margin:16px auto 0}.yp-how-steps{position:relative;display:grid;max-width:1120px;margin:0 auto;gap:30px}.yp-how-steps:before{content:"";position:absolute;top:18px;bottom:18px;left:50%;width:1px;background:var(--yp-how-line);transform:translate(-50%)}.yp-how-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;min-height:0}.yp-how-step:before{content:"";position:absolute;left:50%;top:50%;width:13px;height:13px;border:2px solid var(--yp-how-gold);border-radius:50%;background:#fff;transform:translate(-50%,-50%);z-index:2}.yp-how-step__media{width:min(100%,var(--step-image-width, 340px));aspect-ratio:1 / 1;justify-self:end;border-color:var(--yp-how-line)}.yp-how-step__body{width:min(100%,500px);padding:var(--step-body-padding, 32px);background:#fff;border:1px solid var(--yp-how-line)}.yp-how-step:nth-child(odd) .yp-how-step__media{grid-column:1}.yp-how-step:nth-child(odd) .yp-how-step__body{grid-column:3;justify-self:start}.yp-how-step:nth-child(2n) .yp-how-step__media{grid-column:3;justify-self:start}.yp-how-step:nth-child(2n) .yp-how-step__body{grid-column:1;grid-row:1;justify-self:end}.yp-how-step__num{margin-bottom:14px;color:var(--yp-how-gold);font-size:13px;font-weight:700;letter-spacing:.08em}.yp-how-step__body p{margin:12px 0 0}.yp-how-step__details{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.yp-how-step__details li{position:relative;padding-left:18px;color:var(--yp-how-muted);font-size:14px;line-height:1.5}.yp-how-step__details li:before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--yp-how-gold)}.yp-how-proof-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.9fr);gap:clamp(36px,5vw,78px);align-items:center}.yp-how-proof__copy{max-width:640px}.yp-how-proof__copy p{margin:20px 0 0}.yp-how-proof__image{aspect-ratio:1 / 1}.yp-how-note-box{margin-top:22px;padding:20px 22px;background:#fff;border:1px solid var(--yp-how-line)}.yp-how-note-box strong{display:block;color:var(--yp-how-ink);font-weight:700}.yp-how-note-box p{margin:8px 0 0;font-size:14px}.yp-how-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.yp-how-info-card{padding:28px 26px;background:#fff;border:1px solid var(--yp-how-line)}.yp-how-info-card h3{font-family:DM Sans,Inter,sans-serif;font-size:18px;font-weight:700}.yp-how-info-card p{margin:12px 0 0;font-size:15px}.yp-how-faq-wrap{max-width:960px;margin:0 auto}.yp-how-faq-wrap .yp-how-heading{margin-bottom:22px}.yp-how-faq details{border-top:1px solid var(--yp-how-line)}.yp-how-faq details:last-child{border-bottom:1px solid var(--yp-how-line)}.yp-how-faq summary{display:flex;justify-content:space-between;gap:18px;padding:20px 0;color:var(--yp-how-ink);font-weight:700;cursor:pointer;list-style:none}.yp-how-faq summary::-webkit-details-marker{display:none}.yp-how-faq summary:after{content:"+";color:var(--yp-how-gold);font-size:22px;line-height:1}.yp-how-faq details[open] summary:after{content:"-"}.yp-how-faq__answer{padding:0 0 20px;color:var(--yp-how-muted);font-size:15px;line-height:1.7}.yp-how-cta{max-width:900px;text-align:center}.yp-how-cta p{max-width:680px;margin:18px auto 26px}@media screen and (max-width:989px){:root{--yp-how-gutter: 40px}.yp-how-hero,.yp-how-proof-grid{grid-template-columns:1fr}.yp-how-steps{max-width:780px;gap:24px}.yp-how-steps:before{left:24px}.yp-how-step{grid-template-columns:48px minmax(0,1fr);gap:0;align-items:stretch}.yp-how-step:before{left:24px;top:28px;transform:translate(-50%)}.yp-how-step__media,.yp-how-step:nth-child(2n) .yp-how-step__media,.yp-how-step:nth-child(odd) .yp-how-step__media{grid-column:2;grid-row:1;width:min(100%,360px);justify-self:start}.yp-how-step__body,.yp-how-step:nth-child(2n) .yp-how-step__body,.yp-how-step:nth-child(odd) .yp-how-step__body{grid-column:2;grid-row:2;width:100%;justify-self:stretch;padding:min(var(--step-body-padding, 32px),30px);border-top:0}.yp-how-info-grid{grid-template-columns:1fr}}@media screen and (max-width:640px){:root{--yp-how-gutter: 28px}.yp-how-section h1{font-size:clamp(42px,14vw,62px)}.yp-how-section h2{font-size:clamp(34px,11vw,48px)}.yp-how-hero__actions{align-items:flex-start;flex-direction:column}.yp-how-heading{margin-bottom:28px}.yp-how-steps{gap:22px}.yp-how-step{grid-template-columns:34px minmax(0,1fr)}.yp-how-steps:before{left:17px}.yp-how-step:before{left:17px;width:11px;height:11px}.yp-how-step__media{width:100%}.yp-how-step__body,.yp-how-step:nth-child(2n) .yp-how-step__body,.yp-how-step:nth-child(odd) .yp-how-step__body{padding:22px 20px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/yp-how-it-works.css.map */