:root{--bg:#050505;--panel:#0a0a0a;--text:#f4f4ef;--muted:#9b9b93;--accent:#c7ff28;--line:rgba(255,255,255,.13);--line2:rgba(255,255,255,.055);--hero-tech:#e9edf2;--hero-tech-soft:rgba(233,237,242,.16);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto;overflow-x:hidden;overflow-y:auto;height:auto}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden;overflow-y:auto;min-height:100%;height:auto}body.menu-open,body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--accent);color:#050505}
.site-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.055),transparent 34%),radial-gradient(circle at 82% 22%,rgba(255,255,255,.06),transparent 24%),linear-gradient(180deg,#040404 0%,#050505 34%,#070707 100%)}
.bg-gradient{position:absolute;border-radius:50%;filter:blur(65px);opacity:.9;mix-blend-mode:screen;transform:translate3d(0,0,0)}
.bg-gradient-a{width:42vw;height:42vw;left:-10vw;top:-8vw;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,0) 62%);animation:floatA 16s ease-in-out infinite}
.bg-gradient-b{width:38vw;height:38vw;right:-8vw;top:18vh;background:radial-gradient(circle,rgba(214,220,228,.14),rgba(214,220,228,0) 64%);animation:floatB 20s ease-in-out infinite}
.bg-grid-lines{position:absolute;inset:-10%;background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);background-size:72px 72px;transform:translate3d(calc(var(--mx,0)*-10px),calc(var(--scroll,0)*-18px),0);mask-image:radial-gradient(circle at 50% 45%,#000 18%,transparent 82%)}
.bg-radar{position:absolute;left:58%;top:10%;width:54vw;height:54vw;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 120px rgba(255,255,255,.012),0 0 0 240px rgba(255,255,255,.008)}
.bg-radar:before,.bg-radar:after{content:"";position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(255,255,255,.11)}
.bg-radar:after{inset:28%;animation:spinSlow 26s linear infinite}
.bg-scan-beam{position:absolute;left:50%;top:50%;width:65vw;height:65vw;border-radius:50%;transform:translate(-50%,-50%) rotate(0deg);background:conic-gradient(from 0deg,rgba(255,255,255,0) 0 324deg,rgba(255,255,255,.10) 344deg,rgba(255,255,255,0) 360deg);mask-image:radial-gradient(circle,transparent 0 28%,#000 60%,transparent 76%);animation:spinSweep 18s linear infinite;opacity:.42}
.bg-data{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);filter:drop-shadow(0 0 10px rgba(255,255,255,.18));opacity:.42}
.data-a{left:0;top:22%;width:34vw;animation:dataFlow 9s linear infinite}
.data-b{right:0;bottom:21%;width:28vw;animation:dataFlowReverse 11s linear infinite}
.bg-nodes{position:absolute;inset:0}
.bg-nodes span{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);box-shadow:0 0 18px rgba(255,255,255,.14)}
.bg-nodes span:after{content:"";position:absolute;left:50%;top:50%;width:90px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent);transform-origin:left center;transform:translateY(-50%) rotate(var(--r,0deg))}
.bg-nodes span:nth-child(1){left:11%;top:19%;--r:18deg}
.bg-nodes span:nth-child(2){left:27%;top:71%;--r:-24deg}
.bg-nodes span:nth-child(3){left:79%;top:15%;--r:62deg}
.bg-nodes span:nth-child(4){left:89%;top:62%;--r:180deg}
.bg-nodes span:nth-child(5){left:46%;top:14%;--r:95deg}
.bg-nodes span:nth-child(6){left:60%;top:78%;--r:-135deg}
.bg-nodes span:nth-child(7){left:18%;top:50%;--r:0deg}
.bg-nodes span:nth-child(8){left:72%;top:40%;--r:-20deg}
.bg-drone-ghost{position:absolute;right:-8vw;bottom:-6vh;width:min(54vw,760px);aspect-ratio:1;background:url('assets/drone-main.jpg') center/contain no-repeat;opacity:.045;filter:grayscale(1) contrast(1.25) brightness(.92);mix-blend-mode:screen;transform:translate3d(calc(var(--mx,0)*10px),calc(var(--scroll,0)*-25px),0)}
.noise{position:fixed;inset:0;z-index:500;pointer-events:none;opacity:.038;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:180;background:rgba(255,255,255,.04)}.scroll-progress i{display:block;width:0;height:100%;background:var(--accent);box-shadow:0 0 12px rgba(199,255,40,.55)}
.cursor{position:fixed;z-index:520;width:14px;height:14px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .25s var(--ease),height .25s var(--ease),background .25s}.cursor span{position:absolute;inset:50%;width:2px;height:2px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.cursor.is-hover{width:48px;height:48px;background:rgba(255,255,255,.13)}
.intro{position:fixed;inset:0;z-index:1000;background:#020202;display:grid;place-items:center;overflow:hidden}.intro:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle,#000,transparent 72%)}.intro-inner{position:relative;width:min(1180px,86vw)}.intro-topline,.intro-bottom{display:flex;justify-content:space-between;align-items:center;color:#666;font-size:9px;font-weight:700;letter-spacing:.2em}.intro .eyebrow{display:block;margin:11vh 0 18px}.intro h1{display:flex;flex-direction:column;margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(66px,12.5vw,205px);line-height:.73;letter-spacing:-.085em}.intro h1 span:last-child{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75)}.intro-loader{height:2px;margin-top:8vh;background:#171717;overflow:hidden}.intro-loader i{display:block;width:0;height:100%;background:var(--accent)}.intro-bottom{margin-top:12px}.intro-bottom strong{font-family:"Space Grotesk";font-size:18px;color:var(--text)}.intro-corners i{position:absolute;width:24px;height:24px;border-color:#333}.intro-corners i:nth-child(1){left:28px;top:28px;border-left:1px solid;border-top:1px solid}.intro-corners i:nth-child(2){right:28px;top:28px;border-right:1px solid;border-top:1px solid}.intro-corners i:nth-child(3){left:28px;bottom:28px;border-left:1px solid;border-bottom:1px solid}.intro-corners i:nth-child(4){right:28px;bottom:28px;border-right:1px solid;border-bottom:1px solid}
.eyebrow{font-size:10px;letter-spacing:.27em;color:var(--accent);font-weight:800}.topbar{position:fixed;top:0;left:0;width:100%;z-index:160;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:19px 3vw;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(rgba(5,5,5,.68),transparent);backdrop-filter:blur(2px)}.brand{justify-self:start;display:flex;align-items:flex-start;gap:.38em;font-family:"Space Grotesk";font-size:13px;letter-spacing:.01em;font-weight:600}.brand strong{color:var(--accent)}.brand em{font-style:normal;font:700 7px/1 Inter;color:#686868;margin-left:-2px}.nav-status{display:flex;align-items:center;gap:8px;color:#777;font-size:8px;font-weight:800;letter-spacing:.19em}.nav-status i,.contact-status i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent);animation:pulse 1.8s ease-in-out infinite}.nav{justify-self:end;display:flex;align-items:center;gap:24px;font-size:9px;font-weight:800;letter-spacing:.14em}.nav a{opacity:.72;transition:opacity .2s,color .2s}.nav a:hover{opacity:1;color:var(--accent)}.nav-cta{border:1px solid rgba(255,255,255,.3);padding:10px 13px}.menu-toggle{display:none;justify-self:end;width:44px;height:40px;background:none;border:0;padding:0;position:relative}.menu-toggle span{position:absolute;right:0;width:25px;height:1px;background:#fff;transition:.3s}.menu-toggle span:first-child{top:15px}.menu-toggle span:last-child{top:24px;width:17px}.menu-open .menu-toggle span:first-child{top:20px;transform:rotate(45deg)}.menu-open .menu-toggle span:last-child{top:20px;width:25px;transform:rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:140;background:#050505;display:flex;flex-direction:column;justify-content:flex-end;padding:110px 7vw 7vw;transform:translateY(-100%);transition:transform .7s var(--ease);visibility:hidden}.menu-open .mobile-menu{transform:translateY(0);visibility:visible}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{font-family:"Space Grotesk";font-size:clamp(48px,14vw,84px);font-weight:700;line-height:.95;letter-spacing:-.06em;border-bottom:1px solid var(--line);padding:14px 0}.mobile-menu p{color:#777;font-size:10px;letter-spacing:.16em;line-height:1.8;margin-top:40px}
.section-pad{position:relative;padding:130px 5vw}.section-kicker{display:flex;gap:8px;color:#777;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.section-kicker span{color:var(--accent)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head .section-kicker{margin:0}.section-head>p{max-width:420px;margin:0;color:#777;font-size:11px;line-height:1.6;text-align:right}
.hero{height:100svh;min-height:720px;padding-top:90px;display:flex;align-items:flex-end;overflow:hidden}.hero:after{content:"";position:absolute;left:5vw;right:5vw;bottom:0;height:1px;background:var(--line)}#drone-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;touch-action:auto;opacity:0;filter:contrast(1.12) brightness(1.12);transition:opacity .75s var(--ease)}body.model-ready #drone-canvas{opacity:1}.hero-grid{position:absolute;z-index:0;inset:0;background-image:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);background-size:8vw 8vw;mask-image:linear-gradient(to right,transparent,#000 30%,#000 95%);opacity:.9;transform:translate3d(calc(var(--mx,0)*-14px),calc(var(--my,0)*-10px),0)}.hero-vignette{position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 66% 42%,transparent 0 14%,rgba(5,5,5,.04) 28%,rgba(5,5,5,.56) 74%,rgba(5,5,5,.95) 100%),linear-gradient(to top,rgba(5,5,5,.96),transparent 42%)}.hero-tech-panels{display:none}.hero-orbit{position:absolute;z-index:0;border:1px solid rgba(255,255,255,.10);border-radius:50%;pointer-events:none}.orbit-a{width:60vw;height:60vw;right:-6vw;top:-5vw}.orbit-b{width:40vw;height:40vw;right:4vw;top:5vw;border-style:dashed;animation:orbit 30s linear infinite}.hero-copy{position:relative;z-index:3;width:100%;padding-bottom:6vh}.hero-label-row{display:flex;align-items:center;gap:26px}.hero-id{color:#8d949d;font-size:8px;letter-spacing:.17em}.hero-title{display:flex;flex-direction:column;margin:13px 0 34px;font-family:"Space Grotesk";font-weight:700;font-size:clamp(78px,13.7vw,222px);line-height:.70;letter-spacing:-.083em}.hero-title .outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.88)}.hero-bottom-copy{display:flex;align-items:flex-end;justify-content:space-between;max-width:1080px;gap:70px}.hero-lead{max-width:630px;margin:0;color:#c3c8cf;font-size:clamp(17px,1.65vw,26px);line-height:1.34}.hero-lead strong{color:#fff}.hero-actions,.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.button{appearance:none;border:1px solid var(--line);background:none;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:180px;min-height:50px;padding:0 17px;cursor:pointer;font-size:9px;font-weight:900;letter-spacing:.14em;transition:background .25s,color .25s,border-color .25s,transform .25s}.button b{font-size:14px;font-weight:400}.button.primary{background:var(--accent);border-color:var(--accent);color:#050505}.button.ghost{background:rgba(255,255,255,.025);backdrop-filter:blur(10px)}.button:hover{transform:translateY(-2px)}.button.ghost:hover{border-color:rgba(199,255,40,.6);color:var(--accent)}.flight-hud{position:absolute;z-index:3;right:4vw;top:20%;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));backdrop-filter:blur(8px)}.flight-hud>div{min-width:105px;padding:12px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.flight-hud>div:nth-child(2n){border-right:0}.flight-hud>div:nth-last-child(-n+2){border-bottom:0}.flight-hud span{display:block;color:#686868;font-size:7px;letter-spacing:.18em}.flight-hud strong{display:block;margin-top:5px;font-family:"Space Grotesk";font-size:16px;letter-spacing:-.03em}.flight-hud strong span{display:inline;margin-left:4px;color:#9b9b93;font-size:7px}.flight-hud strong i{display:inline-block;width:6px;height:6px;background:#ff3b3b;border-radius:50%;margin-left:6px;animation:pulse 1s infinite}.hero-meta{position:absolute;z-index:3;right:5vw;bottom:6vh;display:flex;gap:16px;color:#666;font-size:7px;font-weight:800;letter-spacing:.16em}.scroll-hint{position:absolute;z-index:3;left:5vw;top:39%;writing-mode:vertical-rl;display:flex;align-items:center;gap:11px;color:#686868;font-size:7px;font-weight:800;letter-spacing:.2em}.scroll-hint span{display:block;width:1px;height:62px;background:linear-gradient(var(--accent),transparent);animation:scrollline 1.8s ease-in-out infinite}
.manifesto{min-height:92vh;display:flex;flex-direction:column;justify-content:center}.manifesto .section-kicker{margin-bottom:8vh}.manifesto-text{margin:0;font-family:"Space Grotesk";font-size:clamp(50px,8.9vw,144px);font-weight:700;line-height:.88;letter-spacing:-.07em}.manifesto-text em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5)}.manifesto-text strong{color:var(--accent);font-weight:700}.manifesto-sub{display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin-top:8vh;padding-top:22px;border-top:1px solid var(--line)}.manifesto-sub span{color:#666;font-size:8px;font-weight:800;letter-spacing:.18em}.manifesto-sub p{justify-self:end;max-width:500px;margin:0;color:#96968f;font-size:14px;line-height:1.6}
.showreel-frame{position:relative;width:100%;min-height:520px;aspect-ratio:16/8.5;border:1px solid var(--line);background:#080808;overflow:hidden;text-align:left;cursor:pointer}.showreel-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(199,255,40,.12),transparent 23%),linear-gradient(120deg,#0a0a0a,#151515 52%,#070707)}.showreel-bg i{position:absolute;border:1px solid rgba(199,255,40,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .8s var(--ease),border-color .4s}.showreel-bg i:nth-child(1){width:14vw;height:14vw}.showreel-bg i:nth-child(2){width:31vw;height:31vw}.showreel-bg i:nth-child(3){width:48vw;height:48vw;border-style:dashed;animation:orbit 30s linear infinite}.showreel-frame:hover .showreel-bg i:nth-child(1){transform:translate(-50%,-50%) scale(1.18);border-color:rgba(199,255,40,.4)}.showreel-scanline{position:absolute;left:0;right:0;top:-10%;height:12%;background:linear-gradient(transparent,rgba(199,255,40,.08),transparent);filter:blur(4px);animation:scan 5s linear infinite}.showreel-top,.showreel-bottom{position:absolute;z-index:2;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:800;letter-spacing:.16em}.showreel-top{top:20px;color:#666}.showreel-bottom{bottom:20px;color:#777}.showreel-bottom strong{color:#c5c5bf;font-weight:700}.reel-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:140px;height:140px;border:1px solid rgba(199,255,40,.5);border-radius:50%;transition:transform .4s var(--ease),background .4s}.reel-play span{font-size:8px;letter-spacing:.2em;color:var(--accent);margin-top:25px}.reel-play b{font-size:25px;color:var(--accent);margin-top:-28px;margin-left:4px}.showreel-frame:hover .reel-play{transform:translate(-50%,-50%) scale(1.08);background:rgba(199,255,40,.07)}
.services-list{border-top:1px solid var(--line)}.service-row{position:relative;display:grid;grid-template-columns:70px minmax(220px,1fr) minmax(260px,.9fr) minmax(220px,.7fr) 34px;gap:28px;align-items:center;min-height:180px;border-bottom:1px solid var(--line);overflow:hidden;transition:padding .45s var(--ease),color .3s}.service-row:before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--ease);z-index:-1}.service-row:hover:before{transform:scaleY(1)}.service-row:hover{color:#050505;padding:0 20px}.service-row:hover p,.service-row:hover span,.service-row:hover .service-no{color:#1a1a1a}.service-no{color:#666;font-size:9px;letter-spacing:.14em}.service-row h2{margin:0;font-family:"Space Grotesk";font-size:clamp(50px,7vw,110px);letter-spacing:-.065em}.service-row p{margin:0;color:#9a9a94;font-size:13px;line-height:1.6}.service-row>span{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.13em;line-height:1.5}.service-row>b{font-size:22px;font-weight:400}
.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.project{position:relative;min-height:560px;border:1px solid var(--line);background:#090909;overflow:hidden;cursor:pointer}.project-large{grid-row:span 2;min-height:1130px}.project-wide{grid-column:1/-1;min-height:610px}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),transparent 52%),linear-gradient(90deg,rgba(0,0,0,.35),transparent 48%);z-index:1}.project-media{position:absolute;inset:0;transition:transform 1s var(--ease),filter 1s var(--ease)}.project:hover .project-media{transform:scale(1.045);filter:contrast(1.06)}.project-index{position:absolute;z-index:3;top:20px;left:20px;color:#777;font-size:8px;font-weight:800;letter-spacing:.17em}.project-info{position:absolute;z-index:3;left:25px;bottom:25px;max-width:80%}.project-info>span{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.17em}.project-info h3{margin:8px 0 10px;font-family:"Space Grotesk";font-size:clamp(42px,5.3vw,86px);line-height:.84;letter-spacing:-.065em}.project-info p{margin:0;color:#a7a7a1;font-size:12px;line-height:1.5}.project-arrow{position:absolute;z-index:3;right:22px;bottom:22px;display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-size:20px;transition:background .3s,color .3s,transform .3s}.project:hover .project-arrow{background:var(--accent);color:#050505;transform:rotate(45deg)}
.visual-events{background:radial-gradient(circle at 50% 28%,rgba(199,255,40,.3),transparent 15%),linear-gradient(#111,#030303)}.stage{position:absolute;width:48%;height:23%;left:26%;top:21%;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 80px rgba(199,255,40,.08);clip-path:polygon(10% 100%,0 0,100% 0,90% 100%);background:linear-gradient(180deg,#292929,#090909)}.stage:before{content:"";position:absolute;inset:25% 18%;background:var(--accent);filter:blur(25px);opacity:.3}.crowd{position:absolute;left:-5%;right:-5%;bottom:0;height:47%;background:radial-gradient(ellipse at 12% 60%,#292929 0 1%,transparent 1.4%),radial-gradient(ellipse at 27% 28%,#343434 0 1.2%,transparent 1.6%),radial-gradient(ellipse at 43% 70%,#2a2a2a 0 1%,transparent 1.5%),radial-gradient(ellipse at 62% 35%,#353535 0 1%,transparent 1.5%),radial-gradient(ellipse at 82% 68%,#292929 0 1.1%,transparent 1.5%);background-size:30px 25px,34px 28px,26px 27px,31px 26px,28px 22px;transform:perspective(600px) rotateX(60deg);transform-origin:bottom}.beam{position:absolute;top:35%;width:3px;height:56%;background:linear-gradient(rgba(199,255,40,.8),transparent);filter:blur(1px);transform-origin:top}.b1{left:33%;transform:rotate(18deg)}.b2{right:32%;transform:rotate(-20deg)}
.visual-auto{background:linear-gradient(160deg,#131313,#030303 68%)}.road{position:absolute;left:-20%;right:-20%;bottom:-12%;height:60%;background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.28) 49.8% 50.2%,transparent 50.3%),linear-gradient(#151515,#050505);transform:perspective(500px) rotateX(66deg)}.car{position:absolute;left:21%;top:34%;width:58%;height:24%;border-radius:48% 52% 14% 15%/60% 60% 22% 22%;background:linear-gradient(180deg,#3b3b3b,#111);box-shadow:0 30px 60px #000}.car:before{content:"";position:absolute;left:17%;right:19%;top:-22%;height:55%;background:#171717;clip-path:polygon(20% 100%,33% 0,72% 0,92% 100%);border-top:1px solid #555}.car:after{content:"";position:absolute;left:8%;right:8%;bottom:12%;height:4px;background:var(--accent);opacity:.65;filter:blur(4px)}.car i{position:absolute;bottom:-22%;width:18%;aspect-ratio:1;border-radius:50%;background:#030303;border:7px solid #1e1e1e}.car i:first-child{left:12%}.car i:last-child{right:12%}
.visual-industry{background:radial-gradient(circle at 73% 30%,rgba(199,255,40,.12),transparent 20%),linear-gradient(135deg,#101010,#040404)}.factory{position:absolute;left:10%;bottom:10%;width:68%;height:58%;border:1px solid #252525;background:repeating-linear-gradient(90deg,#0e0e0e 0 8%,#171717 8% 9%);clip-path:polygon(0 17%,28% 17%,28% 0,38% 0,38% 17%,100% 17%,100% 100%,0 100%)}.pipe{position:absolute;border:1px solid #353535;background:linear-gradient(90deg,#111,#252525,#0a0a0a)}.p1{width:9%;height:72%;right:16%;top:12%}.p2{width:6%;height:60%;right:5%;top:25%}.industrial-light{position:absolute;width:42%;height:42%;right:1%;top:3%;background:radial-gradient(circle,rgba(199,255,40,.23),transparent 65%);filter:blur(10px)}
.visual-onetake{background:radial-gradient(circle at 50% 50%,#1d1d1d,#020202 61%)}.tunnel{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.12);transform:translate(-50%,-50%) rotate(45deg)}.t1{width:16%;aspect-ratio:1}.t2{width:38%;aspect-ratio:1}.t3{width:69%;aspect-ratio:1;border-color:rgba(199,255,40,.18)}.flightline{position:absolute;left:3%;top:60%;width:94%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 22px rgba(199,255,40,.8);transform:rotate(-6deg)}
.transition-quote{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.quote-track{display:flex;width:max-content;animation:marquee 20s linear infinite}.quote-track span{font-family:"Space Grotesk";font-size:clamp(54px,9vw,140px);font-weight:700;line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.24)}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:start}.about-title-wrap{position:relative}.micro{display:block;margin-bottom:20px;color:#666;font-size:8px;font-weight:800;letter-spacing:.18em}.about h2{position:relative;z-index:2;margin:0;font-family:"Space Grotesk";font-size:clamp(75px,10vw,158px);line-height:.75;letter-spacing:-.08em}.about h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.74)}.portrait-placeholder{position:relative;margin-top:-2vw;margin-left:24%;width:63%;aspect-ratio:4/5;border:1px solid var(--line);background:radial-gradient(circle at 50% 25%,rgba(199,255,40,.11),transparent 16%),linear-gradient(145deg,#171717,#070707);overflow:hidden}.portrait-placeholder:before{content:"";position:absolute;left:50%;top:19%;width:34%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:#202020;box-shadow:0 10vw 0 5vw #151515}.portrait-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.portrait-placeholder span{position:absolute;z-index:2;left:15px;bottom:15px;color:#777;font-size:7px;letter-spacing:.17em}.about-copy{padding-top:12vh;color:#a8a8a2;font-size:16px;line-height:1.75}.about-copy p{max-width:650px}.about-lead{color:#c7c7c1!important;font-size:clamp(20px,2.1vw,31px)!important;line-height:1.4!important}.about-lead strong{color:#fff}.about-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:34px}.about-tags span{border:1px solid var(--line);padding:8px 10px;color:#8b8b85;font-size:7px;font-weight:800;letter-spacing:.13em}.signature{margin-top:45px;color:var(--accent);font-family:"Space Grotesk";font-size:20px;font-weight:700;letter-spacing:-.03em}
.stats{display:grid;grid-template-columns:repeat(4,1fr);padding-top:70px;padding-bottom:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{min-height:190px;padding:20px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{font:700 clamp(65px,7.2vw,116px)/.8 "Space Grotesk";letter-spacing:-.075em}.stat em{margin-top:30px;color:#e3e3dd;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.14em}.stat small{display:block;margin-top:7px;color:#666;font-size:9px}
.gear-stage{display:grid;grid-template-columns:.78fr 1.22fr;gap:5vw;align-items:stretch}.gear-visual{position:sticky;top:14vh;height:70vh;min-height:520px;border:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(199,255,40,.08),transparent 28%),#080808}.gear-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);background-size:48px 48px}.gear-grid,.gear-blueprint{position:absolute;inset:0}.gear-grid{background:radial-gradient(circle at 50% 50%,rgba(199,255,40,.08),transparent 36%);transform:translate3d(calc(var(--mx,0)*8px),calc(var(--my,0)*8px),0)}.gear-blueprint{background-image:radial-gradient(circle at 50% 50%,rgba(199,255,40,.1) 0 1px,transparent 2px),linear-gradient(rgba(199,255,40,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(199,255,40,.08) 1px,transparent 1px);background-size:110px 110px,55px 55px,55px 55px;mask-image:radial-gradient(circle at center,#000 20%,transparent 78%);opacity:.55}.gear-visual>span{position:absolute;left:16px;bottom:15px;color:#666;font-size:8px;letter-spacing:.16em}.gear-ring{position:absolute;left:50%;top:50%;width:58%;aspect-ratio:1;border:1px dashed rgba(199,255,40,.2);border-radius:50%;transform:translate(-50%,-50%);animation:orbit 25s linear infinite}.gear-photo{position:absolute;left:50%;top:50%;width:70%;max-width:520px;transform:translate(-50%,-50%) rotate(-6deg);object-fit:contain;opacity:0;filter:drop-shadow(0 36px 55px rgba(0,0,0,.65));transition:opacity .55s var(--ease),transform .8s var(--ease)}.gear-visual[data-mode="fpv"] .gear-photo{opacity:.9;transform:translate(-50%,-50%) rotate(-3deg) scale(1.02)}.gear-object{position:absolute;left:50%;top:50%;width:42%;height:13%;border-radius:10px;transform:translate(-50%,-50%) rotate(-9deg);background:linear-gradient(180deg,#353535,#111);box-shadow:0 40px 70px #000;transition:.65s var(--ease),opacity .45s var(--ease)}.gear-visual[data-mode="fpv"] .gear-object{opacity:.18}.gear-visual[data-mode="dji"] .gear-object{width:46%;height:10%;border-radius:16px}.gear-visual[data-mode="fx3"] .gear-object{width:38%;height:18%;border-radius:14px}.gear-visual[data-mode="gopro"] .gear-object{width:20%;height:20%;border-radius:18px}.gear-object:before,.gear-object:after{content:"";position:absolute;top:50%;width:66%;height:8%;background:#202020}.gear-object:before{right:82%;transform:rotate(31deg)}.gear-object:after{left:82%;transform:rotate(-31deg)}.gear-object i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px rgba(199,255,40,.8)}.gear-object i:nth-child(1){left:8%;top:25%}.gear-object i:nth-child(2){right:8%;top:25%}.gear-object i:nth-child(3){left:50%;bottom:10%;transform:translateX(-50%)}.gear-list{border-top:1px solid var(--line)}.gear-item{appearance:none;width:100%;display:grid;grid-template-columns:55px 1fr auto 35px;gap:18px;align-items:center;min-height:130px;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;transition:padding .4s var(--ease),color .3s}.gear-item:hover,.gear-item.active{padding-left:18px;color:var(--accent)}.gear-item>span,.gear-item>p{color:#70706b;font-size:8px;font-weight:800;letter-spacing:.14em}.gear-item h3{margin:0;font-family:"Space Grotesk";font-size:clamp(32px,4.4vw,70px);letter-spacing:-.055em}.gear-item b{font-size:18px;font-weight:400}.gear-item.active h3{color:var(--accent)}
.clients{padding-left:0;padding-right:0}.clients .section-kicker{padding:0 5vw 30px}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0}.marquee-track{display:flex;align-items:center;width:max-content;animation:marquee 52s linear infinite}.marquee-track span{padding:0 31px;font-family:"Space Grotesk";font-size:clamp(35px,4.8vw,76px);font-weight:700;letter-spacing:-.055em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.31)}.marquee-track i{color:var(--accent);font-style:normal;font-size:15px}
.contact{min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-bottom:80px}.contact-grid{position:absolute;inset:0;background:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);background-size:6vw 6vw;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 68%)}.contact-glow{position:absolute;right:-7vw;top:18%;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,rgba(199,255,40,.16),transparent 65%);filter:blur(25px)}.contact-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.contact-status{display:flex;gap:8px;align-items:center;color:#777;font-size:8px;font-weight:800;letter-spacing:.16em}.contact h2{position:relative;z-index:2;margin:25px 0 50px;font:700 clamp(70px,11.5vw,184px)/.76 "Space Grotesk";letter-spacing:-.08em}.contact h2 span{color:var(--accent)}.contact-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.contact-bottom>p{max-width:680px;margin:0;color:#a8a8a1;font-size:clamp(16px,1.7vw,25px);line-height:1.45}.contact footer{position:absolute;z-index:2;left:5vw;right:5vw;bottom:24px;display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);color:#62625e;font-size:7px;font-weight:800;letter-spacing:.17em}
.reel-modal{position:fixed;inset:0;z-index:900;background:rgba(0,0,0,.92);backdrop-filter:blur(20px);display:grid;place-items:center;padding:5vw;opacity:0;visibility:hidden;transition:.45s}.reel-modal.is-open{opacity:1;visibility:visible}.reel-close{position:absolute;right:3vw;top:3vw;z-index:2;background:none;border:0;color:#aaa;cursor:pointer;font-size:9px;font-weight:800;letter-spacing:.14em}.reel-modal-inner{width:min(1300px,94vw);aspect-ratio:16/9;border:1px solid var(--line);background:#070707}.reel-placeholder{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;overflow:hidden;background:radial-gradient(circle,rgba(199,255,40,.1),transparent 30%),linear-gradient(135deg,#111,#040404)}.reel-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);background-size:60px 60px}.reel-placeholder>*{position:relative}.reel-placeholder>span{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.2em}.reel-placeholder h2{margin:13px 0;font:700 clamp(45px,8vw,130px)/.8 "Space Grotesk";letter-spacing:-.07em}.reel-placeholder p{max-width:620px;color:#999;font-size:13px;line-height:1.6}.reel-placeholder small{color:#555;font-size:7px;letter-spacing:.15em}.reel-reticle{position:absolute!important;left:50%;top:50%;width:55%;aspect-ratio:1;border:1px solid rgba(255,255,255,.10);border-radius:50%;transform:translate(-50%,-50%)}.reel-reticle i{position:absolute;inset:17%;border:1px dashed rgba(199,255,40,.12);border-radius:50%;animation:orbit 30s linear infinite}
@keyframes pulse{50%{opacity:.3;box-shadow:0 0 2px var(--accent)}}@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes scan{to{top:110%}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes scrollline{0%,100%{transform:scaleY(.25);transform-origin:top}50%{transform:scaleY(1)}}@keyframes floatA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4vw,5vh,0)}}@keyframes floatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3vw,-4vh,0)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes spinSweep{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes dataFlow{0%{transform:translateX(-8vw)}50%{transform:translateX(6vw)}100%{transform:translateX(-8vw)}}@keyframes dataFlowReverse{0%{transform:translateX(8vw)}50%{transform:translateX(-5vw)}100%{transform:translateX(8vw)}}
@media(max-width:1100px){.hero-title{font-size:clamp(82px,15vw,170px)}.flight-hud{display:none}.service-row{grid-template-columns:45px 1fr .8fr 30px}.service-row>span{display:none}.gear-stage{grid-template-columns:.68fr 1.32fr}.hero-bottom-copy{max-width:950px}}
@media(max-width:820px){.cursor{display:none}.bg-radar{left:50%;top:14%;width:95vw;height:95vw}.bg-grid-lines{background-size:44px 44px}.bg-drone-ghost{right:-24vw;bottom:4vh;width:86vw;opacity:.05}.hero-tech-panels{display:none}.gear-photo{width:82%}.topbar{grid-template-columns:1fr auto;padding:17px 6vw}.nav-status,.nav{display:none}.menu-toggle{display:block}.section-pad{padding:95px 6vw}.section-head{display:block}.section-head>p{margin-top:12px;text-align:left}.hero{height:100svh;min-height:680px;padding-top:80px}.hero-grid{background-size:18vw 18vw}.hero-copy{padding-bottom:9vh}.hero-label-row{justify-content:space-between}.hero-title{font-size:clamp(68px,22.5vw,145px);line-height:.74;margin-top:20px;margin-bottom:30px}.hero-bottom-copy{display:block}.hero-lead{max-width:520px;font-size:18px}.hero-actions{margin-top:25px}.hero-meta{display:none}.scroll-hint{top:28%;left:auto;right:5vw}.orbit-a{width:100vw;height:100vw;right:-28vw;top:18%}.orbit-b{width:72vw;height:72vw;right:-13vw;top:31%}.manifesto{min-height:78vh}.manifesto .section-kicker{margin-bottom:8vh}.manifesto-text{font-size:clamp(49px,13.8vw,95px)}.manifesto-sub{grid-template-columns:1fr;gap:20px}.manifesto-sub p{justify-self:start}.showreel-frame{min-height:420px;aspect-ratio:4/5}.showreel-bottom strong{max-width:70%;line-height:1.5}.showreel-bg i:nth-child(1){width:34vw;height:34vw}.showreel-bg i:nth-child(2){width:68vw;height:68vw}.showreel-bg i:nth-child(3){width:105vw;height:105vw}.service-row{display:grid;grid-template-columns:35px 1fr 24px;gap:12px;padding:24px 0;min-height:0}.service-row h2{font-size:56px}.service-row p{grid-column:2/-1;font-size:12px}.service-row>span{display:none}.service-row:hover{padding:24px 10px}.work-grid{grid-template-columns:1fr}.project,.project-large,.project-wide{grid-column:auto;grid-row:auto;min-height:72svh}.project-large{min-height:88svh}.project-info{max-width:78%}.project-info h3{font-size:52px}.about-grid{grid-template-columns:1fr}.about h2{font-size:clamp(72px,21vw,126px)}.portrait-placeholder{width:72%;margin-top:-3vw;margin-left:22%}.about-copy{padding-top:30px}.stats{grid-template-columns:1fr 1fr}.stat{min-height:170px;border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-child(3){padding-left:0}.gear-stage{display:block}.gear-visual{position:relative;top:auto;height:54vh;min-height:410px;margin-bottom:10px}.gear-item{grid-template-columns:40px 1fr 26px;min-height:105px}.gear-item p{display:none}.contact{min-height:100svh}.contact-grid{background-size:18vw 18vw}.contact h2{font-size:clamp(62px,18vw,115px);margin:28px 0 36px}.contact-bottom{display:block}.contact-actions{margin-top:28px}.contact footer span:nth-child(2){display:none}.reel-modal{padding:20px}.reel-modal-inner{aspect-ratio:4/5}.reel-close{right:20px;top:22px}.intro h1{font-size:clamp(66px,19vw,130px)}.intro-topline span:last-child{display:none}}
@media(max-width:480px){.section-pad{padding:80px 5.5vw}.hero{padding-left:5.5vw;padding-right:5.5vw}.hero-title{font-size:clamp(64px,23vw,108px)}.button{width:100%}.hero-actions{width:100%}.stats{grid-template-columns:1fr}.stat,.stat:nth-child(3){border-right:0;padding-left:0}.contact-top .contact-status{display:none}.contact footer span:last-child{display:none}.service-row h2{font-size:49px}.project-info h3{font-size:46px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

html.lenis,html.lenis body{height:auto!important;overflow-y:auto!important}.lenis.lenis-stopped{overflow-y:auto!important}


.showreel-bottom>span{max-width:42%;text-align:right;line-height:1.45}
@media(max-width:820px){.showreel-bottom>span{max-width:46%;font-size:7px;letter-spacing:.11em}}

.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover;opacity:.15;filter:grayscale(1) contrast(1.08) brightness(.6)}
.project-media video,.project-media img{width:100%;height:100%;object-fit:cover;display:block}
.project-media.has-asset::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(199,255,40,.08),transparent 26%)}
.showreel-frame .showreel-preview{position:absolute;inset:0;z-index:1;overflow:hidden}
.showreel-frame .showreel-preview video,.showreel-frame .showreel-preview img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.04) brightness(.72)}
.showreel-frame .showreel-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.58),rgba(0,0,0,.12))}
.showreel-frame .showreel-bg,.showreel-frame .showreel-scanline,.showreel-frame .showreel-top,.showreel-frame .reel-play,.showreel-frame .showreel-bottom{z-index:2}
.reel-modal video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
.portrait-placeholder.has-asset{background:#080808}
.portrait-placeholder.has-asset:before,.portrait-placeholder.has-asset:after{display:none}
.portrait-placeholder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04)}
.gear-visual[data-mode="fpv-cinematic"] .gear-photo,.gear-visual[data-mode="fpv-dynamic"] .gear-photo,.gear-visual[data-mode="avata"] .gear-photo{opacity:.9;transform:translate(-50%,-50%) rotate(-3deg) scale(1.02)}
.gear-visual[data-mode="fpv-cinematic"] .gear-object{opacity:.18}
.gear-visual[data-mode="fpv-dynamic"] .gear-object{opacity:.16;transform:translate(-50%,-50%) rotate(10deg) scale(1.08)}
.gear-visual[data-mode="avata"] .gear-object{width:32%;height:32%;border-radius:22px}




.hero-tech-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.72;mask-image:radial-gradient(circle at 68% 40%,#000 0 22%,rgba(0,0,0,.9) 42%,transparent 86%)}
.hero-tech-bg .tech-line,.hero-tech-bg .tech-node,.hero-tech-bg .tech-ring{position:absolute;display:block}
.hero-tech-bg .tech-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),rgba(199,255,40,.16),rgba(255,255,255,.09),transparent);transform:translate3d(calc(var(--mx,0)*-10px),calc(var(--my,0)*-7px),0);animation:techFloat 15s ease-in-out infinite}
.hero-tech-bg .tl-1{left:7vw;top:21%;width:25vw;animation-delay:-2s}.hero-tech-bg .tl-2{left:12vw;top:32%;width:18vw;animation-delay:-5s}.hero-tech-bg .tl-3{right:16vw;top:26%;width:16vw;animation-delay:-3s}.hero-tech-bg .tl-4{right:9vw;top:46%;width:23vw;animation-delay:-8s}.hero-tech-bg .tl-5{left:10vw;bottom:20%;width:22vw;animation-delay:-6s}
.hero-tech-bg .tech-line:after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;border-radius:50%;background:rgba(199,255,40,.8);box-shadow:0 0 12px rgba(199,255,40,.35);transform:translateY(-50%)}
.hero-tech-bg .tech-node{width:7px;height:7px;border-radius:50%;background:rgba(199,255,40,.78);box-shadow:0 0 14px rgba(199,255,40,.24);transform:translate3d(calc(var(--mx,0)*-14px),calc(var(--my,0)*-10px),0);animation:nodeBlink 3.6s ease-in-out infinite}
.hero-tech-bg .tn-1{left:33vw;top:22%}.hero-tech-bg .tn-2{right:29vw;top:30%;animation-delay:.7s}.hero-tech-bg .tn-3{left:29vw;bottom:26%;animation-delay:1.2s}.hero-tech-bg .tn-4{right:19vw;bottom:22%;animation-delay:1.9s}
.hero-tech-bg .tech-ring{border:1px solid rgba(255,255,255,.06);border-radius:50%;transform:translate3d(calc(var(--mx,0)*-12px),calc(var(--my,0)*-9px),0);animation:spinGhost 30s linear infinite}
.hero-tech-bg .tr-1{right:20vw;top:18%;width:16vw;height:16vw;border-style:dashed;opacity:.55}
.hero-tech-bg .tr-2{left:8vw;bottom:13%;width:20vw;height:20vw;opacity:.35;animation-duration:38s;animation-direction:reverse}
@keyframes techFloat{0%,100%{opacity:.38;transform:translate3d(calc(var(--mx,0)*-10px),calc(var(--my,0)*-7px),0)}50%{opacity:.8;transform:translate3d(calc(var(--mx,0)*-10px + 10px),calc(var(--my,0)*-7px + 4px),0)}}
@keyframes nodeBlink{0%,100%{opacity:.3;transform:translate3d(calc(var(--mx,0)*-14px),calc(var(--my,0)*-10px),0) scale(.9)}50%{opacity:1;transform:translate3d(calc(var(--mx,0)*-14px),calc(var(--my,0)*-10px),0) scale(1.45)}}
@keyframes spinGhost{to{transform:translate3d(calc(var(--mx,0)*-12px),calc(var(--my,0)*-9px),0) rotate(360deg)}}
@media(max-width:820px){.hero-tech-bg{opacity:.48;mask-image:radial-gradient(circle at 58% 34%,#000 0 20%,rgba(0,0,0,.88) 40%,transparent 78%)}.hero-tech-bg .tl-1,.hero-tech-bg .tl-5{width:34vw}.hero-tech-bg .tl-3,.hero-tech-bg .tl-4{width:24vw}.hero-tech-bg .tr-1{right:7vw;top:18%;width:28vw;height:28vw}.hero-tech-bg .tr-2{left:2vw;bottom:18%;width:30vw;height:30vw}}


/* V7.9 clean project cards */
.project{background:#060606}
.project:after{background:linear-gradient(to top,rgba(0,0,0,.94),rgba(0,0,0,.72) 28%,rgba(0,0,0,.18) 62%,rgba(0,0,0,.05) 100%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 48%)}
.project-media{position:absolute;inset:0;background:radial-gradient(circle at 68% 38%,rgba(199,255,40,.045),transparent 22%),linear-gradient(180deg,#0a0a0a,#050505);}
.project-media::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:100% 7px,32px 100%;opacity:.14;mix-blend-mode:screen;pointer-events:none}
.project-media::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 30%,rgba(199,255,40,.12),transparent 18%),radial-gradient(circle at 28% 72%,rgba(255,255,255,.04),transparent 26%);opacity:.42;pointer-events:none}
.project-media.has-asset::after{background:linear-gradient(to top,rgba(0,0,0,.18),rgba(0,0,0,.04));opacity:1}
.project-media video,.project-media img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72;filter:grayscale(1) contrast(1.02) brightness(.78);transition:opacity .35s ease, transform .8s var(--ease), filter .35s ease;transform:scale(1.01)}
.project:hover .project-media video,.project:hover .project-media img{opacity:.92;filter:grayscale(.9) contrast(1.04) brightness(.88);transform:scale(1.03)}
.project:hover .project-media{filter:none}


/* V8.0 gear asset system */
.gear-media-stage{position:absolute;inset:0;display:block}
.gear-photo,.gear-video{position:absolute;left:50%;top:50%;width:70%;max-width:520px;object-fit:contain;opacity:0;filter:drop-shadow(0 36px 55px rgba(0,0,0,.65));transition:opacity .55s var(--ease),transform .8s var(--ease),filter .5s var(--ease);transform:translate(-50%,-50%) rotate(-6deg) scale(1);will-change:transform;animation:gearFloat 8s ease-in-out infinite}
.gear-video{height:auto;background:transparent}
.gear-visual[data-mode="fpv-cinematic"] .gear-photo,.gear-visual[data-mode="fpv-cinematic"] .gear-video{opacity:.92;transform:translate(-50%,-50%) rotate(-4deg) scale(1.02)}
.gear-visual[data-mode="fpv-dynamic"] .gear-photo,.gear-visual[data-mode="fpv-dynamic"] .gear-video{opacity:.92;transform:translate(-50%,-50%) rotate(6deg) scale(1.06)}
.gear-visual[data-mode="dji"] .gear-photo,.gear-visual[data-mode="dji"] .gear-video{opacity:.92;transform:translate(-50%,-50%) rotate(-3deg) scale(1.00)}
.gear-visual[data-mode="avata"] .gear-photo,.gear-visual[data-mode="avata"] .gear-video{opacity:.92;transform:translate(-50%,-50%) rotate(-2deg) scale(1.03)}
.gear-visual[data-mode="fx3"] .gear-photo,.gear-visual[data-mode="fx3"] .gear-video{opacity:.92;transform:translate(-50%,-50%) rotate(3deg) scale(1.01)}
.gear-visual.has-gear-asset .gear-photo,.gear-visual.has-gear-asset .gear-video{filter:drop-shadow(0 42px 70px rgba(0,0,0,.72))}
.gear-object{display:none !important}
@keyframes gearFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}
@media(max-width:820px){.gear-photo,.gear-video{width:82%}}


/* V8.1 media-config controls */
.project-media video,.project-media img{
  object-fit:var(--media-fit,cover);
  object-position:var(--media-position,50% 50%);
  transform:translate(var(--media-x,0px),var(--media-y,0px)) rotate(var(--media-rotate,0deg)) scale(var(--media-scale,1));
}
.project:hover .project-media video,.project:hover .project-media img{
  transform:translate(var(--media-x,0px),var(--media-y,0px)) rotate(var(--media-rotate,0deg)) scale(var(--media-hover-scale,var(--media-scale,1)));
}
.showreel-preview video,.showreel-preview img{
  object-fit:var(--media-fit,cover)!important;
  object-position:var(--media-position,50% 50%)!important;
  transform:translate(var(--media-x,0px),var(--media-y,0px)) rotate(var(--media-rotate,0deg)) scale(var(--media-scale,1));
}
.gear-photo,.gear-video{
  width:var(--gear-width,70%);
  max-width:var(--gear-max-width,520px);
  object-fit:var(--media-fit,contain);
  object-position:var(--media-position,50% 50%);
  transform:translate(calc(-50% + var(--media-x,0px)),calc(-50% + var(--media-y,0px))) rotate(var(--media-rotate,-4deg)) scale(var(--media-scale,1));
  animation:gearFloatConfig var(--gear-float-speed,8s) ease-in-out infinite;
}
@keyframes gearFloatConfig{
  0%,100%{transform:translate(calc(-50% + var(--media-x,0px)),calc(-50% + var(--media-y,0px))) rotate(var(--media-rotate,-4deg)) scale(var(--media-scale,1))}
  50%{transform:translate(calc(-50% + var(--media-x,0px)),calc(-50% + var(--media-y,0px) - var(--gear-float,8px))) rotate(var(--media-rotate,-4deg)) scale(var(--media-scale,1))}
}


/* V8.3 — YouTube modal sizing hotfix */
.reel-modal{
  display:flex;
  align-items:center;
  justify-content:center;
}
.reel-modal-inner{
  position:relative;
  width:min(1280px,92vw);
  height:auto;
  max-height:82vh;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#000;
}
.reel-modal-inner iframe,
.reel-modal-inner video,
.reel-modal-inner > img{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  display:block;
  border:0;
  object-fit:contain;
  background:#000;
}
@media(max-width:820px){
  .reel-modal{padding:60px 14px 24px}
  .reel-modal-inner{
    width:calc(100vw - 28px);
    max-width:100%;
    max-height:75vh;
    aspect-ratio:16/9;
  }
  .reel-close{right:16px;top:20px}
}