.work-process-vertical{position:relative;overflow:hidden}.shimmer-text{background:linear-gradient(90deg,#fff 0%,#9b5de5 50%,#fff 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.timeline-container{max-width:1000px;margin:0 auto;padding:2rem 0;position:relative}.progress-line-container{z-index:1;background:#9b5de533;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:768px){.progress-line-container{left:2rem}}.progress-line-fill{transform-origin:top;background:linear-gradient(#9b5de54d,#9b5de5cc,#9b5de5e6);border-radius:2px;width:100%;transition:height .1s ease-out;position:absolute;top:0;left:0;box-shadow:0 0 10px #9b5de580,0 0 20px #9b5de54d}.steps-wrapper{z-index:2;position:relative}.step-item{grid-template-columns:1fr 60px 1fr;align-items:center;gap:3rem;width:100%;min-height:120px;margin-bottom:4rem;display:grid;position:relative}.step-item:last-child{margin-bottom:0}.step-item:nth-child(odd){grid-template-areas:"content marker spacer"}.step-item:nth-child(2n){grid-template-areas:"spacer marker content"}@media (max-width:768px){.step-item{grid-template-columns:auto 1fr;grid-template-areas:"marker content";align-items:flex-start;gap:2rem;margin-bottom:3rem;padding-left:0}}.step-marker-wrapper{z-index:2;flex-shrink:0;grid-area:marker;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}@media (max-width:768px){.step-marker-wrapper{width:50px;height:50px}}.step-marker{z-index:3;background:#0b0c1acc;border:3px solid #9b5de54d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s;display:flex;position:relative}@media (max-width:768px){.step-marker{border-width:2px;width:50px;height:50px}}.step-marker.active{background:#9b5de51a;border-color:#9b5de5;box-shadow:0 0 20px #9b5de599,0 0 40px #9b5de566}.step-marker-inner{background:#9b5de580;border-radius:50%;width:16px;height:16px;transition:all .4s}@media (max-width:768px){.step-marker-inner{width:12px;height:12px}}.step-marker.active .step-marker-inner{background:#9b5de5;width:24px;height:24px;box-shadow:0 0 15px #9b5de5cc}@media (max-width:768px){.step-marker.active .step-marker-inner{width:18px;height:18px}}.step-marker-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#9b5de566,#0000 70%);border-radius:50%;transition:opacity .4s;position:absolute;inset:-10px}.step-marker.active .step-marker-glow{opacity:1}.step-content{flex-direction:column;grid-area:content;display:flex}.step-item:nth-child(odd) .step-content{text-align:left;justify-self:flex-end;align-items:flex-start;max-width:100%;padding-right:1rem}.step-item:nth-child(2n) .step-content{text-align:right;justify-self:flex-start;align-items:flex-end;max-width:100%;padding-left:1rem}@media (max-width:768px){.step-content{text-align:left;justify-self:flex-start;align-items:flex-start;max-width:100%;padding-left:0;padding-right:0}}.step-number{color:#9b5de599;letter-spacing:2px;width:100%;margin-bottom:.5rem;font-size:.875rem;font-weight:700;transition:color .4s;display:block}.step-item.active .step-number{color:#9b5de5}.step-title{color:#fff;width:100%;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:1.3;transition:all .4s;display:block}@media (max-width:768px){.step-title{font-size:1.25rem}}.step-item.active .step-title{color:#fff;text-shadow:0 0 10px #9b5de54d}.step-description{color:#ffffffb3;width:100%;max-width:600px;font-size:1rem;line-height:1.6;transition:color .4s;display:block}@media (max-width:768px){.step-description{max-width:100%;font-size:.9375rem}}.step-item.active .step-description{color:#ffffffe6}.step-item:before{content:"";grid-area:spacer}@media (max-width:768px){.step-item:before{display:none}.step-item{flex-direction:row}.step-content{text-align:left}}@keyframes liquidFlow{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}.progress-line-fill:after{content:"";background:#9b5de5;border-radius:3px;width:6px;height:20px;animation:2s ease-in-out infinite liquidFlow;position:absolute;top:0;left:-2px;box-shadow:0 0 15px #9b5de5cc}
.story-cinematic-section{width:100%;position:relative;overflow:hidden}.story-liquid-background{pointer-events:none;z-index:0;background:radial-gradient(#8a4dff14 0%,#9b5de50d 30%,#0000 60%);animation:15s ease-in-out infinite liquidFlow;position:absolute;inset:0}@keyframes liquidFlow{0%,to{opacity:.8;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(-3%,-2%)scale(1.05)}}@media (prefers-reduced-motion:reduce){.story-liquid-background{animation:none}}