.rf{--p:0;--t2:clamp(0, calc((var(--p) - .2) * 5), 1);--t3:clamp(0, calc((var(--p) - .4) * 5), 1);--t4:clamp(0, calc((var(--p) - .6) * 5), 1);--t5:clamp(0, calc((var(--p) - .8) * 5), 1);height:300svh;margin-top:-3rem}@media (min-width:768px){.rf{height:400svh}}@media (min-width:1024px){.rf{margin-top:-4rem}}.rf-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.rf-layout{height:100%;padding:4.75rem 1.25rem calc(5.25rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1rem;display:flex}.rf-stage-wrap{flex:auto;order:-1;min-width:0;min-height:30svh;max-height:62svh;position:relative}.rf-panel{flex-direction:column;flex:none;justify-content:flex-start;gap:1rem;display:flex}@media (min-width:1024px){.rf-layout{flex-direction:row;align-items:center;gap:4rem;max-width:88rem;margin:0 auto;padding:5.5rem 2rem 2rem}.rf-stage-wrap{flex:1;order:0;min-height:0;max-height:none;position:static}.rf-panel{justify-content:center;gap:3rem;width:28%}}.rf-stage{background:#0b0a09;position:absolute;inset:0;overflow:hidden}@media (min-width:1024px){.rf-stage{aspect-ratio:16/10;width:100%;position:relative;inset:auto}}.rf-media{transform-origin:50% 60%;transform:scale(calc(1.06 - var(--t5) * .06));filter:sepia(calc(var(--t5) * .14)) saturate(calc(1 + var(--t5) * .12)) brightness(calc(1 + var(--t5) * .03));will-change:transform;position:absolute;inset:0}.rf-layer{position:absolute;inset:0}.rf-obra{clip-path:polygon(0 0, calc(var(--t2) * 130%) 0, calc(var(--t2) * 130% - 30%) 100%, 0 100%);position:absolute;inset:0}.rf-dust{pointer-events:none;opacity:calc(4 * var(--t2) * (1 - var(--t2)) * .5);transform:translate3d(calc(var(--t2) * 14%), 0, 0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .88 0 0 0 0 .84 0 0 0 0 .76 0 0 0 1.1 -.15'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(at 50% 55%,#000 25%,#0000 72%);mask-image:radial-gradient(at 50% 55%,#000 25%,#0000 72%)}.rf-lines{width:100%;height:100%;opacity:calc(clamp(0, calc(var(--t3) * 4), 1) * (1 - clamp(0, calc(var(--t4) * 2), 1)));position:absolute;inset:0}.rf-lines path,.rf-lines rect,.rf-lines circle{fill:none;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.rf-pipe{stroke:#4da3e0;stroke-dashoffset:calc(1 - clamp(0, calc(var(--t3) * 1.6), 1))}.rf-wire{stroke:#ee7d1f;stroke-dashoffset:calc(1 - clamp(0, calc((var(--t3) - .35) * 1.6), 1))}.rf-strip{--w:16.6667%;clip-path:inset(0 max(-1px, calc(100% - (var(--j) + 1) * var(--w) - 1px)) calc((1 - clamp(0, calc(var(--t4) * 1.5 - .1 * var(--j)), 1)) * 100%) calc(var(--j) * var(--w)));position:absolute;inset:0}.rf-full{opacity:clamp(0, calc((var(--t4) - .99) * 100), 1);position:absolute;inset:0}.rf-shade{pointer-events:none;opacity:clamp(0, calc((var(--t5) - .02) * 4), 1);background:linear-gradient(#14121000 12%,#141210cc 58%,#141210eb 100%);position:absolute;inset:0}.rf-badge{color:#f5f1ea;background:#141210b8;padding:.3rem .65rem;font-size:.875rem;position:absolute;top:.75rem;left:.75rem}.rf-final{visibility:hidden;opacity:clamp(0, calc((var(--t5) - .3) * 3), 1);transform:translateY(calc((1 - clamp(0, calc((var(--t5) - .3) * 3), 1)) * 14px));flex-direction:column;align-items:flex-start;gap:.9rem;padding:1.1rem;display:flex;position:absolute;inset:auto 0 0}.rf-final[data-on=true]{visibility:visible}@media (min-width:768px){.rf-final{flex-direction:row;justify-content:space-between;align-items:flex-end;padding:1.75rem}}.rf-phases{display:grid}.rf-phase{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .2s,visibility 0s linear .2s}.rf-phase[data-active=true]{opacity:1;visibility:visible;transition-delay:0s}.rf-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;display:grid}.rf-step-fill{transform-origin:0;height:2px;transform:scaleX(clamp(0, calc(var(--p) * 5 - var(--i)), 1));background:#ee7d1f;position:absolute;inset:0 0 auto}@media (prefers-reduced-motion:reduce){.rf-phase{transition:none}}