:root{--labs-electric-blue:#06f;--labs-cinematic-purple:#8a2bef;--labs-neon-cyan:#00f2fe;--labs-glow-color:#0066ff26;--labs-text-gradient:linear-gradient(135deg, #fff 30%, #a3a3a3 100%);--labs-grid-opacity:.03;--labs-card-bg:#0a0a0a99;--labs-card-border:#ffffff0d}[data-theme=light]{--labs-electric-blue:#04c;--labs-cinematic-purple:#6a1bcf;--labs-neon-cyan:#00b4d8;--labs-glow-color:#0046c80f;--labs-text-gradient:linear-gradient(135deg, #0a0a0a 30%, #444 100%);--labs-grid-opacity:.05;--labs-card-bg:#f0f0ebb3;--labs-card-border:#0000000f}.labs-page{background-color:var(--bg-color);color:var(--text-color);position:relative}.text-gradient{background:var(--labs-text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glow-text-blue{text-shadow:0 0 20px #06f6}.blueprint-grid{background-size:60px 60px;background-image:linear-gradient(to right, rgba(255, 255, 255, var(--labs-grid-opacity)) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, var(--labs-grid-opacity)) 1px, transparent 1px);pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}[data-theme=light] .blueprint-grid{background-image:linear-gradient(to right, rgba(0, 0, 0, var(--labs-grid-opacity)) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, var(--labs-grid-opacity)) 1px, transparent 1px)}.labs-hero{justify-content:flex-start;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.labs-hero:after{content:""!important;background:linear-gradient(to bottom, transparent 0%, var(--bg-color) 100%)!important;pointer-events:none!important;z-index:5!important;width:100%!important;height:150px!important;position:absolute!important;bottom:0!important;left:0!important}.labs-hero .hero-content{text-align:left;z-index:10;flex-direction:column;align-items:flex-start;margin-left:0;margin-right:auto;padding-top:140px;padding-left:8%;padding-right:5%;display:flex}.labs-hero .hero-title{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.labs-hero .reveal-text{white-space:normal;text-align:left}.labs-hero p.reveal-text-sub{text-align:left;max-width:550px;margin-left:0;margin-right:auto;font-size:1.25rem;line-height:1.8}.labs-hero-grid{pointer-events:none;z-index:2;background-image:linear-gradient(90deg,#0066ff05 1px,#0000 1px),linear-gradient(#0066ff05 1px,#0000 1px);background-size:80px 80px;width:100%;height:100%;position:absolute;top:0;left:0}.labs-hero-glow{pointer-events:none;z-index:2;filter:blur(80px);background:radial-gradient(circle,#8a2be226 0%,#0000 70%);width:60vw;height:60vw;position:absolute;top:-20%;right:-10%}[data-theme=light] .labs-hero-glow{background:radial-gradient(circle,#8a2be20d 0%,#0000 70%)}.why-section{z-index:3;padding:150px 0;position:relative}.why-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:80px;display:grid}.why-info{position:sticky;top:120px}.section-tag{font-family:var(--font-accent);text-transform:uppercase;letter-spacing:4px;color:var(--labs-electric-blue);margin-bottom:15px;font-size:.75rem;font-weight:700;display:inline-block}.why-info h2{font-family:var(--font-heading);text-transform:uppercase;margin-bottom:30px;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.2}.why-info p{color:var(--gray-light);font-size:1.15rem;line-height:1.8}.pillars-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.pillar-card{background:var(--labs-card-bg);-webkit-backdrop-filter:blur(15px);transition:transform .5s var(--transition), border-color .5s ease;border-radius:16px;padding:40px 30px;position:relative;overflow:hidden;border:1px solid #0066ff4d!important}.pillar-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,0px) var(--mouse-y,0px), #ffffff0d, transparent 40%);pointer-events:none;z-index:1;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}[data-theme=light] .pillar-card:before{background:radial-gradient(600px circle at var(--mouse-x,0px) var(--mouse-y,0px), #00000008, transparent 40%)}.pillar-card:hover:before{opacity:1}.pillar-card:hover{border-color:#0066ff4d;transform:translateY(-8px);box-shadow:0 10px 40px #0066ff0d}.pillar-num{font-family:var(--font-heading);color:#0000;transition:var(--transition);margin-bottom:20px;font-size:4rem;font-weight:900;line-height:1;-webkit-text-stroke:1px var(--labs-electric-blue)!important}[data-theme=light] .pillar-num{-webkit-text-stroke:1px var(--labs-electric-blue)!important}.pillar-card:hover .pillar-num{-webkit-text-stroke:1px var(--labs-electric-blue);transform:scale(1.05)}.pillar-card h3{color:var(--text-color);margin-bottom:15px;font-size:1.3rem;font-weight:700}.pillar-card p{color:var(--gray-light);font-size:.95rem;line-height:1.6}@media (width<=992px){.why-grid{grid-template-columns:1fr;gap:50px}.why-info{position:relative;top:0}}@media (width<=576px){.pillars-grid{grid-template-columns:1fr}}.volume-storytelling{z-index:3;position:relative}.volume-sticky-container{grid-template-columns:1fr 1.2fr;min-height:100vh;display:grid}.volume-narrative{flex-direction:column;justify-content:flex-start;gap:45vh;padding:10vh 10% 30vh;display:flex}.narrative-block{opacity:.2;transition:opacity .8s,transform .8s;transform:translateY(50px)}.narrative-block.active{opacity:1;transform:translateY(0)}.narrative-block h2{font-family:var(--font-heading);text-transform:uppercase;margin-bottom:25px;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.narrative-block p{color:var(--gray-light);margin-bottom:30px;font-size:1.1rem;line-height:1.7}.benefit-tag-grid{flex-wrap:wrap;gap:12px;display:flex}.benefit-tag{font-family:var(--font-accent);letter-spacing:2px;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff0d;border-radius:30px;padding:8px 16px;font-size:.7rem;font-weight:700}[data-theme=light] .benefit-tag{background:#00000005;border:1px solid #0000000d}.volume-visual{justify-content:center;align-items:center;height:100vh;padding:40px;display:flex;position:sticky;top:0;overflow:hidden}.volume-viewport{perspective:1200px;background:#000;border:1px solid #ffffff0d;border-radius:24px;width:100%;height:70vh;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.volume-screen{object-fit:cover;width:120%;height:120%;transform-style:preserve-3d;position:absolute;top:-10%;left:-10%}.volume-mesh{mix-blend-mode:screen;pointer-events:none;background-image:linear-gradient(90deg,#00f2ff14 1px,#0000 1px),linear-gradient(#00f2ff14 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.volume-tracking-hud{pointer-events:none;z-index:5;width:100%;height:100%;color:var(--labs-neon-cyan);text-shadow:0 0 10px #00f2ff80;opacity:.8;flex-direction:column;justify-content:space-between;padding:30px;font-family:monospace;font-size:.75rem;display:flex;position:absolute;top:0;left:0}.hud-top{justify-content:space-between;display:flex}.hud-bottom{justify-content:space-between;align-items:flex-end;display:flex}.hud-camera-target{border:1px dashed var(--labs-neon-cyan);border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-camera-target:before{content:"";border:1px solid var(--labs-neon-cyan);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=992px){.volume-sticky-container{flex-direction:column-reverse!important;display:flex!important}.volume-visual{z-index:100!important;background-color:var(--bg-color)!important;height:35vh!important;padding:10px!important;position:sticky!important;top:70px!important;box-shadow:0 10px 30px #00000080!important}.volume-viewport{border-radius:12px!important;height:100%!important}.volume-narrative{gap:40px!important;padding:30px 15px!important}.narrative-block{opacity:1!important;margin-bottom:20px!important;transform:none!important}.narrative-block h2{margin-bottom:12px!important;font-size:1.4rem!important}.narrative-block p{margin-bottom:15px!important;font-size:.9rem!important;line-height:1.5!important}.benefit-tag{padding:6px 12px!important;font-size:.6rem!important}}@media (width<=768px){.labs-hero{text-align:center!important;justify-content:center!important}.labs-hero .hero-content{text-align:center!important;align-items:center!important;padding-top:100px!important;padding-left:20px!important;padding-right:20px!important}.labs-hero .hero-title{text-align:center!important;align-items:center!important;margin-bottom:15px!important;font-size:2.2rem!important}.labs-hero .reveal-text{text-align:center!important}.labs-hero p.reveal-text-sub{text-align:center!important;margin-top:15px!important;font-size:.95rem!important;line-height:1.6!important}}@media (width<=480px){.labs-hero .hero-title{font-size:1.5rem!important}}.creations-section{z-index:3;padding:150px 0;position:relative}.creations-title{text-align:center;margin-bottom:80px}.creations-title h2{font-family:var(--font-heading);text-transform:uppercase;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.2}.creations-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.creation-card{border:1px solid var(--labs-card-border);background:var(--labs-card-bg);height:380px;transition:transform .6s var(--transition), border-color .5s ease;border-radius:20px;flex-direction:column;justify-content:flex-end;padding:35px 25px;display:flex;position:relative;overflow:hidden}.creation-bg{z-index:1;filter:brightness(.4)grayscale(.2);width:100%;height:100%;transition:transform .8s var(--transition), filter .8s ease;background-position:50%;background-size:cover;position:absolute;top:0;left:0}.creation-card:hover .creation-bg{filter:brightness(.65)grayscale(0);transform:scale(1.1)}.creation-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#0006 40%,#000000e6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.creation-glow{background:radial-gradient(400px circle at var(--mouse-x,0px) var(--mouse-y,0px), #00f2ff14, transparent 45%);z-index:3;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.creation-card:hover .creation-glow{opacity:1}.creation-content{z-index:4;position:relative}.creation-icon{width:40px;height:40px;color:var(--labs-neon-cyan);filter:drop-shadow(0 0 10px #00f2ff66);transition:var(--transition);margin-bottom:20px}.creation-card:hover .creation-icon{transform:translateY(-5px)}.creation-card h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:10px;font-size:1.8rem;font-weight:700}.creation-card p{color:#fff9;opacity:0;transition:transform .6s var(--transition), opacity .6s var(--transition);font-size:.9rem;line-height:1.5;transform:translateY(15px)}.creation-card:hover p{opacity:1;transform:translateY(0)}@media (width<=1200px){.creations-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.creations-grid{grid-template-columns:1fr}.creation-card{height:320px}}.timeline-horizontal-section{background-color:var(--gray-dark);z-index:3;position:relative;overflow:hidden}.timeline-pin{flex-direction:column;justify-content:center;width:100%;min-height:100vh;padding:40px 0;display:flex}.timeline-header{margin-bottom:20px}.timeline-header h2{font-family:var(--font-heading);text-transform:uppercase;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.2}.timeline-header p{color:var(--gray-light);max-width:700px;font-size:1.05rem}.timeline-horizontal-wrapper{width:100%;position:relative;overflow:hidden}.timeline-track{gap:40px;width:max-content;padding:15px 40px;display:flex}.timeline-node{background:var(--labs-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;justify-content:space-between;width:380px;height:220px;padding:25px;transition:border-color .4s,box-shadow .4s;display:flex;position:relative;border:1px solid #8a2be266!important}@media (width<=768px){.timeline-pin{padding:20px 0!important}.timeline-node{width:290px!important;height:185px!important;padding:20px!important}.timeline-track{gap:20px!important;padding:10px 20px!important}.node-content h3{margin-bottom:6px!important;font-size:1.15rem!important}.node-content p{font-size:.85rem!important;line-height:1.4!important}.node-number{font-size:.75rem!important;top:20px!important;right:20px!important}}.timeline-node:hover{border-color:#8a2be266;box-shadow:0 10px 40px #8a2be20d}.node-year{font-family:var(--font-heading);color:var(--labs-cinematic-purple);margin-bottom:10px;font-size:2.8rem;font-weight:900;line-height:1}.node-content h3{text-transform:uppercase;margin-bottom:8px;font-size:1.35rem;font-weight:700}.node-content p{color:var(--gray-light);font-size:.92rem;line-height:1.5}.node-number{color:var(--gray-light);opacity:.5;font-family:monospace;font-size:.8rem;position:absolute;top:25px;right:25px}.timeline-track:after{content:"";background:linear-gradient(90deg, var(--labs-electric-blue) 0%, var(--labs-cinematic-purple) 100%);z-index:-1;opacity:.15;width:100%;height:2px;position:absolute;top:50%;left:0}.process-section{z-index:3;padding:150px 0;position:relative}.process-title{text-align:center;margin-bottom:100px}.process-title h2{font-family:var(--font-heading);text-transform:uppercase;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.2}.process-container{max-width:1000px;margin:0 auto;position:relative}.process-svg-wrapper{z-index:1;width:4px;height:100%;position:absolute;top:0;left:50px;transform:translate(-50%)}.process-svg-line{width:4px;height:100%}.process-steps{flex-direction:column;gap:80px;display:flex}.process-step-node{z-index:2;grid-template-columns:100px 1fr;gap:40px;display:grid;position:relative}.step-marker{justify-content:center;align-items:center;width:100px;display:flex}.marker-circle{background:var(--bg-color);border:2px solid var(--labs-card-border);width:50px;height:50px;font-family:var(--font-heading);color:var(--gray-light);transition:var(--transition), border-color .4s ease;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.process-step-node.active .marker-circle{border-color:var(--labs-electric-blue);color:var(--labs-electric-blue);transform:scale(1.15);box-shadow:0 0 15px #06f6}.step-body{background:var(--labs-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .5s var(--transition), border-color .5s ease;border-radius:20px;padding:40px;border:1px solid #0066ff4d!important}.step-body:hover{border-color:#0066ff4d;transform:translate(10px)}.step-body h3{text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1.5rem;font-weight:700;display:flex}.step-body p{color:var(--gray-light);font-size:1rem;line-height:1.7}@media (width<=768px){.process-step-node{grid-template-columns:70px 1fr;gap:15px}.step-marker{width:70px}.process-svg-wrapper{left:35px}.marker-circle{width:40px;height:40px;font-size:1.2rem}.step-body{padding:25px}}.live-projects-section{z-index:3;background-color:var(--bg-color);padding:150px 0;position:relative}.live-projects-title{margin-bottom:60px}.live-projects-title h2{font-family:var(--font-heading);text-transform:uppercase;color:var(--text-color);margin-top:10px;margin-bottom:20px;font-size:clamp(2.2rem,5vw,3.5rem)}.section-subtitle{color:var(--gray-light);max-width:600px;font-size:1.1rem;line-height:1.6}.video-carousel-container{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;padding:20px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.video-carousel-container.is-dragging{cursor:grabbing}.video-carousel-track{will-change:transform;gap:40px;width:max-content;transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex}.video-carousel-container.is-dragging .video-carousel-track{transition:none}.video-carousel-card{width:380px;transition:transform .5s var(--transition), border-color .5s var(--transition), box-shadow .5s var(--transition);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}[data-theme=light] .video-carousel-card{background:#00000004;border-color:#0000000d}.video-carousel-card:hover{border-color:var(--labs-neon-cyan);transform:translateY(-8px);box-shadow:0 20px 40px #00f2fe1a}.video-thumb-wrapper{background:#000;width:100%;height:210px;position:relative;overflow:hidden}.video-thumb-wrapper img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:transform .5s var(--transition), opacity .5s var(--transition)}.video-carousel-card:hover .video-thumb-wrapper img{opacity:1;transform:scale(1.06)}.play-btn-circle{color:#000;width:64px;height:64px;transition:transform .4s cubic-bezier(.175, .885, .32, 1.275), background .4s var(--transition), box-shadow .4s var(--transition);z-index:2;cursor:pointer;background:#00f2fee6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 10px 25px #00f2fe66}.play-btn-circle svg{margin-left:2px}.video-carousel-card:hover .play-btn-circle{background:#fff;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 15px 30px #fff6}.video-card-info{flex-direction:column;flex-grow:1;padding:30px;display:flex}.video-tag{font-family:var(--font-accent);letter-spacing:2px;color:var(--labs-neon-cyan);text-transform:uppercase;margin-bottom:12px;font-size:.7rem;font-weight:700}.video-card-info h3{font-family:var(--font-heading);color:var(--text-color);margin-bottom:10px;font-size:1.35rem;line-height:1.3}.video-card-info p{color:var(--gray-light);font-size:.9rem;line-height:1.5}.video-slider-controls{justify-content:flex-end;gap:15px;margin-top:30px;display:flex}.video-control-btn{width:50px;height:50px;color:var(--text-color);cursor:pointer;transition:all .3s var(--transition);background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}[data-theme=light] .video-control-btn{background:#00000005;border-color:#00000014}.video-control-btn:hover{background:var(--text-color);border-color:var(--text-color);color:var(--bg-color);transform:scale(1.05)}.video-modal-overlay{z-index:2500;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.video-modal-overlay.active{display:flex}.video-modal-bg{background-color:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(15px);justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute}.video-modal-card{background-color:var(--gray-dark);border:1px solid var(--gray-medium);opacity:0;width:90%;max-width:960px;transition:transform .5s var(--transition), opacity .5s var(--transition);border-radius:24px;padding:50px 30px 40px;position:relative;transform:translateY(30px);box-shadow:0 25px 60px #0009}[data-theme=light] .video-modal-card{background-color:var(--bg-color);border-color:var(--gray-medium);box-shadow:0 25px 60px #00000014}.video-modal-overlay.active .video-modal-card{opacity:1;transform:translateY(0)}#close-video-modal{color:var(--gray-light);cursor:pointer;z-index:50;background:0 0;border:none;font-size:2.2rem;transition:color .3s;position:absolute;top:15px;right:20px}#close-video-modal:hover{color:var(--text-color)}.video-modal-iframe-wrapper{background:#000;border:1px solid #ffffff0d;border-radius:16px;width:100%;margin-bottom:25px;padding-top:56.25%;position:relative;overflow:hidden}.video-modal-iframe-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-modal-info h3{font-family:var(--font-heading);color:var(--text-color);text-transform:uppercase;margin-bottom:12px;font-size:1.8rem}.video-modal-info p{color:var(--gray-light);font-size:1rem;line-height:1.6}@media (width<=992px){.video-carousel-track{gap:30px}}@media (width<=768px){.video-carousel-card{width:320px}.video-thumb-wrapper{height:180px}.video-modal-card{padding:40px 20px 30px}.video-modal-info h3{font-size:1.4rem}}.brutal-cta{z-index:3;background-color:#000;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.cta-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.brutal-cta-glow{pointer-events:none;z-index:2;filter:blur(80px);background:radial-gradient(#0066ff26 0%,#0000 70%);width:80vw;height:40vw;position:absolute;bottom:-30%;left:50%;transform:translate(-50%)}.brutal-cta-content{z-index:3;text-align:center;max-width:800px;padding:0 40px;position:relative}.brutal-cta-content h2{font-family:var(--font-heading);text-transform:uppercase;color:#fff;margin-bottom:25px;font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.15}.brutal-cta-content p{color:#fff9;margin-bottom:40px;font-size:1.25rem;line-height:1.7}.brutal-cta-content .btn{border-color:#fff!important}.brutal-cta-content .btn-primary{color:#000!important;background-color:#fff!important}.brutal-cta-content .btn-primary:hover{color:#fff!important;background-color:#0000!important}