.howto{background:#deffda;padding-bottom:0}.howto__panel{background:var(--bg);border-radius:0 0 65px 65px;overflow:clip}.howto__inner{display:flex;flex-direction:column;padding-top:64px;padding-bottom:56px}.howto__copy{display:flex;align-items:center;width:100%}.howto__eyebrow{margin-bottom:12px}.howto__title{font-size:44px}.howto__text{color:var(--fg-muted);font-size:17px;line-height:1.5;margin-top:18px;max-width:36ch}.howto__steps{counter-reset:step;margin-top:28px}.howto__step{align-items:center;border-top:1px solid var(--line-pale);display:flex;gap:16px;padding:16px 0}.howto__step:last-child{border-bottom:1px solid var(--line-pale)}.howto__icon{align-items:center;background:#deffda;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.howto__icon img{height:34px;object-fit:contain;width:34px}.howto__step-title{font-size:20px;letter-spacing:-.01em;line-height:1.2}.howto__step-text{color:var(--fg-muted);font-size:15px;line-height:1.45;margin-top:4px}.howto__art{aspect-ratio:1 / 1.02;margin-bottom:28px;order:-1;position:relative;width:100%}.howto__art:before{background:#1ab796;border-radius:50%;content:"";filter:blur(40px);height:56%;top:50%;left:50%;opacity:.45;position:absolute;transform:translate(-50%,-50%);width:56%}.howto__layer{border-radius:18px;box-shadow:0 24px 50px #12372f2e;margin:0;overflow:hidden;position:absolute;transition:transform 1.5s cubic-bezier(.2,.8,.2,1)}.howto__layer img{display:block;height:100%;object-fit:cover;width:100%}.howto__layer--back{aspect-ratio:4 / 5;left:0;top:4%;width:44%;transform:rotate(-6deg)}.howto__layer--main{aspect-ratio:4 / 5;left:25%;top:0;width:50%;z-index:1}.howto__layer--front{aspect-ratio:4 / 5;right:0;top:18%;width:42%;transform:rotate(5deg);z-index:2}.howto__chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;background:#fbfaf6db;border-radius:999px;bottom:10px;color:#12372f;display:inline-flex;font-size:13px;font-weight:700;gap:8px;left:10px;padding:5px 12px 5px 5px;position:absolute}.howto__chip span{align-items:center;background:#12372f;border-radius:50%;color:#deffda;display:inline-flex;font-family:var(--font-slab);font-size:12px;height:22px;justify-content:center;width:22px}@media(hover:hover){.howto__art:hover .howto__layer--back{transform:translate(-22px,-10px) rotate(-10deg) scale(.96)}.howto__art:hover .howto__layer--main{transform:translateY(-16px) scale(1.04)}.howto__art:hover .howto__layer--front{transform:translate(22px,14px) rotate(9deg) scale(1.02)}}[data-reveal] .howto__text,[data-reveal] .howto__eyebrow,[data-reveal] .howto__layer{opacity:0}[data-reveal] .howto__layer{translate:0 50px;transition:opacity var(--t-reveal) var(--d),translate 1.1s cubic-bezier(.2,.8,.2,1) var(--d),transform 1.5s cubic-bezier(.2,.8,.2,1)}[data-reveal] .howto__icon{opacity:0;transform:translate(-25px)}[data-reveal] .howto__step-body{opacity:0;transform:translate(25px)}[data-reveal] :is(.howto__icon,.howto__step-body){transition:opacity var(--t-reveal) var(--d),transform var(--t-reveal) var(--d)}[data-reveal].is-in :is(.howto__text,.howto__eyebrow){opacity:1;transition:opacity var(--t-reveal) .2s}[data-reveal].is-in .howto__layer{opacity:1;translate:0 0}[data-reveal].is-in :is(.howto__icon,.howto__step-body){opacity:1;transform:none}@media(min-width:768px){.howto__inner{flex-direction:row;column-gap:64px;padding-top:90px;padding-bottom:90px}.howto__copy{width:calc(46% - 32px)}.howto__art{margin-bottom:0;order:0;width:54%;align-self:center}.howto__title{font-size:56px}}@media(min-width:1200px){.howto__panel{border-radius:0 0 140px 140px}.howto__inner{padding-top:120px;padding-bottom:130px}.howto__title{font-size:80px}.howto__step-title{font-size:22px}.howto__step-text{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/how-to.css.map */