.rf-howitworks{--rf-how-rail-x: 12px;--rf-how-pad-x: var(--rf-space-7);--rf-how-node-size: 16px;background:var(--rf-bg-dark);color:var(--rf-text-primary);padding-block:var(--rf-space-10);position:relative}.rf-howitworks__head{margin-bottom:var(--rf-space-9)}.rf-howitworks__title{margin:0;font-family:var(--rf-font-display);font-weight:var(--rf-weight-black);font-size:var(--rf-text-3xl);line-height:var(--rf-leading-tight);letter-spacing:var(--rf-tracking-tight);color:var(--rf-text-primary);text-transform:uppercase;text-wrap:balance;max-width:16ch;margin-inline:auto}.rf-howitworks__timeline{position:relative;max-width:var(--rf-max-width-narrow);margin:0 auto;padding-left:var(--rf-how-pad-x)}.rf-howitworks__rail{position:absolute;left:var(--rf-how-rail-x);top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,transparent 0%,var(--rf-border) 12%,var(--rf-border) 88%,transparent 100%);transform:scaleY(0);transform-origin:top center;transition:transform 1.5s var(--rf-ease-out);pointer-events:none}.rf-howitworks__timeline[data-revealed=true] .rf-howitworks__rail{transform:scaleY(1)}.rf-howitworks__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--rf-space-9);position:relative}.rf-howitworks__step{position:relative;display:flex;flex-direction:column;gap:var(--rf-space-5);opacity:0;transform:translateY(32px);transition:opacity var(--rf-duration-slow) var(--rf-ease-out),transform var(--rf-duration-slow) var(--rf-ease-out)}.rf-howitworks__timeline[data-revealed=true] .rf-howitworks__step{opacity:1;transform:translateY(0)}.rf-howitworks__timeline[data-revealed=true] .rf-howitworks__step:nth-child(1){transition-delay:.15s}.rf-howitworks__timeline[data-revealed=true] .rf-howitworks__step:nth-child(2){transition-delay:.6s}.rf-howitworks__timeline[data-revealed=true] .rf-howitworks__step:nth-child(3){transition-delay:1.05s}.rf-howitworks__node{position:absolute;left:calc(var(--rf-how-rail-x) - var(--rf-how-pad-x) - (var(--rf-how-node-size) / 2));top:14px;width:var(--rf-how-node-size);height:var(--rf-how-node-size);border-radius:50%;background:var(--rf-bg-dark);border:1px solid var(--rf-border);transition:background var(--rf-duration-base) var(--rf-ease-out),border-color var(--rf-duration-base) var(--rf-ease-out),box-shadow var(--rf-duration-base) var(--rf-ease-out)}.rf-howitworks__timeline[data-revealed=true] .rf-howitworks__step:nth-child(1) .rf-howitworks__node{transition-delay:.4s}.rf-howitworks__timeline[data-revealed=true] .rf-howitworks__step:nth-child(2) .rf-howitworks__node{transition-delay:.85s}.rf-howitworks__timeline[data-revealed=true] .rf-howitworks__step:nth-child(3) .rf-howitworks__node{transition-delay:1.3s}.rf-howitworks__timeline[data-revealed=true] .rf-howitworks__node{background:var(--rf-blue);border-color:var(--rf-blue);box-shadow:var(--rf-glow-blue-sm)}.rf-howitworks__step-body{display:flex;flex-direction:column;gap:var(--rf-space-3)}.rf-howitworks__step-label{margin:0;font-family:var(--rf-font-mono);font-size:var(--rf-text-xs);letter-spacing:var(--rf-tracking-widest);text-transform:uppercase;color:var(--rf-text-muted);font-weight:var(--rf-weight-medium)}.rf-howitworks__numeral{margin:0;font-family:var(--rf-font-display);font-weight:var(--rf-weight-black);font-size:clamp(72px,14vw,112px);line-height:.9;letter-spacing:var(--rf-tracking-tight);color:var(--rf-text-primary)}.rf-howitworks__instruction{margin:0;font-family:var(--rf-font-display);font-size:var(--rf-text-xl);font-weight:var(--rf-weight-semibold);color:var(--rf-text-primary);line-height:var(--rf-leading-snug);letter-spacing:var(--rf-tracking-snug);max-width:28ch;text-wrap:balance}.rf-howitworks__detail{margin:0;font-family:var(--rf-font-body);font-size:var(--rf-text-base);font-weight:var(--rf-weight-regular);color:var(--rf-text-secondary);line-height:var(--rf-leading-relaxed);letter-spacing:var(--rf-tracking-normal);max-width:38ch}.rf-howitworks__step-media{margin:0;border-radius:var(--rf-radius);overflow:hidden;border:1px solid var(--rf-border-subtle);background:var(--rf-bg-elevated);aspect-ratio:4 / 3;width:100%}.rf-howitworks__step-image{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:768px){.rf-howitworks{--rf-how-rail-x: 20px;--rf-how-pad-x: 80px;--rf-how-node-size: 20px;padding-block:var(--rf-space-11)}.rf-howitworks__head{margin-bottom:var(--rf-space-10)}.rf-howitworks__title{font-size:var(--rf-text-4xl);max-width:20ch}.rf-howitworks__timeline{max-width:var(--rf-max-width)}.rf-howitworks__steps{gap:var(--rf-space-11)}.rf-howitworks__step{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--rf-space-9);align-items:start}.rf-howitworks__step:not(:has(.rf-howitworks__step-media)){grid-template-columns:1fr}.rf-howitworks__node{top:22px}.rf-howitworks__numeral{font-size:clamp(112px,11vw,160px)}.rf-howitworks__instruction{font-size:var(--rf-text-2xl);max-width:22ch}.rf-howitworks__step-media{aspect-ratio:5 / 4;max-width:520px}}@media(min-width:1024px){.rf-howitworks__numeral{font-size:clamp(128px,10vw,176px)}}@media(prefers-reduced-motion:reduce){.rf-howitworks__rail{transform:scaleY(1);transition:none}.rf-howitworks__step,.rf-howitworks__node{transition:none}.rf-howitworks__timeline[data-revealed=true] .rf-howitworks__step{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/rf-howitworks.css.map */