#solutions .solution-stage{position:relative}
#solutions .solutions-progress{position:absolute;left:clamp(1.2rem,3vw,3rem);top:0;bottom:0;width:2px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:3}
#solutions .solutions-progress i{position:absolute;top:0;bottom:0;width:1px;background:rgba(241,240,235,.24)}
#solutions .solutions-progress i::after{content:"";position:absolute;top:0;left:0;width:2px;height:var(--solution-progress,0%);background:var(--acid);transition:height .35s ease}
#solutions .solutions-progress b{width:11px;height:11px;border-radius:50%;background:var(--graphite);border:1px solid rgba(241,240,235,.5);z-index:1;transition:.35s}
#solutions .solutions-progress b.active{background:var(--acid);border-color:var(--acid);box-shadow:0 0 0 5px rgba(183,255,56,.16)}
#solutions .solution-count,#solutions .solution-copy,#solutions .solution-model{position:relative;z-index:2}
#solutions .solution-count{padding-left:clamp(2.5rem,5vw,5rem)}
#solutions .solution-copy h2,#solutions .solution-copy p{transition:opacity .28s ease,transform .28s ease}
#solutions .solutions-rail span{transition:opacity .3s ease,color .3s ease}
@media(max-width:991px){#solutions .solutions-progress{left:1.3rem;top:0;bottom:auto;height:280px}#solutions .solution-count,#solutions .solution-copy{padding-left:2.8rem}}
#solutions{height:430vh;overflow:hidden;background:var(--graphite);color:var(--bg)}
#solutions .section-kicker,
#solutions .section-kicker span{color:#fff}
#solutions .solutions-pin{height:100vh;display:flex;align-items:center;overflow:hidden}
#solutions .solutions-timeline{height:72vh;position:relative;overflow:hidden;margin-top:1rem}
#solutions .timeline-line{position:absolute;z-index:1;left:50%;top:0;bottom:0;width:1px;background:rgba(241,240,235,.24)}
#solutions .timeline-line i{display:block;width:2px;height:var(--solution-progress,0%);background:var(--acid);transition:height .3s ease}
#solutions .solution-dots{position:absolute;z-index:4;left:50%;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transform:translateX(-50%);pointer-events:none}
#solutions .solution-dots span{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(241,240,235,.38);border-radius:50%;background:var(--graphite);color:#8d918a;font:600 8px/1 var(--grotesk);letter-spacing:.03em;transition:color .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}
#solutions .solution-dots span.active{color:var(--ink);border-color:var(--acid);background:var(--acid);box-shadow:0 0 0 5px rgba(183,255,56,.12)}
#solutions .timeline-track{position:relative;z-index:2;height:100%;will-change:transform}
#solutions .solution-item{position:absolute;inset:0;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(28px) scale(.985);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s;position:absolute}
#solutions .solution-item::before{display:none}
#solutions .solution-item.active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
#solutions .solution-item.active::before{opacity:1;background:var(--acid);box-shadow:0 0 0 5px rgba(192,255,46,.12)}
#solutions .solution-item:nth-child(even){direction:rtl}.solution-item>*{direction:ltr}
#solutions .solution-item-copy{max-width:410px;padding:0 2rem;justify-self:start}.solution-item:nth-child(even) .solution-item-copy{justify-self:start}
#solutions .solution-item-copy>span{font:600 10px var(--grotesk);letter-spacing:.1em;color:var(--acid)}
#solutions .solution-item-copy h2{font-size:clamp(2.8rem,5vw,6.5rem);margin:1rem 0 1.2rem}
#solutions .solution-item-copy p{font-size:15px;line-height:1.55;color:#d5d7d0;max-width:330px;margin:0 0 2rem}
#solutions .light-link{color:#fff;transition:color .3s ease,opacity .3s ease}
#solutions .light-link:hover{color:var(--acid);opacity:.9}
#solutions .solution-item-visual{height:48vh;display:grid;place-items:center;padding:1rem}.solution-item-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(16px 20px 18px rgba(0,0,0,.22))}
.no-gsap #solutions{height:auto}.no-gsap #solutions .solutions-pin{height:auto;min-height:100vh}.no-gsap #solutions .solutions-timeline{height:72vh;overflow:hidden}.no-gsap #solutions .timeline-track{height:100%}.no-gsap #solutions .solution-item{position:absolute;inset:0;min-height:0}.no-gsap #solutions .solution-item:not(.active){display:none}.no-gsap #solutions .solution-item.active{display:grid;opacity:1;visibility:visible;pointer-events:auto;transform:none}
html:not(.gsap-ready) #solutions{height:auto}html:not(.gsap-ready) #solutions .solutions-pin{height:auto;min-height:100vh}html:not(.gsap-ready) #solutions .solutions-timeline{height:72vh;overflow:hidden}html:not(.gsap-ready) #solutions .solution-item:not(.active){display:none}
@media(max-width:991px){#solutions{height:auto}.solutions-pin{height:auto!important;padding:7rem 0}.solutions-timeline{height:auto!important;overflow:visible!important}.timeline-line{left:1.3rem!important;top:0;bottom:0}.solution-dots{left:1.3rem!important;transform:translateX(-50%)}.timeline-track{height:auto!important}.solution-item,.solution-item:nth-child(even){position:relative;inset:auto;height:auto;min-height:560px;display:grid;grid-template-columns:1fr;gap:1.5rem;direction:ltr!important;opacity:1!important;visibility:visible!important;pointer-events:auto;transform:none!important;padding-left:2rem}.solution-item-copy,.solution-item:nth-child(even) .solution-item-copy{justify-self:start;padding:0}.solution-item-visual{height:260px!important;max-width:520px}}
