.how-to-use{padding:90px 0;background:var(--color-soft,#f7e9e9);border-top:1px solid #ffffff80;scroll-margin-top:24px}.how-to-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:38px}.how-to-heading .eyebrow{color:var(--color-deep,#8b4e62);margin-bottom:16px}.how-to-heading h2{font-size:clamp(36px,4vw,57px);font-weight:500;line-height:1.07;max-width:650px;letter-spacing:-.055em;margin:0}.how-to-heading>p{font-size:14px;line-height:1.8;color:#675962;max-width:290px;margin:0 0 3px}.how-to-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.how-to-step{min-width:0;background:#fffdfa;border:1px solid #5c40400e;border-radius:14px;overflow:hidden;box-shadow:0 5px 25px #3f293405}.how-to-step-photo{position:relative;aspect-ratio:3/2;isolation:isolate;overflow:hidden;background:#f6f3ef}.how-to-step-photo img{position:absolute;display:block;left:0;top:0;width:200%;height:200%;max-width:none;object-fit:fill}.how-to-frame-2 img{left:-100%}.how-to-frame-3 img{top:-100%}.how-to-frame-4 img{left:-100%;top:-100%}.how-to-step-marker{position:absolute;z-index:1;left:20px;top:20px;display:flex;align-items:center;gap:10px;padding:5px 13px 5px 5px;background:#fffdfaee;border:1px solid #ffffffb0;border-radius:30px;color:var(--ink,#29222e);box-shadow:0 3px 12px #33253109}.how-to-step-marker>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;background:var(--color-soft,#f7e9e9);color:var(--color-deep,#8b4e62)}.how-to-step-marker>small{font-size:8px;letter-spacing:.13em;font-weight:500}.how-to-step-copy{padding:25px 28px 29px}.how-to-step-copy h3{font-size:28px;letter-spacing:-.035em;font-weight:500;line-height:1.18;margin:0 0 12px}.how-to-step-copy p{font-size:13px;line-height:1.8;color:#675962;margin:0;max-width:440px}.how-to-help{margin-top:33px;padding-top:24px;border-top:1px solid #a3879938;display:flex;justify-content:space-between;align-items:center;gap:30px}.how-to-help>div{display:flex;align-items:center;gap:12px;max-width:690px}.how-to-help-icon{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border:1px solid #9b809a66;border-radius:50%;font:italic 13px Georgia,serif;color:#795e78}.how-to-help p{font-size:11px;line-height:1.7;margin:0;color:#675962}.how-to-help>a{font-size:11px;white-space:nowrap;color:#6b5667;text-decoration:none}.how-to-help>a span{margin-left:13px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}@media(max-width:1100px){.how-to-heading{gap:35px}.how-to-steps{gap:22px}.how-to-step-copy{padding:23px}.how-to-step-copy h3{font-size:25px}.how-to-heading>p{max-width:250px;font-size:13px}}@media(max-width:760px){.how-to-use{padding:58px 0;scroll-margin-top:14px}.how-to-heading{display:block;margin-bottom:29px}.how-to-heading .eyebrow{font-size:9px;margin-bottom:14px}.how-to-heading h2{font-size:39px;max-width:360px;letter-spacing:-.05em}.how-to-heading>p{font-size:13px;max-width:350px;margin:16px 0 0;line-height:1.75}.how-to-steps{grid-template-columns:minmax(0,1fr);gap:22px}.how-to-step{border-radius:11px}.how-to-step-marker{left:14px;top:14px;gap:8px;padding-right:11px}.how-to-step-marker>span{width:27px;height:27px;font-size:10px}.how-to-step-marker>small{font-size:7px}.how-to-step-copy{padding:22px 23px 25px}.how-to-step-copy h3{font-size:25px;margin-bottom:10px}.how-to-step-copy p{font-size:13px;line-height:1.75;max-width:none}.how-to-help{display:block;margin-top:27px;padding-top:22px}.how-to-help p{font-size:11px;line-height:1.75}.how-to-help>div{align-items:flex-start;gap:10px}.how-to-help>a{display:inline-block;margin:18px 0 0 32px;font-size:11px}}@media(max-width:370px){.how-to-step-copy{padding:20px}.how-to-step-copy h3{font-size:23px}.how-to-heading h2{font-size:35px}}.how-to-use--compact{padding:72px 0;background:var(--paper,#fffdfa);scroll-margin-top:100px}.how-to-use--compact .how-to-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.how-to-use--compact .how-to-step{border-radius:12px;box-shadow:none;background:var(--color-soft,#f7e9e9)}.how-to-use--compact .how-to-step-copy{padding:22px 20px 25px}.how-to-use--compact .how-to-step-copy h3{font-size:23px;letter-spacing:-.035em}.how-to-use--compact .how-to-step-copy p{font-size:12px;line-height:1.7}.how-to-use--compact .how-to-step-marker{left:12px;top:12px;padding:0;background:#fffdfaf2}.how-to-use--compact .how-to-step-marker>span{width:32px;height:32px;background:transparent}.how-to-use--compact .how-to-step-marker>small{display:none}.how-to-use--compact .how-to-full-guide{display:flex;align-items:center;gap:25px;min-height:44px;font-size:12px;color:var(--ink);font-weight:500}.how-to-use--compact .how-to-full-guide{padding:5px 7px 5px 15px;border:1px solid #e6ddec;border-radius:30px;background:#fffdfa;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.how-to-use--compact .how-to-full-guide:hover{background:#f3eef7;border-color:#cbbadb;color:#573a75}.how-to-use--compact .how-to-guide-arrow{display:grid;place-items:center;width:32px;height:32px;margin:0;border-radius:50%;background:#7956a7;color:#fff}.how-to-use--compact .how-to-guide-arrow svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.how-to-use--compact .how-to-full-guide:focus-visible{outline:2px solid #7956a7;outline-offset:3px}@media(min-width:761px)and (max-width:1050px){.how-to-use--compact .how-to-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.how-to-use--compact{padding:52px 0;scroll-margin-top:82px}.how-to-use--compact .how-to-heading h2{font-size:36px}.how-to-use--compact .how-to-steps{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:0 0 14px;scrollbar-width:thin;scrollbar-color:var(--color-deep,#8b4e62) #e9e3e5;overscroll-behavior-x:contain}.how-to-use--compact .how-to-step{flex:0 0 86%;scroll-snap-align:start}.how-to-use--compact .how-to-step-copy{padding:21px 22px 25px}.how-to-use--compact .how-to-step-copy h3{font-size:24px}.how-to-use--compact .how-to-step-copy p{font-size:13px}.how-to-use--compact .how-to-help{margin-top:13px}.how-to-use--compact .how-to-full-guide{display:inline-flex;gap:16px;margin:14px 0 0 32px}.how-to-use--compact .how-to-steps::-webkit-scrollbar{height:4px}.how-to-use--compact .how-to-steps::-webkit-scrollbar-track{background:#e9e3e5;border-radius:4px}.how-to-use--compact .how-to-steps::-webkit-scrollbar-thumb{background:var(--color-deep,#8b4e62);border-radius:4px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/how-to-use.css.map */