.how-to-use{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:40px 0;background:linear-gradient(180deg,#f8f4ec,#f1eada);overflow:hidden}.how-to-use:before{content:"";position:absolute;top:-10%;left:50%;transform:translate(-50%);width:70%;height:50%;background:radial-gradient(circle,rgba(173,131,66,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.how-to-use__container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px}.how-to-use__header{max-width:560px;text-align:center}.how-to-use__subheading{font-family:var(--font-body, "Inter", sans-serif);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#ad8342;margin-bottom:6px;font-weight:600}.how-to-use__heading{font-family:var(--font-heading, "Cormorant Garamond", serif);font-size:clamp(24px,3vw,32px);font-weight:500;color:#1a1611;margin-bottom:8px}.how-to-use__description{font-family:var(--font-body, "Inter", sans-serif);font-size:14px;line-height:1.5;color:#1a1611bf}.how-to-use__video-wrapper{position:relative;width:100%;max-width:390px;height:220px;border-radius:8px;overflow:hidden;border:4px solid #AD8342;box-shadow:0 15px 40px -15px #ad834259,0 0 0 1px #1a161114;background-color:#f1eada}.how-to-use__video-wrapper:before,.how-to-use__video-wrapper:after{content:"";position:absolute;width:16px;height:16px;border:2px solid #F8F4EC;z-index:2;pointer-events:none}.how-to-use__video-wrapper:before{top:8px;left:8px;border-right:none;border-bottom:none}.how-to-use__video-wrapper:after{bottom:8px;right:8px;border-left:none;border-top:none}.how-to-use__video{width:100%;height:100%;object-fit:contain;display:block}.how-to-use__placeholder-image{width:100%;height:100%;object-fit:cover;display:block}.how-to-use__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ad834226,#ad83420d);display:flex;align-items:center;justify-content:center}.how-to-use__placeholder-svg{width:50%;height:auto;opacity:.3}@media screen and (max-width:749px){.how-to-use{padding:32px 0}.how-to-use__container{gap:16px}.how-to-use:before{width:90%}.how-to-use__video-wrapper{height:180px;border-width:3px;max-width:280px}.how-to-use__video-wrapper:before,.how-to-use__video-wrapper:after{width:12px;height:12px}}@media screen and (max-width:480px){.how-to-use__video-wrapper{height:160px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-to-use.css.map */