#xo-root .product-usage-steps__inner{display:grid;gap:3rem}#xo-root .product-usage-steps__header{max-width:78rem;margin:0 auto;text-align:center}#xo-root .product-usage-steps__eyebrow{margin:0 0 1rem;color:var(--product-usage-accent);font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:800;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}#xo-root .product-usage-steps__heading{color:var(--product-usage-heading-color, rgba(var(--color-foreground)));font-family:var(--font-heading-family);font-size:clamp(3.2rem,6vw,6.8rem);font-weight:var(--font-heading-weight);line-height:.98;letter-spacing:-.045em}#xo-root .product-usage-steps__heading p,#xo-root .product-usage-steps__description p,#xo-root .product-usage-steps__text p{margin:0}#xo-root .product-usage-steps__description{max-width:58rem;margin:1.4rem auto 0;color:color-mix(in srgb,var(--product-usage-text-color, rgba(var(--color-foreground))) 72%,transparent);font-size:calc(var(--font-body-scale) * 1.6rem);line-height:1.55}#xo-root .product-usage-steps__list{display:grid;grid-auto-rows:1fr;gap:1.1rem;max-width:92rem;margin:0 auto}#xo-root .product-usage-steps__item{display:grid;grid-template-columns:minmax(16rem,31%) minmax(0,1fr);gap:1.6rem;align-items:stretch;height:100%;min-height:17.2rem;padding:1rem;border:.1rem solid rgba(255,255,255,.28);border-radius:2.8rem;background:var(--product-usage-card-bg, rgba(255, 255, 255, .28));box-shadow:0 1.6rem 5rem #0000000f;backdrop-filter:blur(1.5rem) saturate(135%);-webkit-backdrop-filter:blur(1.5rem) saturate(135%);opacity:0;transform:translateY(1.8rem);animation:product-usage-step-reveal .78s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--product-usage-delay, 0ms)}#xo-root .product-usage-steps__media{overflow:hidden;height:100%;min-height:15.2rem;border-radius:2rem;background:color-mix(in srgb,var(--product-usage-accent) 12%,white)}#xo-root .product-usage-steps__image,#xo-root .product-usage-steps__placeholder,#xo-root .product-usage-steps__placeholder svg{display:block;width:100%;height:100%;object-fit:cover}#xo-root .product-usage-steps__copy{display:flex;flex-direction:column;justify-content:center;padding:1rem 1.4rem 1rem 0}#xo-root .product-usage-steps__title-row{display:flex;align-items:center;gap:1rem}#xo-root .product-usage-steps__marker{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:999rem;background:color-mix(in srgb,var(--product-usage-accent) 40%,white);color:rgba(var(--color-foreground));font-family:var(--font-heading-family);font-size:1.4rem;font-weight:800;line-height:1}#xo-root .product-usage-steps__title{margin:0;color:var(--product-usage-heading-color, rgba(var(--color-foreground)));font-family:var(--font-heading-family);font-size:clamp(2.1rem,2.6vw,3.2rem);font-weight:var(--font-heading-weight);line-height:1.04;letter-spacing:-.035em}#xo-root .product-usage-steps__text{margin-top:.9rem;color:color-mix(in srgb,var(--product-usage-text-color, rgba(var(--color-foreground))) 76%,transparent);font-size:calc(var(--font-body-scale) * 1.5rem);line-height:1.5}#xo-root .product-usage-steps .product-order-cta{position:relative;z-index:1;display:flex;justify-content:center;width:100%;margin:2.4rem auto 0;padding:0;border:0!important;background:transparent!important;box-shadow:none!important}#xo-root .product-usage-steps .product-order-cta:before,#xo-root .product-usage-steps .product-order-cta:after,#xo-root .product-usage-steps .product-order-cta__link:after{content:none!important;display:none!important}#xo-root .product-usage-steps .product-order-cta__link{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-width:min(100%,24rem);min-height:5.4rem;padding:1.35rem 2.4rem;overflow:hidden;border:.1rem solid rgba(255,255,255,.76);border-radius:999rem;background:radial-gradient(circle at 18% 0%,rgba(255,186,121,.48),transparent 42%),linear-gradient(135deg,#ffba79f5,#ffdbb3d1);color:#2f2b27!important;font-family:var(--font-heading-family);font-size:calc(var(--font-body-scale) * 1.62rem);font-weight:var(--font-heading-weight);letter-spacing:.04em;line-height:1;text-align:center;text-decoration:none!important;text-transform:uppercase;box-shadow:0 1.6rem 4rem #7548212e,inset 0 .1rem #ffffffc7;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}#xo-root .product-usage-steps .product-order-cta__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.44) 45%,transparent 72%);transform:translate(-120%);transition:transform .6s ease}#xo-root .product-usage-steps .product-order-cta__link:hover,#xo-root .product-usage-steps .product-order-cta__link:focus,#xo-root .product-usage-steps .product-order-cta__link:visited{color:#2f2b27!important;text-decoration:none!important}#xo-root .product-usage-steps .product-order-cta__link:hover,#xo-root .product-usage-steps .product-order-cta__link:focus{transform:translateY(-.16rem);filter:saturate(1.04);box-shadow:0 2rem 4.8rem #75482138,inset 0 .1rem #ffffffdb}#xo-root .product-usage-steps .product-order-cta__link:hover:before,#xo-root .product-usage-steps .product-order-cta__link:focus:before{transform:translate(120%)}@keyframes product-usage-step-reveal{0%{opacity:0;filter:blur(.8rem);transform:translateY(1.8rem)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media(max-width:767px){#xo-root .product-usage-steps .product-order-cta{margin-top:2rem}#xo-root .product-usage-steps .product-order-cta__link{width:min(100%,28rem);min-height:5rem;font-size:calc(var(--font-body-scale) * 1.45rem)}#xo-root .product-usage-steps__item{grid-template-columns:minmax(12.6rem,42%) minmax(0,1fr);gap:1.1rem;min-height:15.4rem;padding:.8rem;border-radius:2.2rem}#xo-root .product-usage-steps__copy{padding:.4rem .6rem .4rem 0}#xo-root .product-usage-steps__media{min-height:13.8rem;border-radius:1.6rem}#xo-root .product-usage-steps__marker{width:2.8rem;height:2.8rem;font-size:1.2rem}#xo-root .product-usage-steps__text{font-size:calc(var(--font-body-scale) * 1.35rem)}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/product-usage-steps.css.map */