.scrub-lab{height:520vh;position:relative;--lab-p:0;--lab-wipe:0%;background:#1d1d1b}.lab-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#111}.lab-now,.lab-future,.lab-blueprint,.lab-shutter,.lab-interface{position:absolute;inset:0}.lab-now,.lab-future{background-size:cover;background-position:center;will-change:transform,filter,clip-path}.lab-now{background-image:url('../images/sequence/01-plein.jpg');transform:scale(calc(1.02 + var(--lab-p)*.18)) translate3d(calc(var(--lab-p)*-3vw),calc(var(--lab-p)*-2vh),0);filter:saturate(calc(1 - var(--lab-p)*.55)) brightness(calc(1 - var(--lab-p)*.2))}.lab-future{background-image:url('../images/sequence/06-toekomst.jpg');clip-path:polygon(0 0,var(--lab-wipe) 0,var(--lab-wipe) 100%,0 100%);transform:scale(calc(1.14 - var(--lab-p)*.12)) translate3d(calc((1 - var(--lab-p))*3vw),0,0);filter:saturate(calc(.35 + var(--lab-p)*.85))}.lab-future:after{content:'';position:absolute;top:0;bottom:0;left:var(--lab-wipe);width:3px;background:#fde377;box-shadow:0 0 30px #fde377;transform:translateX(-2px)}.lab-blueprint{opacity:calc(var(--lab-p)*.8);background:linear-gradient(rgba(0,135,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(0,135,255,.28) 1px,transparent 1px);background-size:55px 55px;transform:perspective(800px) rotateX(calc(62deg - var(--lab-p)*42deg)) scale(calc(1.5 - var(--lab-p)*.45));transform-origin:center bottom;mix-blend-mode:screen}.lab-blueprint i{position:absolute;border:1px solid rgba(253,227,119,.85)}.lab-blueprint i:nth-child(1){left:12%;top:28%;width:20%;height:38%}.lab-blueprint i:nth-child(2){left:37%;top:18%;width:25%;height:51%}.lab-blueprint i:nth-child(3){right:10%;top:35%;width:24%;height:33%}.lab-blueprint i:nth-child(4){left:8%;right:8%;bottom:16%;height:1px;border:0;background:#fde377}.lab-shutter{background:linear-gradient(90deg,rgba(0,135,255,.2),transparent 35%,rgba(253,76,106,.2)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 40%,rgba(0,0,0,.42));pointer-events:none}.lab-interface{padding:30px var(--pad) 34px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.lab-interface header,.lab-interface footer{display:grid;grid-template-columns:1fr 1fr 1fr;font:9px var(--mono);letter-spacing:.13em}.lab-interface header span:nth-child(2){text-align:center}.lab-interface header span:last-child,.lab-interface footer span:last-child{text-align:right}.lab-center{align-self:center;width:min(1180px,100%);text-align:center}.lab-kicker{font:10px var(--mono);letter-spacing:.16em;color:#fde377}.lab-years{display:flex;justify-content:center;align-items:center;gap:clamp(18px,4vw,65px);margin:25px 0}.lab-years strong{font:900 clamp(56px,11vw,168px)/.8 Aeonik,sans-serif;letter-spacing:-.08em}.lab-years strong:last-child{-webkit-text-stroke:1px #fff;color:transparent}.lab-years i{font-style:normal;color:#fde377}.lab-lines{height:70px;position:relative}.lab-lines p{position:absolute;inset:0;margin:0;font-size:clamp(20px,2.7vw,40px);opacity:0;transform:translateY(22px);transition:opacity .35s,transform .35s}.lab-lines p.active{opacity:1;transform:none}.lab-interface footer{align-items:center}.lab-track{position:relative;height:2px;background:rgba(255,255,255,.35);margin:0 20px}.lab-track i{display:block;height:100%;background:#fde377;transform-origin:left;transform:scaleX(var(--lab-p))}.lab-track b{position:absolute;left:var(--lab-wipe);top:50%;width:12px;height:12px;border:2px solid #fde377;border-radius:50%;transform:translate(-50%,-50%);background:#1d1d1b}@media(max-width:800px){.scrub-lab{height:430vh}.lab-interface header span:nth-child(2){display:none}.lab-interface header{grid-template-columns:1fr 1fr}.lab-years{display:block}.lab-years i{display:block;margin:18px}.lab-interface footer{grid-template-columns:auto 1fr auto}.lab-years strong{font-size:20vw}}