:root{--ink:oklch(13% .018 214);--ink-soft:oklch(20% .022 214);--paper:oklch(97.5% .006 205);--paper-warm:oklch(94% .012 205);--cyan:oklch(84% .145 191);--cyan-deep:oklch(61% .118 191);--silver:oklch(82% .015 220);--muted:oklch(65% .026 216);--line:oklch(34% .025 216/.28);--line-light:oklch(80% .02 205/.36);--radius:1.35rem;--font-display:"Orbitron", "Arial Black", sans-serif;--font-body:"Space Grotesk", Inter, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);max-width:100%;scroll-padding-top:6rem;overflow-x:hidden}body{background:var(--paper);min-width:320px;max-width:100%;color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body.menu-locked{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit}::selection{background:var(--cyan);color:var(--ink)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.site-shell{width:100%;max-width:100%;overflow:clip}.skip-link{z-index:9999;background:var(--cyan);color:var(--ink);border-radius:.5rem;padding:.8rem 1rem;font-weight:700;transition:top .2s;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.topbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:oklch(13% .018 214/.8);border:1px solid oklch(100% 0 0/.13);border-radius:999px;grid-template-columns:minmax(8rem,.8fr) auto minmax(8rem,.8fr);align-items:center;max-width:88rem;margin:0 auto;padding:.65rem .7rem .65rem 1rem;display:grid;position:fixed;inset:1rem 1.5rem auto;box-shadow:0 1rem 3rem oklch(4% .02 220/.3)}.brand{align-items:center;width:8.8rem;height:3rem;display:flex}.brand img{object-fit:contain;width:100%;height:100%}.desktop-nav{align-items:center;gap:clamp(1rem,2vw,2.2rem);display:flex}.desktop-nav a{color:oklch(87% .02 205);letter-spacing:.025em;font-size:.82rem;font-weight:600;position:relative}.desktop-nav a:after{content:"";background:var(--cyan);height:1px;transition:transform .25s;position:absolute;bottom:-.45rem;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after{transform:scaleX(1)}.nav-cta{background:var(--cyan);color:var(--ink);border-radius:999px;justify-self:end;align-items:center;gap:.55rem;padding:.8rem 1.2rem;font-size:.78rem;font-weight:800;transition:transform .25s,box-shadow .25s;display:inline-flex}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 0 2rem oklch(84% .145 191/.3)}.menu-button{color:var(--paper);background:0 0;border:0;display:none}.mobile-menu{z-index:400;background:radial-gradient(circle at 20% 20%, oklch(69% .13 191/.22), transparent 28rem), var(--ink);flex-direction:column;justify-content:center;gap:.5rem;padding:2rem;display:flex;position:fixed;inset:0}.mobile-menu button{border:1px solid var(--line-light);width:3.2rem;height:3.2rem;color:var(--paper);background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;top:1.5rem;right:1.5rem}.mobile-menu a{border-bottom:1px solid var(--line-light);color:var(--paper);font-family:var(--font-display);text-transform:uppercase;padding:1rem 0;font-size:clamp(1.5rem,8vw,2.5rem)}.hero{min-height:100svh;color:var(--paper);background:radial-gradient(circle at 82% 42%,oklch(70% .13 191/.13),#0000 35rem),linear-gradient(135deg,oklch(11% .018 214),oklch(16% .022 213));grid-template-columns:minmax(0,1.02fr) minmax(29rem,.98fr);align-items:center;gap:clamp(2rem,4vw,5rem);padding:9.5rem max(5vw,1.5rem) 5rem;display:grid;position:relative;overflow:hidden}.hero-grid{opacity:.32;background-image:linear-gradient(oklch(75% .04 205/.11) 1px,#0000 1px),linear-gradient(90deg,oklch(75% .04 205/.11) 1px,#0000 1px);background-size:4.5rem 4.5rem;animation:18s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 80%);mask-image:linear-gradient(90deg,#000,#0000 80%)}.hero-grid:after{content:"";background:linear-gradient(90deg,#0000 49.8%,oklch(84% .145 191/.4) 50%,#0000 50.2%);animation:7s ease-in-out infinite scan;position:absolute;inset:0;transform:translate(-65%)}.hero-glow{filter:blur(10px);pointer-events:none;border-radius:50%;position:absolute}.hero-glow-one{border:1px solid oklch(84% .145 191/.18);width:26rem;height:26rem;animation:7s ease-in-out infinite breathe;top:14%;right:5%;box-shadow:inset 0 0 5rem oklch(84% .145 191/.07)}.hero-glow-two{background:oklch(69% .13 191/.08);width:23rem;height:23rem;bottom:-8rem;left:-8rem}.hero-copy{z-index:2;max-width:48rem;position:relative}.availability{color:oklch(90% .08 191);letter-spacing:.12em;text-transform:uppercase;background:oklch(84% .145 191/.06);border:1px solid oklch(84% .145 191/.24);border-radius:999px;align-items:center;gap:.65rem;margin-bottom:1.6rem;padding:.55rem .85rem;font-size:.72rem;font-weight:700;display:inline-flex}.availability span{background:var(--cyan);border-radius:50%;width:.5rem;height:.5rem;animation:2s infinite pulse-dot;box-shadow:0 0 oklch(84% .145 191/.5)}.hero h1{max-width:49rem;font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(2.7rem,5.7vw,6.5rem);font-weight:700;line-height:.97}.hero h1 span{color:#0000;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 2rem oklch(84% .145 191/.12);display:block}.hero-copy>p{color:oklch(77% .025 210);max-width:42rem;margin:1.7rem 0 0;font-size:clamp(1rem,1.3vw,1.22rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;min-height:3.2rem;padding:.78rem 1.25rem;font-size:.88rem;font-weight:800;transition:transform .25s,background .25s,box-shadow .25s,border-color .25s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--cyan);color:var(--ink);box-shadow:0 .8rem 2.5rem oklch(84% .145 191/.13)}.button-primary:hover{box-shadow:0 1rem 3rem oklch(84% .145 191/.26)}.button-ghost{color:var(--paper);background:oklch(100% 0 0/.03);border-color:oklch(80% .02 205/.25)}.button-ghost:hover{border-color:var(--cyan);background:oklch(84% .145 191/.06)}.hero-metrics{border-top:1px solid oklch(80% .02 205/.16);flex-wrap:wrap;gap:1.25rem 2rem;margin-top:2.7rem;padding-top:1.5rem;display:flex}.hero-metrics div{align-items:baseline;gap:.6rem;display:flex}.hero-metrics strong{color:var(--cyan);font-family:var(--font-display);font-size:1.15rem}.hero-metrics span{color:oklch(68% .024 210);text-transform:uppercase;font-size:.75rem}.hero-stage{z-index:2;perspective:1000px;min-height:42rem;position:relative}.stage-core{z-index:4;background:radial-gradient(circle,oklch(84% .145 191/.14),oklch(12% .02 214/.85) 68%);border:1px solid oklch(84% .145 191/.28);border-radius:50%;place-items:center;width:15rem;height:15rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6rem oklch(84% .145 191/.11)}.stage-core:before{content:"";border-radius:inherit;border:1px dashed oklch(84% .145 191/.25);animation:22s linear infinite rotate;position:absolute;inset:1rem}.stage-core img{filter:drop-shadow(0 0 1.6rem oklch(84% .145 191/.25));width:9.5rem}.stage-core span{color:oklch(84% .06 191);font-family:var(--font-display);letter-spacing:.28em;text-align:center;font-size:.48rem;line-height:1.5;position:absolute;bottom:2rem}.orbit{border:1px solid oklch(84% .145 191/.15);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(68deg)rotate(-10deg)}.orbit-one{width:31rem;height:31rem;animation:15s ease-in-out infinite alternate orbit-shift}.orbit-two{opacity:.55;border-style:dashed;width:42rem;height:42rem;animation:20s ease-in-out infinite alternate-reverse orbit-shift}.floating-project{--accent:var(--cyan);z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:oklch(19% .023 214/.83);border:1px solid oklch(100% 0 0/.13);border-radius:1rem;width:12.5rem;position:absolute;overflow:hidden;box-shadow:0 1.3rem 3rem oklch(5% .02 220/.48)}.floating-project>div:last-child{flex-direction:column;padding:.7rem .8rem .8rem;display:flex}.floating-project small{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:800}.floating-project strong{margin-top:.15rem;font-size:.82rem}.mock-window{background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 24%, transparent), transparent), oklch(11% .017 214);align-items:flex-start;gap:.25rem;height:6rem;padding:.55rem;display:flex;position:relative}.mock-window i{background:oklch(80% .02 205/.45);border-radius:50%;width:.3rem;height:.3rem}.mock-window span{color:#0000;font-family:var(--font-display);-webkit-text-stroke:1px color-mix(in oklab, var(--accent) 75%, white);font-size:2.5rem;position:absolute;bottom:.3rem;right:.65rem}.floating-project-1{animation:6s ease-in-out infinite float-one;top:7%;left:2%;transform:rotate(-5deg)}.floating-project-2{animation:7s ease-in-out infinite float-two;top:6%;right:0;transform:rotate(5deg)}.floating-project-3{animation:6.5s ease-in-out infinite reverse float-two;bottom:8%;left:0;transform:rotate(4deg)}.floating-project-4{animation:7.5s ease-in-out infinite reverse float-one;bottom:9%;right:0;transform:rotate(-4deg)}.floating-project-5{width:10rem;animation:8s ease-in-out infinite float-two;bottom:0;right:35%;transform:rotate(2deg)scale(.86)}.scroll-cue{z-index:3;color:oklch(68% .025 205);letter-spacing:.2em;align-items:center;gap:.5rem;font-size:.6rem;font-weight:700;display:flex;position:absolute;bottom:1.8rem;right:2rem}.signal-strip{z-index:6;background:var(--cyan);color:var(--ink);border-block:1px solid oklch(21% .02 214);position:relative;overflow:hidden;transform:rotate(-1.2deg)scale(1.02)}.signal-track{width:max-content;animation:23s linear infinite marquee;display:flex}.signal-track span{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.65rem;padding:.75rem 1.6rem;font-size:.72rem;font-weight:800;display:inline-flex}.section{padding:clamp(5rem,9vw,9rem) max(5vw,1.5rem)}.section-heading{grid-template-columns:.6fr 1.4fr;align-items:start;max-width:88rem;margin:0 auto clamp(2.7rem,5vw,5rem);display:grid}.eyebrow{color:var(--cyan-deep);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:.68rem;font-style:normal;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:1.8rem;height:1px}.section-heading>div{max-width:55rem}.section-heading h2,.about-copy h2,.location-copy h2,.contact-intro h2,.showreel-copy h2{font-family:var(--font-display);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:clamp(2rem,4.6vw,4.8rem);line-height:1.03}.section-heading p{color:oklch(48% .025 215);max-width:43rem;margin:1.2rem 0 0;font-size:1.05rem;line-height:1.7}.section-heading.dark h2,.section-heading.dark p{color:var(--paper)}.section-heading.dark p{color:oklch(72% .025 210)}.service-grid{grid-template-columns:repeat(12,1fr);gap:1rem;max-width:88rem;margin:0 auto;display:grid}.service-card{border-radius:var(--radius);background:oklch(99% .003 205);border:1px solid oklch(35% .03 215/.16);flex-direction:column;min-height:22rem;padding:1.5rem;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";border:1px solid oklch(70% .12 191/.16);border-radius:50%;width:13rem;height:13rem;transition:transform .5s,background .5s;position:absolute;bottom:-5rem;right:-4rem}.service-card:hover{border-color:oklch(69% .13 191/.4);transform:translateY(-.6rem);box-shadow:0 1.5rem 4rem oklch(25% .04 210/.11)}.service-card:hover:before{background:oklch(84% .145 191/.08);transform:scale(1.35)}.service-card-1,.service-card-2{grid-column:span 6}.service-card-3,.service-card-4,.service-card-5{grid-column:span 4;min-height:20rem}.service-card-1{background:radial-gradient(circle at 88% 90%, oklch(84% .145 191/.15), transparent 18rem), var(--ink);color:var(--paper)}.service-card-1 p{color:oklch(74% .025 210)}.service-card-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.service-card-top span{color:var(--muted);font-family:var(--font-display);letter-spacing:.12em;font-size:.65rem}.service-card-top svg{width:2rem;height:2rem;color:var(--cyan-deep)}.service-card h3{z-index:1;max-width:26rem;font-family:var(--font-display);text-transform:uppercase;margin:auto 0 0;font-size:clamp(1.45rem,2.4vw,2.4rem);line-height:1.05;position:relative}.service-card p{z-index:1;color:oklch(45% .024 215);max-width:32rem;margin:1rem 0 1.4rem;line-height:1.6;position:relative}.service-card a{z-index:1;width:fit-content;color:var(--cyan-deep);text-transform:uppercase;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;display:inline-flex;position:relative}.portfolio-section{background:var(--ink);color:var(--paper);position:relative}.portfolio-section:before{content:"";pointer-events:none;background-image:radial-gradient(oklch(84% .145 191/.13) 1px,#0000 1px);background-size:1.8rem 1.8rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}.portfolio-toolbar{z-index:1;justify-content:space-between;align-items:center;gap:1rem;max-width:88rem;margin:0 auto 2rem;display:flex;position:relative}.portfolio-toolbar>span{color:oklch(66% .03 210);font-family:var(--font-display);letter-spacing:.16em;font-size:.65rem}.filter-list{flex-wrap:wrap;gap:.45rem;display:flex}.filter-list button{color:oklch(72% .02 205);cursor:pointer;background:0 0;border:1px solid oklch(80% .02 205/.18);border-radius:999px;padding:.6rem .9rem;font-size:.75rem;font-weight:700;transition:background .2s,border-color .2s,color .2s}.filter-list button:hover,.filter-list button.active{border-color:var(--cyan);background:var(--cyan);color:var(--ink)}.project-marquee{z-index:1;gap:1rem;width:100vw;margin-left:calc(50% - 50vw);padding-block:.75rem 1rem;display:grid;position:relative}.project-marquee-row{padding-block:.55rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.project-marquee-track{will-change:transform;gap:.9rem;width:max-content;animation:54s linear infinite portfolio-left;display:flex}.project-marquee-row.moves-right .project-marquee-track{animation-name:portfolio-right;animation-duration:60s}.project-marquee-row:hover .project-marquee-track,.project-marquee-row:focus-within .project-marquee-track{animation-play-state:paused}.project-marquee-group{gap:.9rem;display:flex}.project-card{--accent:var(--cyan);border-radius:var(--radius);width:20rem;color:var(--paper);text-align:left;cursor:pointer;background:oklch(17% .021 214);border:1px solid oklch(80% .02 205/.14);flex:0 0 20rem;padding:0;transition:transform .35s,border-color .35s,box-shadow .35s;overflow:hidden}.project-card:hover{z-index:2;border-color:color-mix(in oklab, var(--accent) 65%, transparent);transform:translateY(-.55rem);box-shadow:0 1.5rem 4rem oklch(4% .02 220/.45)}.project-visual{background:radial-gradient(circle at 30% 20%, color-mix(in oklab, var(--accent) 34%, transparent), transparent 50%), oklch(11% .018 214);height:11.5rem;position:relative;overflow:hidden}.visual-noise{opacity:.18;background-image:linear-gradient(oklch(100% 0 0/.07) 1px,#0000 1px),linear-gradient(90deg,oklch(100% 0 0/.07) 1px,#0000 1px);background-size:2rem 2rem;position:absolute;inset:0}.visual-window{background:oklch(96% .006 205);border:1px solid oklch(100% 0 0/.18);border-radius:1rem 1rem 0 0;transition:transform .5s;position:absolute;inset:14% 8% -6% 13%;overflow:hidden;transform:perspective(700px)rotateX(7deg)rotateY(-6deg)rotate(-2deg);box-shadow:0 2rem 4rem oklch(3% .02 220/.55)}.project-card:hover .visual-window{transform:perspective(700px)rotateX(2deg)rotateY(0)rotate(0)translateY(-.4rem)}.visual-top{border-bottom:1px solid oklch(35% .03 215/.12);align-items:center;gap:.3rem;height:2rem;padding:0 .7rem;display:flex}.visual-top span{background:oklch(68% .03 215);border-radius:50%;width:.4rem;height:.4rem}.visual-top small{color:oklch(53% .025 215);text-overflow:ellipsis;white-space:nowrap;max-width:65%;margin-left:auto;font-size:.45rem;overflow:hidden}.visual-body{grid-template-columns:2.7rem 1fr;height:calc(100% - 2rem);display:grid}.visual-body aside{background:var(--ink);flex-direction:column;gap:.55rem;padding:1rem .65rem;display:flex}.visual-body aside i{background:oklch(85% .04 205/.24);border-radius:99px;height:.28rem}.visual-content{padding:1.2rem;position:relative}.project-logo{border:1px solid color-mix(in oklab, var(--accent) 20%, transparent);background:oklch(100% 0 0/.94);border-radius:.9rem;place-items:center;width:5rem;height:4.2rem;padding:.5rem;display:grid;box-shadow:0 .5rem 1.5rem oklch(10% .02 220/.1)}.project-logo img{object-fit:contain;width:100%;height:100%}.project-logo.is-fallback{background:color-mix(in oklab, var(--accent) 20%, white)}.project-logo b{color:color-mix(in oklab, var(--accent) 70%, black);font-family:var(--font-display)}.visual-content>span{background:oklch(35% .03 215/.15);border-radius:99px;width:75%;height:.55rem;margin-top:.85rem;display:block}.visual-content>span+span{width:48%;margin-top:.42rem}.visual-content div{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem;display:grid}.visual-content div i{background:color-mix(in oklab, var(--accent) 7%, white);border:1px solid oklch(35% .03 215/.09);border-radius:.55rem;height:3.4rem}.project-visual>strong{color:#0000;font-family:var(--font-display);-webkit-text-stroke:1px color-mix(in oklab, var(--accent) 45%, transparent);font-size:clamp(3.5rem,8vw,7rem);position:absolute;bottom:-1rem;right:1rem}.visual-2 .visual-window{inset:10% 12% -14% 7%;transform:perspective(700px)rotateX(8deg)rotateY(6deg)rotate(2deg)}.visual-3 .visual-window{inset:17% 7% -5% 16%}.visual-4 .visual-window{inset:12% 15% -10% 8%;transform:perspective(700px)rotateX(5deg)rotateY(5deg)rotate(1deg)}.project-info{min-height:8.8rem;padding:1rem 3.6rem 1.05rem 1.1rem;position:relative}.project-info>span{color:var(--accent);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;font-weight:700}.project-info h3{font-family:var(--font-display);text-transform:uppercase;margin:.45rem 0 0;font-size:1rem}.project-info p{color:oklch(68% .025 210);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.5rem 0 0;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.project-info>i{width:2.35rem;height:2.35rem;color:var(--accent);border:1px solid oklch(80% .02 205/.17);border-radius:50%;place-items:center;font-style:normal;transition:transform .3s,background .3s;display:grid;position:absolute;bottom:1.2rem;right:1.2rem}.project-card:hover .project-info>i{background:var(--accent);color:var(--ink);transform:rotate(-45deg)}.process-section{background:var(--paper)}.process-line{border-block:1px solid var(--line);grid-template-columns:repeat(5,1fr);max-width:88rem;margin:0 auto;display:grid}.process-line article{border-right:1px solid var(--line);min-height:18rem;padding:1.4rem;position:relative}.process-line article:last-child{border-right:0}.process-line article:after{content:"";z-index:2;background:var(--cyan-deep);border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:-.34rem;right:-.34rem}.process-line article:last-child:after{display:none}.process-line span{color:var(--cyan-deep);font-family:var(--font-display);font-size:.65rem}.process-line h3{font-family:var(--font-display);text-transform:uppercase;margin:5.8rem 0 .7rem;font-size:1rem}.process-line p{color:oklch(48% .025 215);margin:0;font-size:.9rem;line-height:1.6}.showreel{background:radial-gradient(circle at 76% 48%, oklch(84% .145 191/.13), transparent 28rem), var(--ink);color:var(--paper);grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(3rem,7vw,8rem);padding:clamp(5rem,9vw,9rem) max(5vw,1.5rem);display:grid}.showreel-copy{justify-self:end;max-width:42rem}.showreel-copy h2{margin-top:1.2rem}.showreel-copy p{color:oklch(73% .025 210);margin:1.3rem 0 2rem;font-size:1.03rem;line-height:1.7}.showreel-player{max-width:50rem}.video-frame{aspect-ratio:16/10;background:linear-gradient(120deg,oklch(84% .145 191/.12),#0000 42%),linear-gradient(45deg,oklch(17% .021 214),oklch(9% .015 214));border:1px solid oklch(84% .145 191/.22);border-radius:1.4rem;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 2rem 6rem oklch(3% .02 220/.45)}.video-frame:before,.video-frame:after{content:"";position:absolute;inset:0}.video-frame:before{opacity:.26;background:repeating-linear-gradient(#0000 0 4px,oklch(100% 0 0/.08) 5px)}.video-frame:after{background:linear-gradient(90deg,#0000,oklch(84% .145 191/.1),#0000);width:35%;animation:4s ease-in-out infinite video-scan}.video-glitch{font-family:var(--font-display);letter-spacing:-.08em;place-items:center;font-size:clamp(4rem,10vw,9rem);font-weight:800;display:grid;position:absolute;inset:0}.video-glitch span{color:#0000;-webkit-text-stroke:1px oklch(84% .145 191/.3);animation:5s steps(2,end) infinite glitch;position:absolute}.video-glitch span:nth-child(2){opacity:.42;animation-delay:-1s;transform:translate(1.4rem,.4rem)}.video-glitch span:nth-child(3){opacity:.3;animation-delay:-2s;transform:translate(-1.2rem,-.5rem)}.video-frame button{z-index:3;width:5rem;height:5rem;color:var(--cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(84% .145 191/.12);border:1px solid oklch(84% .145 191/.45);border-radius:50%;place-items:center;display:grid;position:relative}.video-timeline{border-radius:.6rem;grid-template-columns:repeat(5,1fr);gap:.4rem;height:3.4rem;margin-top:.7rem;display:grid;position:relative;overflow:hidden}.video-timeline i{background:linear-gradient(135deg,oklch(84% .145 191/.36),oklch(25% .04 215))}.video-timeline span{background:var(--cyan);width:2px;box-shadow:0 0 1rem var(--cyan);animation:5s linear infinite timeline;position:absolute;top:0;bottom:0;left:12%}.about-section{grid-template-columns:minmax(22rem,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(3rem,8vw,9rem);max-width:98rem;margin:0 auto;display:grid}.about-visual{min-height:36rem;position:relative}.about-logo-wrap{background:linear-gradient(135deg, oklch(84% .145 191/.1), transparent), var(--ink);border-radius:50% 50% 1.5rem;place-items:center;display:grid;position:absolute;inset:0 10% 8% 0;overflow:hidden}.about-logo-wrap:before{content:"";border:1px dashed oklch(84% .145 191/.22);border-radius:50%;width:25rem;height:25rem;animation:24s linear infinite rotate;position:absolute}.about-logo-wrap img{z-index:1;filter:drop-shadow(0 1rem 2rem oklch(3% .02 220/.45));width:70%;position:relative}.about-code-card{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(98% .006 205/.88);border:1px solid oklch(84% .145 191/.3);border-radius:1rem;gap:.5rem;width:13rem;padding:1.1rem;display:grid;position:absolute;bottom:0;right:0;box-shadow:0 1.2rem 3rem oklch(25% .04 210/.18)}.about-code-card svg{color:var(--cyan-deep);margin-bottom:.5rem}.about-code-card span{border-bottom:1px solid var(--line);font-family:var(--font-display);letter-spacing:.1em;padding-bottom:.45rem;font-size:.58rem}.about-copy{max-width:46rem}.about-copy h2{margin-top:1.2rem}.about-copy h2 em{color:var(--cyan-deep);font-style:normal}.about-copy>p{color:oklch(45% .025 215);font-size:1.02rem;line-height:1.75}.about-values{flex-wrap:wrap;gap:.7rem;margin-top:1.8rem;display:flex}.about-values span{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.45rem;padding:.65rem .9rem;font-size:.78rem;font-weight:700;display:inline-flex}.about-values svg{color:var(--cyan-deep)}.location-section{background:var(--paper-warm);grid-template-columns:minmax(0,.78fr) minmax(28rem,1.22fr);align-items:stretch;display:grid}.location-copy{flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,8rem) max(5vw,1.5rem);display:flex}.location-copy h2{max-width:38rem;margin-top:1.2rem}.location-copy p{color:oklch(46% .025 215);max-width:34rem;line-height:1.7}.location-copy a{border-bottom:1px solid var(--cyan-deep);color:oklch(46% .1 191);align-items:center;gap:.55rem;width:fit-content;margin-top:1rem;padding-bottom:.35rem;font-weight:800;display:inline-flex}.location-copy small{color:oklch(58% .025 215);max-width:34rem;margin-top:1rem;line-height:1.5}.map-wrap{background:oklch(85% .02 205);min-height:35rem;position:relative;overflow:hidden}.map-wrap iframe{filter:grayscale()contrast(1.05)brightness(.86)sepia(.12)hue-rotate(125deg);border:0;width:100%;height:100%}.map-label{color:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(13% .018 214/.9);border:1px solid oklch(100% 0 0/.18);border-radius:.9rem;align-items:center;gap:.7rem;padding:.85rem 1rem;display:flex;position:absolute;bottom:1.4rem;right:1.4rem}.map-label svg{color:var(--cyan)}.map-label div{flex-direction:column;display:flex}.map-label strong{font-size:.85rem}.map-label span{color:oklch(70% .025 205);font-size:.7rem}.contact-section{background:radial-gradient(circle at 20% 20%, oklch(84% .145 191/.1), transparent 28rem), var(--ink);color:var(--paper);grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,9vw,9rem) max(5vw,1.5rem);display:grid}.contact-intro{max-width:44rem}.contact-intro h2{margin-top:1.2rem}.contact-intro>p{color:oklch(72% .025 210);font-size:1.05rem;line-height:1.7}.contact-links{gap:.7rem;margin-top:2rem;display:grid}.contact-links a{color:oklch(83% .03 205);align-items:center;gap:.75rem;width:fit-content;display:flex}.contact-links svg{color:var(--cyan)}.contact-form{background:oklch(100% 0 0/.03);border:1px solid oklch(80% .02 205/.15);border-radius:1.4rem;gap:1.1rem;width:100%;max-width:45rem;padding:clamp(1.3rem,3vw,2.2rem);display:grid}.contact-form label{gap:.45rem;display:grid}.contact-form label span{color:oklch(74% .025 205);text-transform:uppercase;font-size:.75rem;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--paper);background:oklch(10% .015 214/.65);border:1px solid oklch(80% .02 205/.18);border-radius:.8rem;outline:0;padding:.95rem 1rem;transition:border-color .2s,box-shadow .2s}.contact-form select{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px oklch(84% .145 191/.1)}.contact-form textarea{resize:vertical}.contact-form .button{width:fit-content}.form-status{color:oklch(80% .06 191);margin:0;font-size:.85rem}footer{color:var(--paper);background:oklch(9% .014 214);border-top:1px solid oklch(80% .02 205/.12);grid-template-columns:1fr auto;align-items:end;gap:2rem;padding:3rem max(5vw,1.5rem) 2rem;display:grid}.footer-brand img{width:11rem}.footer-brand p{color:oklch(67% .025 205);font-size:.85rem}.footer-nav{color:oklch(78% .025 205);flex-wrap:wrap;gap:1.4rem;font-size:.8rem;display:flex}.copyright{color:oklch(57% .02 205);border-top:1px solid oklch(80% .02 205/.1);grid-column:1/-1;margin:1rem 0 0;padding-top:1.2rem;font-size:.72rem}.floating-whatsapp{z-index:90;color:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(13% .018 214/.9);border:1px solid oklch(100% 0 0/.17);border-radius:999px;align-items:center;gap:.55rem;padding:.75rem 1rem;font-size:.78rem;font-weight:800;transition:transform .25s,border-color .25s;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 1rem 3rem oklch(3% .02 220/.4)}.floating-whatsapp svg{color:var(--cyan)}.floating-whatsapp:hover{border-color:var(--cyan);transform:translateY(-3px)}.project-modal{z-index:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:oklch(4% .02 220/.8);place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.project-modal-card{--accent:var(--cyan);border:1px solid color-mix(in oklab, var(--accent) 35%, transparent);background:var(--ink-soft);width:100%;max-width:44rem;color:var(--paper);border-radius:1.4rem;padding-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 2rem 7rem oklch(2% .02 220/.65)}.project-modal-card .project-visual{height:20rem;margin-bottom:1.6rem}.project-modal-card>span,.project-modal-card>h2,.project-modal-card>p,.project-modal-card>a{margin-left:2rem;margin-right:2rem}.project-modal-card h2{font-family:var(--font-display);text-transform:uppercase;margin-top:.8rem;margin-bottom:0;font-size:clamp(1.8rem,5vw,3.4rem)}.project-modal-card>p{color:oklch(74% .025 210);line-height:1.7}.modal-close{z-index:5;width:2.8rem;height:2.8rem;color:var(--paper);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(8% .015 214/.76);border:1px solid oklch(100% 0 0/.2);border-radius:50%;place-items:center;display:grid;position:absolute;top:1rem;right:1rem}.state-page{background:var(--ink);min-height:100svh;color:var(--paper);text-align:center;place-content:center;justify-items:center;padding:2rem;display:grid}.state-page h1{font-family:var(--font-display);text-transform:uppercase;margin:1rem 0 0;font-size:clamp(2rem,7vw,5rem)}[data-reveal]{opacity:1;transition:opacity .75s,transform .75s cubic-bezier(.2,.8,.2,1);transform:none}[data-reveal].is-visible{opacity:1;transform:none}@keyframes grid-drift{to{background-position:4.5rem 4.5rem}}@keyframes scan{0%,15%{transform:translate(-65%)}70%,to{transform:translate(65%)}}@keyframes breathe{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes pulse-dot{70%{box-shadow:0 0 0 .5rem oklch(84% .145 191/0)}to{box-shadow:0 0 oklch(84% .145 191/0)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes orbit-shift{to{transform:translate(-50%,-50%)rotateX(62deg)rotate(8deg)scale(1.03)}}@keyframes float-one{0%,to{translate:0}50%{translate:0 -1rem}}@keyframes float-two{0%,to{translate:0}50%{translate:.7rem -.65rem}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes portfolio-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - .45rem))}}@keyframes portfolio-right{0%{transform:translate(calc(-50% - .45rem))}to{transform:translate(0)}}@keyframes video-scan{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes glitch{0%,90%,to{clip-path:inset(0)}92%{clip-path:inset(15% 0 50%);translate:.5rem}94%{clip-path:inset(65% 0 10%);translate:-.6rem}96%{clip-path:inset(38% 0 36%);translate:.3rem}}@keyframes timeline{0%{left:0}to{left:100%}}@media (width<=1180px){.topbar{grid-template-columns:1fr auto}.desktop-nav{display:none}.nav-cta{margin-right:.5rem}.menu-button{place-items:center;display:grid}.hero{grid-template-columns:1fr;padding-top:9rem}.hero-copy{width:100%;min-width:0;max-width:60rem}.hero-stage{min-height:38rem}.service-card-3,.service-card-4{grid-column:span 6}.service-card-5{grid-column:4/span 6}.process-line{grid-template-columns:repeat(3,1fr)}.process-line article:nth-child(3){border-right:0}.process-line article:nth-child(n+4){border-top:1px solid var(--line)}.showreel,.contact-section{grid-template-columns:1fr}.showreel-copy{justify-self:start}.showreel-player,.contact-form{min-width:0;max-width:none}}@media (width<=820px){.topbar{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));bottom:auto;left:max(.75rem, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto;min-height:4.35rem;padding:.55rem .65rem .55rem .85rem}.brand{width:7.4rem;max-width:calc(100vw - 7rem)}.nav-cta{display:none}.hero{gap:1rem;min-height:auto;padding:7.5rem 1.25rem 3rem}.hero h1{overflow-wrap:normal;max-width:100%;font-size:clamp(2.35rem,11vw,4.3rem)}.hero-stage{width:100%;max-width:36rem;min-height:31rem;margin:1rem auto -1rem;transform:none}.stage-core{width:12rem;height:12rem}.stage-core img{width:7.4rem}.stage-core span{bottom:1.35rem}.orbit-one{width:25rem;height:25rem}.orbit-two{width:33rem;height:33rem}.floating-project{width:9.5rem}.floating-project-5{width:8rem}.mock-window{height:4.5rem}.scroll-cue{display:none}.section-heading{grid-template-columns:1fr;gap:1rem}.service-card-1,.service-card-2,.service-card-3,.service-card-4,.service-card-5{grid-column:1/-1;min-height:19rem}.process-line{border-bottom:0;grid-template-columns:1fr}.process-line article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.process-line article:nth-child(n+4){border-top:0}.process-line article:after{display:none}.process-line h3{margin-top:2rem}.showreel{gap:2.5rem}.about-section{grid-template-columns:1fr}.about-visual{min-height:30rem}.location-section{grid-template-columns:1fr}.location-copy{padding:4.5rem 1.25rem}.map-wrap{min-height:28rem}footer{grid-template-columns:1fr}.footer-nav{justify-content:flex-start}}@media (width<=560px){.topbar{border-radius:1.1rem;min-height:4rem;padding:.45rem .5rem .45rem .7rem}.brand{width:6.8rem;height:2.7rem}.menu-button{border:1px solid oklch(100% 0 0/.15);border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;padding:0;display:grid}.mobile-menu{padding:max(2rem, env(safe-area-inset-top)) 1.25rem max(2rem, env(safe-area-inset-bottom))}.hero{padding:6.8rem 1.1rem 2.5rem}.hero h1{letter-spacing:-.06em;font-size:clamp(2.05rem,10.4vw,3rem);line-height:1}.hero-copy>p{font-size:.97rem;line-height:1.6}.hero-actions,.hero-actions .button{width:100%}.hero-metrics{grid-template-columns:1fr;gap:.75rem;margin-top:2rem;display:grid}.hero-metrics div{grid-template-columns:3.6rem minmax(0,1fr);gap:.75rem;display:grid}.hero-stage{width:100%;max-width:23rem;min-height:25rem;margin:1.25rem auto 0;left:auto;transform:none}.stage-core{width:9.5rem;height:9.5rem}.stage-core:before{inset:.65rem}.stage-core img{width:6rem}.stage-core span{font-size:.4rem;bottom:.9rem}.orbit-one{width:19rem;height:19rem}.orbit-two{width:25rem;height:25rem}.floating-project{border-radius:.8rem;width:7.8rem}.floating-project>div:last-child{padding:.5rem .6rem .6rem}.floating-project strong{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.mock-window{height:3.4rem;padding:.42rem}.mock-window span{font-size:1.8rem;right:.45rem}.floating-project-1{top:5%;left:0}.floating-project-2{top:4%;right:0}.floating-project-3{bottom:3%;left:0}.floating-project-4{bottom:4%;right:0}.floating-project-5{display:none}.section{padding-inline:1.1rem}.section-heading h2,.about-copy h2,.location-copy h2,.contact-intro h2,.showreel-copy h2{overflow-wrap:break-word;max-width:100%;font-size:clamp(1.9rem,9.2vw,3rem)}.portfolio-toolbar{flex-direction:column;align-items:flex-start}.filter-list{width:100%}.filter-list button{flex:auto}.project-card{flex-basis:16.25rem;width:16.25rem}.project-visual{height:9.75rem}.project-marquee-row{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.project-info{min-height:8.5rem}.showreel,.contact-section{padding-inline:1.1rem}.contact-form{padding:1rem}.contact-form .button{width:100%}.video-frame button{width:4rem;height:4rem}.about-visual{min-height:24rem}.about-code-card{width:10.5rem}.about-logo-wrap{inset:0 5% 7% 0}.about-logo-wrap:before{width:18rem;height:18rem}.map-label{bottom:.8rem;left:.8rem;right:.8rem}.floating-whatsapp span{display:none}.floating-whatsapp{width:3.3rem;height:3.3rem;bottom:max(1rem, env(safe-area-inset-bottom));justify-content:center;padding:0}footer{padding-right:1.1rem;padding-bottom:max(2rem, env(safe-area-inset-bottom));padding-left:1.1rem}.project-modal-card>span,.project-modal-card>h2,.project-modal-card>p,.project-modal-card>a{margin-left:1.2rem;margin-right:1.2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}