.luma-ritual{position:relative}.luma-ritual__container{width:100%;max-width:120rem;margin-inline:auto;padding-inline:2rem;box-sizing:border-box}.luma-ritual--live .luma-ritual__scroll{height:calc(100vh + (var(--luma-ritual-steps, 3) * 46vh))}.luma-ritual--live .luma-ritual__stage{position:sticky;top:0;display:flex;align-items:center;min-height:100vh}.luma-ritual__header{max-width:62rem;margin-bottom:4.8rem}.luma-ritual__eyebrow{display:inline-flex;align-items:center;gap:.9rem;margin:0 0 1.6rem;font-family:Geist Mono,monospace;font-size:1.15rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--luma-rose))}.luma-ritual__eyebrow-dot{width:.6rem;height:.6rem;border-radius:50%;background-color:rgb(var(--luma-rose))}.luma-ritual__heading{margin:0;font-family:Geist,system-ui,sans-serif;font-size:clamp(2.8rem,4.4vw,4.4rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:rgb(var(--color-foreground))}.luma-ritual__heading em{font-style:normal;color:rgb(var(--luma-rose))}.luma-ritual__subheading{margin-top:1.6rem;font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.62)}.luma-ritual__subheading>p{margin:0}.luma-ritual__steps{position:relative;margin:0;padding:0;list-style:none}.luma-ritual__rail{position:absolute;top:1.8rem;bottom:1.8rem;left:0;transform:translate(-50%);width:.2rem;pointer-events:none}.luma-ritual__rail-track,.luma-ritual__rail-fill{position:absolute;top:0;left:0;width:100%;border-radius:1px}.luma-ritual__rail-track{height:100%;background-color:rgba(var(--color-foreground),.16)}.luma-ritual__rail-fill{height:0;background-color:rgb(var(--luma-rose))}.luma-ritual__rail-marker{position:absolute;top:0;left:50%;width:2.2rem;height:2.2rem;margin-left:-1.1rem;margin-top:-1.1rem;border:.15rem solid rgba(var(--luma-rose),.5);border-radius:50%}.luma-ritual__step{position:relative;border-top:.1rem solid rgba(var(--color-foreground),.12)}.luma-ritual__step:last-child{border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.luma-ritual__step-head{display:grid;grid-template-columns:3.4rem 2.4rem 1fr;align-items:center;gap:0 1.2rem;width:100%;padding:1.8rem 0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.luma-ritual__step-index{font-family:Geist Mono,monospace;font-size:1.2rem;font-weight:600;letter-spacing:.08em;color:rgba(var(--color-foreground),.45);transition:color .4s ease}.luma-ritual__step-node{position:relative;justify-self:center;width:.9rem;height:.9rem;border-radius:50%;background-color:rgba(var(--color-foreground),.28);transition:background-color .4s ease,transform .4s ease}.luma-ritual__step-title{font-family:Geist,system-ui,sans-serif;font-size:clamp(2.6rem,6vw,5.2rem);font-weight:700;line-height:1.02;letter-spacing:-.02em;color:rgba(var(--color-foreground),.3);transition:color .45s ease}.luma-ritual__step.is-active .luma-ritual__step-index{color:rgb(var(--luma-rose))}.luma-ritual__step.is-active .luma-ritual__step-node{background-color:rgb(var(--luma-rose));transform:scale(1.35)}.luma-ritual__step.is-active .luma-ritual__step-title{color:rgb(var(--color-foreground))}.luma-ritual__step-head:hover .luma-ritual__step-title,.luma-ritual__step-head:focus-visible .luma-ritual__step-title{color:rgba(var(--color-foreground),.7)}.luma-ritual__step.is-active .luma-ritual__step-head:hover .luma-ritual__step-title{color:rgb(var(--color-foreground))}.luma-ritual--live .luma-ritual__step-panel{height:0;overflow:hidden}.luma-ritual__step-inner{display:grid;grid-template-columns:1fr;gap:2.4rem;padding:0 0 3.2rem;padding-inline-start:7rem}@media screen and (min-width:990px){.luma-ritual__step-inner{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:4rem}}.luma-ritual__step-tagline{margin:0 0 1.2rem;font-family:Geist Mono,monospace;font-size:1.15rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--luma-rose))}.luma-ritual__step-description{margin:0;max-width:52ch;font-size:1.6rem;line-height:1.62;color:rgba(var(--color-foreground),.72)}.luma-ritual__step-product{margin:1.8rem 0 0;font-family:Geist,system-ui,sans-serif;font-size:1.5rem;font-weight:700;color:rgb(var(--color-foreground))}.luma-ritual__actives{margin-top:1.6rem;padding-top:1.6rem;border-top:.1rem solid rgba(var(--luma-sage),.28)}.luma-ritual__actives-label{display:block;margin-bottom:.5rem;font-family:Geist Mono,monospace;font-size:1.05rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.45)}.luma-ritual__actives-text{font-size:1.35rem;line-height:1.5;color:rgba(var(--color-foreground),.8)}.luma-ritual__step-action{margin-top:2.2rem}.luma-ritual__step-cta{display:inline-flex;align-items:center;gap:.8rem;padding:.95rem 2.2rem;border-radius:9999px;background-color:rgb(var(--luma-rose));color:#fff!important;font-family:Geist,system-ui,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.04em;text-decoration:none!important;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px rgba(var(--luma-rose),.28)}.luma-ritual__step-cta:hover{background-color:#9a5963;transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--luma-rose),.38)}.luma-ritual__step-cta svg{transition:transform .2s ease}.luma-ritual__step-cta:hover svg{transform:translate(3px)}.luma-ritual__step-viz{display:flex;align-items:center;justify-content:center;padding:2rem 1.6rem;border:.1rem solid rgba(var(--luma-rose),.22);border-radius:1.6rem;background-color:rgba(var(--luma-rose),.05)}.luma-viz{width:100%;max-width:34rem;height:auto;color:rgb(var(--luma-rose))}.luma-ritual__step-viz--media{padding:0;overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.luma-ritual__step-viz--media img,.luma-ritual__step-viz--media video,.luma-ritual__step-viz--media .video-wrapper,.luma-ritual__step-viz--media deferred-media{display:block;width:100%;height:auto;border-radius:inherit}.luma-viz__strand{opacity:.55}.luma-viz__rinse{stroke-dasharray:40 400;stroke-dashoffset:60;opacity:0}.luma-viz__crystal{transform-box:fill-box;transform-origin:center}.luma-ritual__step.is-active .luma-viz__rinse{animation:luma-viz-rinse 3.2s ease-in-out infinite}.luma-ritual__step.is-active .luma-viz__crystal{animation:luma-viz-crystal 3.2s ease-in-out infinite}.luma-ritual__step.is-active .luma-viz__crystal:nth-child(2){animation-delay:.18s}.luma-ritual__step.is-active .luma-viz__crystal:nth-child(3){animation-delay:.36s}.luma-ritual__step.is-active .luma-viz__crystal:nth-child(4){animation-delay:.54s}.luma-ritual__step.is-active .luma-viz__crystal:nth-child(5){animation-delay:.72s}@keyframes luma-viz-rinse{0%,20%{stroke-dashoffset:60;opacity:0}30%{opacity:.9}75%{stroke-dashoffset:-340;opacity:.9}to{stroke-dashoffset:-340;opacity:0}}@keyframes luma-viz-crystal{0%,22%{opacity:.85;transform:translate(0) scale(1) rotate(0)}60%{opacity:0;transform:translate(6px,26px) scale(.4) rotate(28deg)}92%{opacity:0;transform:translate(6px,26px) scale(.4) rotate(28deg)}to{opacity:.85;transform:translate(0) scale(1) rotate(0)}}.luma-viz__ring{transform-box:fill-box;transform-origin:center;opacity:0}.luma-viz__nutrient{transform-box:fill-box;transform-origin:center}.luma-ritual__step.is-active .luma-viz__ring{animation:luma-viz-ring 3s ease-out infinite}.luma-ritual__step.is-active .luma-viz__ring:nth-child(2){animation-delay:1s}.luma-ritual__step.is-active .luma-viz__ring:nth-child(3){animation-delay:2s}.luma-ritual__step.is-active .luma-viz__nutrient{animation:luma-viz-nutrient 2.8s ease-in-out infinite}.luma-ritual__step.is-active .luma-viz__nutrient:nth-child(2){animation-delay:.3s}.luma-ritual__step.is-active .luma-viz__nutrient:nth-child(3){animation-delay:.6s}.luma-ritual__step.is-active .luma-viz__nutrient:nth-child(4){animation-delay:.9s}.luma-ritual__step.is-active .luma-viz__nutrient:nth-child(5){animation-delay:1.2s}.luma-ritual__step.is-active .luma-viz__nutrient:nth-child(6){animation-delay:1.5s}@keyframes luma-viz-ring{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}@keyframes luma-viz-nutrient{0%{opacity:0;transform:translate(0) scale(.6)}25%{opacity:1;transform:translate(0) scale(1)}80%{opacity:0}to{opacity:0;transform:translate(calc((150px - var(--luma-viz-x, 150px)) * .82),calc((70px - var(--luma-viz-y, 70px)) * .82)) scale(.4)}}.luma-viz__scale{transform-box:fill-box;transform-origin:bottom left}.luma-viz__seal{stroke-dasharray:248;stroke-dashoffset:248;opacity:0}.luma-ritual__step.is-active .luma-viz__scale{animation:luma-viz-scale 3.4s ease-in-out infinite}.luma-ritual__step.is-active .luma-viz__scale:nth-child(2){animation-delay:.12s}.luma-ritual__step.is-active .luma-viz__scale:nth-child(3){animation-delay:.24s}.luma-ritual__step.is-active .luma-viz__scale:nth-child(4){animation-delay:.36s}.luma-ritual__step.is-active .luma-viz__scale:nth-child(5){animation-delay:.48s}.luma-ritual__step.is-active .luma-viz__seal{animation:luma-viz-seal 3.4s ease-in-out infinite}@keyframes luma-viz-scale{0%{transform:rotate(-24deg);opacity:.5}40%,80%{transform:rotate(0);opacity:1}to{transform:rotate(-24deg);opacity:.5}}@keyframes luma-viz-seal{0%,40%{stroke-dashoffset:248;opacity:0}55%{opacity:.85}85%{stroke-dashoffset:0;opacity:.85}to{stroke-dashoffset:0;opacity:0}}@media screen and (max-width:749px){.luma-ritual--live .luma-ritual__scroll{height:auto}.luma-ritual--live .luma-ritual__stage{position:static;min-height:0}.luma-ritual__header{margin-bottom:3.2rem}.luma-ritual__step-head{grid-template-columns:2.2rem 1.2rem 1fr;gap:0 .6rem;padding:1.4rem 0}.luma-ritual__rail-marker{width:1.8rem;height:1.8rem;margin-left:-.9rem;margin-top:-.9rem}.luma-ritual__step-inner{padding-inline-start:5.2rem;padding-bottom:2.4rem}.luma-ritual__step-viz{padding:1.4rem 1rem}}@media(prefers-reduced-motion:reduce){.luma-ritual__step-index,.luma-ritual__step-node,.luma-ritual__step-title{transition:none}.luma-ritual__step.is-active .luma-viz__crystal,.luma-ritual__step.is-active .luma-viz__rinse,.luma-ritual__step.is-active .luma-viz__ring,.luma-ritual__step.is-active .luma-viz__nutrient,.luma-ritual__step.is-active .luma-viz__scale,.luma-ritual__step.is-active .luma-viz__seal{animation:none}.luma-viz__rinse,.luma-viz__seal,.luma-viz__ring{opacity:.6;stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-luma-ritual-explainer.css.map */
