.ritual-flow{--paper: #FDFBF9;--paper-warm: #FAF8F5;--ink: #1C1B1A;--rust: #B15639;--rust-deep: #7F3E35;--clay: #BE8C73;--clay-soft: rgba(190, 140, 115, .12);--rose-ebony: #64484E;--ease-out: cubic-bezier(.22, 1, .36, 1)}.ritual-flow{padding:clamp(56px,9vw,96px) 0;background:linear-gradient(180deg,var(--paper) 0%,var(--paper-warm) 100%);font-family:Ysabeau Office,system-ui,sans-serif;color:var(--ink);line-height:1.6;position:relative;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ritual-flow *,.ritual-flow *:before,.ritual-flow *:after{box-sizing:border-box;margin:0;padding:0}.ritual-flow__glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(190,140,115,.06) 0%,transparent 65%);filter:blur(80px);z-index:0;pointer-events:none}.ritual-flow__glow--top{top:-200px;right:-100px}.ritual-flow__glow--bottom{bottom:-200px;left:-100px}.ritual-flow__container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.ritual-flow__header{text-align:center;max-width:700px;margin:0 auto clamp(40px,6vw,64px)}.ritual-flow__badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--rust-deep);font-weight:600;margin-bottom:24px;padding:8px 16px;background:#b156390f;border-radius:20px}.ritual-flow__badge svg{width:14px;height:14px;fill:var(--rust);stroke:none}.ritual-flow__headline{font-family:Cormorant,Georgia,serif;font-size:clamp(32px,5vw,48px);line-height:1.2;color:var(--ink);margin-bottom:28px;font-weight:300;letter-spacing:.01em}.ritual-flow__headline em{color:var(--rust);font-style:italic}.ritual-flow__divider{width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--clay),transparent);margin:0 auto 28px;position:relative}.ritual-flow__divider:after{content:"";position:absolute;width:6px;height:6px;background:var(--rust);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #b1563966}.ritual-flow__subhead{font-size:clamp(16px,2vw,18px);line-height:1.65;color:var(--rose-ebony);max-width:560px;margin:0 auto}.ritual-flow__carousel{position:relative;margin-bottom:clamp(32px,5vw,56px)}.ritual-flow__carousel:before,.ritual-flow__carousel:after{content:"";position:absolute;top:0;bottom:60px;width:80px;z-index:10;pointer-events:none;transition:opacity .3s ease}.ritual-flow__carousel:before{left:0;background:linear-gradient(90deg,var(--paper) 0%,transparent 100%);opacity:0}.ritual-flow__carousel:after{right:0;background:linear-gradient(270deg,var(--paper) 0%,transparent 100%);opacity:0}.ritual-flow__carousel.scrolled:before{opacity:1}.ritual-flow__carousel.has-more:after{opacity:1}.ritual-flow__track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:20px;margin:-20px -20px 0}.ritual-flow__track::-webkit-scrollbar{display:none}.ritual-flow__track{scrollbar-width:none}.step-card{flex:0 0 340px;min-width:300px;background:linear-gradient(135deg,#fdfbf9fa,#faf8f5);border:1px solid rgba(190,140,115,.15);border-radius:20px;overflow:hidden;scroll-snap-align:start;transition:transform .4s var(--ease-out),border-color .4s ease,box-shadow .4s ease}.step-card:hover{transform:translateY(-6px);border-color:#be8c734d;box-shadow:0 20px 50px #1c1b1a1a}.step-card--choice{flex:0 0 400px;min-width:360px}.step-card__visual{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--clay-soft)}.step-card__image,.step-card__video{width:100%;height:100%;object-fit:cover}.step-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--clay-soft) 0%,rgba(190,140,115,.08) 100%)}.step-card__time{position:absolute;top:16px;left:16px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#fff;background:#1c1b1abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:16px;font-weight:500;z-index:3}.step-card__number-overlay{position:absolute;bottom:16px;right:16px;font-family:Cormorant,Georgia,serif;font-size:72px;font-weight:300;color:#fff;opacity:.25;line-height:1;z-index:2;text-shadow:0 2px 20px rgba(0,0,0,.2)}.step-card__tool{position:absolute;bottom:16px;left:16px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);background:#fdfbf9f2;padding:6px 12px;border-radius:16px;font-weight:600;z-index:3}.step-card__content{padding:clamp(24px,4vw,32px)}.step-card__number{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--rust-deep);font-weight:600;margin-bottom:12px}.step-card__title{font-family:Cormorant,Georgia,serif;font-size:clamp(22px,3vw,26px);line-height:1.25;color:var(--ink);margin-bottom:12px;font-weight:400}.step-card__desc{font-size:15px;line-height:1.65;color:var(--rose-ebony);margin-bottom:16px}.step-card__result{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--rust);font-weight:500;padding:8px 14px;background:#b156390f;border-radius:20px}.step-card__result svg{width:16px;height:16px;fill:none;stroke:var(--rust);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.resin-triptych{display:flex;gap:12px;height:100%;padding:16px}.resin-triptych--count-1 .resin-option,.resin-triptych--count-2 .resin-option,.resin-triptych--count-3 .resin-option,.resin-triptych--count-4 .resin-option{flex:1}.resin-option{position:relative;flex:1;border-radius:12px;overflow:hidden;background:var(--clay-soft);transition:transform .4s var(--ease-out)}.resin-option:hover{transform:scale(1.03)}.resin-option__image{width:100%;height:100%;object-fit:cover}.resin-option__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--clay-soft) 0%,rgba(190,140,115,.15) 100%)}.resin-option__label{position:absolute;bottom:0;left:0;right:0;padding:12px 8px 10px;background:linear-gradient(0deg,rgba(28,27,26,.85) 0%,transparent 100%);text-align:center}.resin-option__name{display:block;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.resin-option__mood{display:block;font-size:10px;color:#ffffffb3;font-style:italic}.resin-option__accent{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#b15639e6;border-radius:50%;opacity:0;transform:scale(.8);transition:all .3s ease}.resin-option:hover .resin-option__accent{opacity:1;transform:scale(1)}.ritual-flow__progress{display:flex;justify-content:center;gap:12px;margin-top:24px}.progress-dot{width:10px;height:10px;border-radius:50%;background:var(--clay-soft);border:1.5px solid var(--clay);cursor:pointer;transition:all .3s ease;padding:0}.progress-dot:hover{background:var(--clay)}.progress-dot.active{background:var(--rust);border-color:var(--rust);transform:scale(1.2);box-shadow:0 0 12px #b1563966}.ritual-flow__hint{display:none;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--rose-ebony);margin-top:16px;opacity:1;transition:opacity .4s ease}.ritual-flow__hint.hidden{opacity:0;pointer-events:none}.ritual-flow__hint svg{width:18px;height:18px;fill:none;stroke:var(--rust);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:swipeArrow 1.5s ease-in-out infinite}@keyframes swipeArrow{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.ritual-flow__footer{text-align:center;max-width:600px;margin:0 auto;padding-top:clamp(24px,4vw,40px);border-top:1px solid rgba(190,140,115,.15)}.ritual-flow__footer-quote{font-family:Cormorant,Georgia,serif;font-size:clamp(22px,3vw,28px);line-height:1.3;color:var(--ink);margin-bottom:12px;font-weight:400;font-style:italic}.ritual-flow__footer-sub{font-size:15px;color:var(--rose-ebony);line-height:1.6}@media (max-width: 900px){.step-card{flex:0 0 300px;min-width:280px}.step-card--choice{flex:0 0 340px;min-width:320px}.ritual-flow__hint{display:flex}}@media (max-width: 600px){.ritual-flow{padding:48px 0}.ritual-flow__container{padding:0 16px}.ritual-flow__track{gap:20px;padding:16px;margin:-16px -16px 0}.step-card{flex:0 0 280px;min-width:260px}.step-card--choice{flex:0 0 300px;min-width:280px}.step-card__content{padding:20px}.step-card__number-overlay{font-size:56px}.resin-triptych{gap:8px;padding:12px}.ritual-flow__carousel:before,.ritual-flow__carousel:after{width:40px}}@media (prefers-reduced-motion: reduce){.ritual-flow *,.ritual-flow *:before,.ritual-flow *:after{transition:none!important;animation:none!important}.step-card:hover,.resin-option:hover{transform:none}}.progress-dot:focus-visible{outline:2px solid var(--rust);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/52/assets/section-bundle-how-to-use.css.map */