:root{--bg:#090909;--bg-soft:#0d0d0f;--panel:#ffffff08;--panel-border:#ffffff14;--accent:#3153d8;--accent-bright:#4f74ff;--accent-glow:#3153d88c;--white:#f4f5f7;--muted:#8a8d96;--muted-dim:#5a5c63;--font-display:"Anton", "Archivo", system-ui, sans-serif;--font-grotesk:"Archivo", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--maxw:1400px;--gutter:clamp(1.25rem, 5vw, 5rem)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{background:var(--bg);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;line-height:1.5;overflow-x:clip}body{cursor:default}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.grain{pointer-events:none;z-index:9000;opacity:.05;mix-blend-mode:overlay;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.6s steps(3,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}.vignette{pointer-events:none;z-index:8000;background:radial-gradient(130% 100% at 50% 45%,#0000 55%,#0000008c 100%);position:fixed;inset:0}.bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.progress-bar{transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-bright));width:100%;height:2px;box-shadow:0 0 16px var(--accent-glow);z-index:9500;position:fixed;top:0;left:0;transform:scaleX(0)}.nav{z-index:5000;width:100%;padding:1.4rem var(--gutter);mix-blend-mode:difference;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.nav__brand{align-items:center;display:inline-flex}.nav__logo{width:auto;height:30px;color:var(--white);display:block}.nav__links{letter-spacing:.22em;text-transform:uppercase;color:var(--white);gap:2rem;font-size:.72rem;display:flex}.nav__links a{opacity:.75;transition:opacity .3s var(--ease);position:relative}.nav__links a:hover{opacity:1}@media (width<=720px){.nav__links{display:none}}.section{z-index:1;padding:clamp(6rem, 14vh, 12rem) var(--gutter);max-width:var(--maxw);margin:0 auto;position:relative}.eyebrow{font-family:var(--font-grotesk);letter-spacing:.32em;text-transform:uppercase;color:var(--accent-bright);align-items:center;gap:.6rem;font-size:.72rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-bright);width:28px;height:1px;display:inline-block}.section-head{margin-bottom:clamp(2.5rem,6vw,5rem)}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin-top:1.2rem;font-size:clamp(2.6rem,8vw,7rem);font-weight:400;line-height:.92}.watermark{font-family:var(--font-display);text-transform:uppercase;color:#ffffff06;letter-spacing:-.02em;z-index:-1;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:clamp(6rem,26vw,26rem);line-height:.8;position:absolute}.reveal{opacity:0;filter:blur(8px);transition:opacity .9s var(--ease), transform .9s var(--ease), filter .9s var(--ease);transform:translateY(38px)}.reveal.is-in{opacity:1;filter:none;transform:none}.hero{z-index:1;height:180vh;position:relative}.hero__sticky{flex-direction:column;justify-content:flex-end;align-items:center;height:100vh;padding-bottom:clamp(3.5rem,9vh,7rem);display:flex;position:sticky;top:0;overflow:hidden}.hero__video-wrap{z-index:0;position:absolute;inset:0}.hero__poster{object-fit:cover;opacity:.62;filter:contrast(1.08)saturate(1.05);width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.hero__poster.is-hidden{opacity:0}.hero__video{object-fit:cover;opacity:0;filter:contrast(1.08)saturate(1.05);width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.hero__video.is-ready{opacity:.62}.hero__video-fallback{background:radial-gradient(60% 60% at 50% 40%, #3153d859, transparent 70%), radial-gradient(40% 50% at 70% 70%, #4f74ff2e, transparent 70%), var(--bg);position:absolute;inset:0}.hero__grade{z-index:1;background:linear-gradient(#0909098c 0%,#0909091f 22%,#0000 42%,#090909b8 82%,#090909f0 100%);position:absolute;inset:0}.hero__content{z-index:2;text-align:center;padding:0 var(--gutter);width:100%;position:relative}.hero__title{margin:0 auto}.hero__eyebrow{font-family:var(--font-grotesk);letter-spacing:.4em;text-transform:uppercase;color:var(--muted);margin-bottom:1.4rem;font-size:clamp(.62rem,1.4vw,.8rem);font-weight:600}.hero__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.015em;text-shadow:0 4px 40px #0009;font-size:clamp(3rem,12vw,12rem);line-height:.84}.hero__title .line{display:block;overflow:hidden}.hero__title .word{display:inline-block}.hero__subtitle{font-family:var(--font-grotesk);letter-spacing:.28em;text-transform:uppercase;color:var(--accent-bright);margin-top:1.6rem;font-size:clamp(.9rem,2.4vw,1.5rem);font-weight:500}.hero__desc{max-width:40ch;color:var(--muted);margin:1.6rem auto 0;font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.6}.hero__scroll{bottom:2rem;right:var(--gutter);z-index:3;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;gap:.7rem;font-size:.6rem;display:flex;position:absolute}@media (width<=720px){.hero__scroll{display:none}}.hero__mouse{border:1px solid var(--muted-dim);border-radius:14px;width:22px;height:36px;position:relative}.hero__mouse:after{content:"";background:var(--accent-bright);width:3px;height:7px;animation:mouse 1.6s var(--ease) infinite;border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes mouse{0%{opacity:0;transform:translate(-50%)}40%{opacity:1}80%{opacity:0;transform:translate(-50%,12px)}to{opacity:0}}.kinetic{z-index:1;border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);background:var(--bg-soft);padding:clamp(2rem,6vh,5rem) 0;position:relative;overflow:hidden}.kinetic__track{white-space:nowrap;font-family:var(--font-display);text-transform:uppercase;will-change:transform;gap:2.5rem;font-size:clamp(2.4rem,8vw,6.5rem);line-height:1;display:flex}.kinetic__item{color:#0000;-webkit-text-stroke:1px #ffffff47}.kinetic__item--fill{color:var(--white);-webkit-text-stroke:0}.kinetic__dot{color:var(--accent-bright);-webkit-text-stroke:0}.stats{background:var(--panel-border);border:1px solid var(--panel-border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat{background:var(--bg);padding:clamp(2rem,5vw,3.6rem) clamp(1.2rem,3vw,2.4rem)}.stat__num{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;font-size:clamp(2.8rem,7vw,5.5rem);line-height:1}.stat__num span{color:var(--accent-bright)}.stat__label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.8rem;font-size:.72rem}@media (width<=860px){.stats{grid-template-columns:repeat(2,1fr)}}.services__grid{background:var(--panel-border);border:1px solid var(--panel-border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.service{background:var(--bg);min-height:clamp(180px,22vw,260px);transition:background .5s var(--ease);flex-direction:column;justify-content:space-between;padding:clamp(1.6rem,3vw,2.4rem);display:flex;position:relative;overflow:hidden}.service:after{content:"";background:radial-gradient(120% 100% at 0% 100%, var(--accent-glow), transparent 60%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none;position:absolute;inset:0}.service:hover{background:var(--bg-soft)}.service:hover:after{opacity:.18}.service__idx{font-family:var(--font-grotesk);letter-spacing:.2em;color:var(--muted-dim);font-size:.72rem;font-weight:600}.service__name{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:.95}@media (width<=980px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.services__grid{grid-template-columns:1fr}}.videoband{z-index:1;align-items:center;height:90vh;display:grid;position:relative;overflow:hidden}.videoband__media{z-index:0;position:absolute;inset:-8% 0}.videoband__media video{object-fit:cover;opacity:.55;will-change:transform;width:100%;height:100%}.videoband__grade{z-index:1;background:linear-gradient(90deg, #090909e6 0%, transparent 55%), linear-gradient(0deg, var(--bg) 0%, transparent 40%, #09090999 100%);position:absolute;inset:0}.videoband__caption{z-index:2;padding:0 var(--gutter);max-width:var(--maxw);width:100%;margin:0 auto;position:relative}.videoband__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.015em;margin-top:1rem;font-size:clamp(2.6rem,9vw,8rem);line-height:.9}.videoband__title em{color:var(--accent-bright);font-style:normal}.work__grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.6rem);display:grid}.work-card{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);isolation:isolate;min-height:clamp(240px,34vw,380px);transition:transform .6s var(--ease), border-color .6s var(--ease);will-change:transform;background:linear-gradient(160deg,#ffffff0d,#ffffff03);border-radius:18px;flex-direction:column;justify-content:flex-end;padding:clamp(1.6rem,3vw,2.6rem);display:flex;position:relative;overflow:hidden}.work-card__glow{z-index:-1;opacity:.6;transition:opacity .6s var(--ease), transform .6s var(--ease);position:absolute;inset:0}.work-card__media{z-index:-2;position:absolute;inset:0;overflow:hidden}.work-card__media video,.work-card__media img{object-fit:cover;opacity:.28;width:100%;height:100%;transition:opacity .6s var(--ease), transform .9s var(--ease);transform:scale(1.05)}.work-card:hover{border-color:#4f74ff80;transform:translateY(-6px)}.work-card:hover .work-card__media video,.work-card:hover .work-card__media img{opacity:.42;transform:scale(1.1)}.work-card:hover .work-card__glow{opacity:.9}.work-card__tag{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:.8rem;font-size:.68rem}.work-card__title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.5rem,3vw,2.6rem);line-height:.95}.work-card__desc{color:var(--muted);max-width:34ch;margin-top:.7rem;font-size:.92rem}.work-card__arrow{border:1px solid var(--panel-border);width:44px;height:44px;color:var(--white);transition:background .4s var(--ease), transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:clamp(1.4rem,3vw,2.2rem);right:clamp(1.4rem,3vw,2.2rem)}.work-card:hover .work-card__arrow{background:var(--accent);transform:rotate(-45deg)}@media (width<=780px){.work__grid{grid-template-columns:1fr}}.about__grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.about__lead{font-family:var(--font-grotesk);font-size:clamp(1.3rem,2.6vw,2rem);font-weight:500;line-height:1.3}.about__lead span{color:var(--muted)}.about__body{color:var(--muted);max-width:44ch;margin-top:1.4rem;line-height:1.7}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent), transparent);width:1px;position:absolute;top:6px;bottom:6px;left:5px}.tl-item{padding-bottom:2.4rem;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--bg);border:2px solid var(--accent-bright);width:11px;height:11px;box-shadow:0 0 14px var(--accent-glow);border-radius:50%;position:absolute;top:6px;left:-2rem}.tl-item__phase{letter-spacing:.24em;text-transform:uppercase;color:var(--muted-dim);font-size:.68rem}.tl-item__title{font-family:var(--font-display);text-transform:uppercase;margin-top:.3rem;font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1}.tl-item__desc{color:var(--muted);max-width:42ch;margin-top:.5rem;font-size:.92rem}@media (width<=860px){.about__grid{grid-template-columns:1fr}}.tech__cloud{flex-wrap:wrap;gap:clamp(.7rem,1.5vw,1.1rem);display:flex}.tech-chip{font-family:var(--font-grotesk);letter-spacing:.02em;border:1px solid var(--panel-border);color:var(--muted);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .4s var(--ease), border-color .4s var(--ease), transform .4s var(--ease), background .4s var(--ease);will-change:transform;border-radius:100px;padding:.7rem 1.3rem;font-size:clamp(1rem,2.4vw,1.7rem);font-weight:600}.tech-chip:hover{color:var(--white);border-color:var(--accent-bright);background:#3153d81f;transform:translateY(-4px)}.cta{z-index:1;text-align:center;min-height:100vh;padding:clamp(6rem, 14vh, 10rem) var(--gutter) clamp(4rem, 10vh, 8rem);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative;overflow:hidden}.cta__video{z-index:-2;position:absolute;inset:0}.cta__video video,.cta__video .cta__fallback{object-fit:cover;opacity:.5;width:100%;height:100%}.cta__fallback{background:radial-gradient(60% 80% at 50% 60%,#3153d866,#0000 70%)}.cta__grade{z-index:-1;background:linear-gradient(#0909098c 0%,#0909091a 20%,#0000 40%,#090909bf 80%,#090909f2 100%);position:absolute;inset:0}.cta__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.015em;max-width:16ch;margin:0 auto;font-size:clamp(2.8rem,10vw,9rem);line-height:.9}.cta__title em{color:var(--accent-bright);font-style:normal}.cta__buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.6rem;display:flex}.btn{font-family:var(--font-grotesk);letter-spacing:.18em;text-transform:uppercase;transition:transform .4s var(--ease), background .4s var(--ease), color .4s var(--ease), box-shadow .4s var(--ease);border-radius:100px;padding:1.1rem 2.2rem;font-size:.8rem;font-weight:600}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 0 #3153d800}.btn--primary:hover{box-shadow:0 12px 40px var(--accent-glow);transform:translateY(-3px)}.btn--ghost{border:1px solid var(--panel-border);color:var(--white)}.btn--ghost:hover{border-color:var(--accent-bright);transform:translateY(-3px)}.footer{z-index:1;border-top:1px solid var(--panel-border);padding:clamp(3rem, 8vh, 6rem) var(--gutter) 2.5rem;max-width:var(--maxw);margin:0 auto;position:relative}.footer__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.footer__word{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(2.4rem,9vw,7rem);line-height:.85}.footer__links{flex-wrap:wrap;gap:1.6rem;display:flex}.footer__links a{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .3s var(--ease);align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.footer__links a:hover{color:var(--accent-bright)}.footer__bottom{border-top:1px solid var(--panel-border);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dim);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.6rem;font-size:.72rem;display:flex}@media (prefers-reduced-motion:reduce){.grain,.hero__mouse:after,.kinetic__track{animation:none!important}.reveal{opacity:1;filter:none;transition:none;transform:none}*{scroll-behavior:auto!important}}