.luvia-how-it-works__header{text-align:center;margin-bottom:var(--luvia-space-xl)}.luvia-how-it-works__title{margin-bottom:var(--luvia-space-sm)}.luvia-how-it-works__subtitle{max-width:600px;margin-inline:auto;color:rgb(var(--luvia-slate))}.luvia-how-it-works__steps{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1000px;margin:0 auto}@media screen and (min-width:750px){.luvia-how-it-works__steps{grid-template-columns:repeat(3,1fr);gap:2rem}.luvia-how-it-works__steps--2{grid-template-columns:repeat(2,1fr);max-width:700px}.luvia-how-it-works__steps--4{grid-template-columns:repeat(4,1fr)}}.luvia-how-it-works__step{position:relative;border-radius:var(--luvia-radius-lg);overflow:hidden;aspect-ratio:3 / 4;background:rgb(var(--luvia-charcoal));opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.luvia-how-it-works__step.is-visible{opacity:1;transform:translateY(0)}.luvia-how-it-works .luvia-how-it-works__step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(var(--luvia-aqua-dark),.15),rgba(var(--luvia-aqua-dark),.4) 35%,rgba(var(--luvia-charcoal),.9));z-index:1;pointer-events:none}.luvia-how-it-works__step-bg{position:absolute;top:0;right:0;bottom:0;left:0}.luvia-how-it-works__step-bg img{width:100%;height:100%;object-fit:cover;display:block}.luvia-how-it-works__step-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:2.4rem}.luvia-how-it-works__step-number{font-family:var(--font-heading-family);font-size:8rem;font-weight:400;line-height:1;color:rgba(var(--luvia-white),.6);letter-spacing:-.02em}.luvia-how-it-works__step-title{color:rgb(var(--luvia-white));margin-bottom:.4rem}.luvia-how-it-works__step-description{font-size:var(--luvia-text-base);line-height:var(--luvia-leading-relaxed);color:rgba(var(--luvia-white),.8);max-width:280px}@media screen and (max-width:749px){.luvia-how-it-works__step{aspect-ratio:16 / 10}.luvia-how-it-works__step-content{padding:2rem;flex-direction:row;align-items:flex-end;gap:1.5rem}.luvia-how-it-works__step-number{font-size:5rem;align-self:flex-start}.luvia-how-it-works__step-description{max-width:none}}@media(prefers-reduced-motion:reduce){.luvia-how-it-works__step{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/luvia-how-it-works.css.map */