.luminous{--ease-reveal: cubic-bezier(0, 0, .3, 1)}.luminous #how-to .lede{max-width:48ch}.luminous .walk{--rail: 3.4rem;position:relative;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);column-gap:clamp(.8rem,2.5vw,1.6rem);margin-top:clamp(2rem,5vw,3rem)}.luminous .walk__spine{position:absolute;top:1.1rem;bottom:1.1rem;left:calc(var(--rail) / 2 - 1px);width:2px;background:#3d2f3326;border-radius:2px;overflow:hidden}.luminous .walk__fill{position:absolute;left:0;top:0;width:100%;height:0;background:linear-gradient(#b76e79,#a55d68);transition:height 1s var(--ease-reveal)}.luminous .rail{position:relative}.luminous .step-num{position:absolute;top:-.1rem;left:50%;transform:translate(-50%) scale(.82);width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;font-weight:650;font-size:.9rem;font-variant-numeric:tabular-nums;color:#a55d68;background:#fdf7f5;border:2px solid #b76e79;box-shadow:0 0 0 6px #fdf7f5;transition:transform .6s var(--ease-reveal),background .6s var(--ease-reveal),color .6s var(--ease-reveal),border-color .6s var(--ease-reveal),box-shadow .6s var(--ease-reveal)}.luminous .step-num.is-lit{transform:translate(-50%) scale(1);background:radial-gradient(circle at 50% 42%,#ff8f7a,#d9584e);color:#fff;border-color:#ff7a63;box-shadow:0 0 0 6px #fdf7f5,0 0 14px 3px #ff5a4680}.luminous .step-body{min-width:0;padding-bottom:clamp(2.2rem,6vw,4rem)}.luminous .step-body:last-of-type{padding-bottom:0}.luminous .step-title{margin:0 0 .3rem;font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:600;letter-spacing:-.01em}.luminous .normal{margin-top:clamp(3.5rem,8vw,6rem);padding-top:clamp(2.5rem,6vw,4rem);border-top:1px solid rgba(183,110,121,.25)}.luminous .normal>h2{margin:0 0 .9rem}.luminous .accent-pink{color:#d24f86;font-style:italic;font-weight:800}.luminous .normal-intro{margin:.4rem 0 0;max-width:46rem;font-size:1.05rem;color:#3d2f33d9}.luminous .how-media--trio .how-fig figcaption{font-size:1rem;line-height:1.5;font-weight:500;color:#000}.luminous .callout{background:#b76e7912;border-radius:12px;padding:1.4rem 1.6rem}.luminous .callout h3{margin-top:0;font-size:1.05rem}.luminous .callout p{font-size:.95rem;margin:.6rem 0 0}.luminous .normal .callout{margin-top:clamp(2.2rem,5vw,3.4rem);background:#d24f86;border:none}.luminous .normal .callout h3,.luminous .normal .callout p{color:#fff}.luminous .how-fig{margin:0}.luminous .how-fig--wide{max-width:42rem;margin-top:1.8rem}.luminous .how-fig__frame{position:relative;overflow:hidden;border-radius:12px}.luminous .how-fig__frame img{display:block;width:100%;aspect-ratio:var(--ar, 16 / 9);object-fit:cover}.luminous .how-fig figcaption{margin-top:.6rem;font-size:.85rem;line-height:1.45;color:#3d2f3399;max-width:42rem}.luminous .how-media--trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.2rem;margin-top:1.8rem}.luminous .how-media--trio .how-fig__frame img{aspect-ratio:4 / 3}.luminous .glow-bloom{position:absolute;left:49%;top:48%;width:46%;height:60%;transform:translate(-50%,-50%) scale(.85);border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,90,70,.6),rgba(220,50,40,.28) 45%,transparent 70%);mix-blend-mode:screen}.luminous .how-fig.is-in .glow-bloom{animation:lum-bloomOn 1.4s var(--ease-reveal) .3s both}@keyframes lum-bloomOn{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}45%{opacity:.55;transform:translate(-50%,-50%) scale(1.02)}to{opacity:0;transform:translate(-50%,-50%) scale(1.06)}}.luminous .reveal{transition:opacity .7s var(--ease-reveal),transform .7s var(--ease-reveal)}.luminous .stagger>*{transition:opacity .6s var(--ease-reveal),transform .6s var(--ease-reveal)}.reveal-ready .luminous .reveal{opacity:0;transform:translateY(12px)}.reveal-ready .luminous .how-fig.reveal{transform:translateY(14px) scale(.985)}.reveal-ready .luminous .stagger>*{opacity:0;transform:translateY(12px)}.reveal-ready .luminous .how-media--trio.stagger>.how-fig{transform:translateY(12px) scale(.985)}.reveal-ready .luminous .reveal.is-in,.reveal-ready .luminous .how-fig.reveal.is-in{opacity:1;transform:none}.reveal-ready .luminous .stagger.is-in>*{opacity:1;transform:none;transition-delay:calc(var(--i, 0) * 75ms)}.reveal-ready .luminous .how-media--trio.stagger.is-in>.how-fig{transform:none}@media(max-width:640px){.luminous .walk{--rail: 2.6rem}.luminous .step-num{width:2rem;height:2rem;font-size:.8rem}}@media(prefers-reduced-motion:reduce){.luminous .reveal,.luminous .stagger>*{opacity:1!important;transform:none!important;transition:none!important}.luminous .walk__fill{height:100%!important;transition:none!important}.luminous .step-num{transform:translate(-50%) scale(1)!important;background:radial-gradient(circle at 50% 42%,#ff8f7a,#d9584e)!important;color:#fff!important;border-color:#ff7a63!important;box-shadow:0 0 0 6px #fdf7f5,0 0 14px 3px #ff5a4680!important}.luminous .glow-bloom{animation:none!important;opacity:0!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/luminous-how-to.css.map */