:root{
  --bg:#0a0b0d;--panel:#101216;--panel-hi:#15171b;--paper:#f0f1f0;--muted:#a0a3aa;--quiet:#636871;--rule:rgba(232,236,240,.14);--red:#d24448;--red-lite:#f16367;
  --font-display:'Barlow Condensed','Impact','Arial Narrow',sans-serif;--font-text:'DM Sans','Inter','Segoe UI',sans-serif;--font-mono:'IBM Plex Mono','Courier New',monospace;
  --gutter:clamp(24px,5.4vw,110px);--ease:cubic-bezier(.22,1,.36,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--font-text);font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--red-lite);outline-offset:5px}
img,svg{display:block;max-width:100%}
::selection{background:var(--red);color:white}
.wrap{width:100%;max-width:1800px;padding-inline:var(--gutter);margin-inline:auto}
.skip-link{position:fixed;z-index:200;top:-110px;left:15px;background:var(--paper);color:var(--bg);padding:12px 20px}
.skip-link:focus{top:15px}
.scroll-progress{height:2px;background:var(--red);width:0;position:fixed;top:0;left:0;z-index:120;pointer-events:none}
.site-header{height:91px;display:flex;align-items:center;gap:42px;padding:0 var(--gutter);position:fixed;inset:0 0 auto;z-index:110;border-bottom:1px solid rgba(235,235,235,.12);transition:background .35s,border-color .35s,height .35s;isolation:isolate}
.site-header.scrolled{height:77px;background:rgba(10,11,13,.92);border-color:rgba(235,235,235,.14);backdrop-filter:blur(20px)}
.identity{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;flex-shrink:0}
.brand-logo{width:35px;height:35px;color:#eee;transition:transform .35s var(--ease)}
.identity:hover .brand-logo{transform:skewX(-8deg)}
.identity-name{font-family:var(--font-display);font-weight:900;font-size:32px;letter-spacing:.055em;line-height:1}
.identity-point{color:var(--red)}
.identity-meta{font-family:var(--font-mono);font-size:8px;letter-spacing:.11em;line-height:1.55;color:#90949b;border-left:1px solid #45484e;padding-left:12px;margin-left:4px}
.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.7vw,47px);margin-left:auto}
.desktop-nav a{font:600 10px/1.3 var(--font-mono);letter-spacing:.09em;white-space:nowrap;color:#a3a7ae;transition:color .2s}
.desktop-nav a:hover{color:white}
.header-cta{background:var(--paper);color:#0e1012;font:700 10px/1 var(--font-mono);letter-spacing:.04em;display:flex;gap:28px;justify-content:space-between;align-items:center;padding:16px 18px;min-width:190px;transition:background .25s,color .25s}
.header-cta:hover{background:var(--red);color:#fff}
.header-cta span:last-child{font-size:17px;font-weight:400}
.menu-toggle{display:none;border:1px solid var(--rule);background:#111;color:white;width:46px;height:44px;flex-shrink:0;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer}
.menu-toggle span{width:19px;height:1.5px;background:currentColor;transition:transform .2s}
.menu-open .menu-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-open .menu-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.mobile-nav{display:none}
/* HERO */
.hero{position:relative;min-height:790px;height:min(950px,100svh);isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 45% 55% at 78% 42%,#1b1e25 0%,transparent 85%),#0b0d10}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,11,13,1) 1%,rgba(10,11,13,.7) 35%,rgba(10,11,13,.05) 77%)}
.hero-noise{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.16;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
.hero-copy{position:relative;z-index:5;padding-top:clamp(205px,24vh,290px);pointer-events:none}
.hero-copy a{pointer-events:auto}
.eyebrow,.section-label{font:600 11px/1.5 var(--font-mono);letter-spacing:.14em;color:#b3b7bd;text-transform:uppercase}
.eyebrow-hero{display:flex;align-items:center;gap:17px;margin-bottom:27px}
.red-line{width:34px;height:2px;background:var(--red);display:inline-block}
.eyebrow-index{color:#666a72;padding-left:16px;border-left:1px solid #494e58}
.hero h1{font:900 clamp(100px,10.8vw,195px)/.77 var(--font-display);letter-spacing:-.045em;margin:0 0 32px;text-transform:uppercase;max-width:1100px;white-space:nowrap}
.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.8px #f2f2f2;text-stroke:1.8px #f2f2f2}
.hero-deck{font-size:clamp(15px,1.2vw,18px);line-height:1.75;letter-spacing:-.015em;color:#b6b9bd;max-width:460px;margin:0}
.hero-actions{display:flex;align-items:center;gap:39px;margin-top:34px}
.action-primary{min-height:60px;padding:8px 10px 8px 23px;display:inline-flex;align-items:center;gap:43px;background:var(--paper);color:#15171a;font:700 11px var(--font-mono);letter-spacing:.025em;transition:color .3s,background .3s,transform .3s var(--ease)}
.action-primary:hover{background:var(--red);color:white;transform:translateY(-3px)}
.action-arrow{height:40px;width:43px;display:grid;place-items:center;border-left:1px solid rgba(0,0,0,.14);font-size:20px;font-weight:400}
.action-text{font:600 11px var(--font-mono);letter-spacing:.04em;border-bottom:1px solid #797d86;padding-bottom:10px;display:inline-flex;gap:28px;white-space:nowrap;transition:color .2s,border-color .2s}
.action-text:hover{color:var(--red-lite);border-color:var(--red-lite)}
.hero-visual{position:absolute;top:12%;bottom:9%;right:0;width:61%;min-width:660px;z-index:0;overflow:hidden;opacity:.94;mask-image:linear-gradient(90deg,transparent 1%,#000 35%);transform:translate3d(var(--move-x,0px),var(--move-y,0px),0);transition:transform .2s linear}
.hero-visual-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 91px,rgba(140,162,180,.035) 92px 93px),repeating-linear-gradient(0deg,transparent 0 91px,rgba(140,162,180,.035) 92px 93px)}
.hero-aircraft{height:100%;width:100%;object-fit:contain;mix-blend-mode:screen;opacity:.78;filter:contrast(1.12) brightness(.98);transform:scale(1.06);animation:hero-float 8s ease-in-out infinite alternate}
.orbital{position:absolute;border:1px solid rgba(179,187,196,.09);border-radius:50%;left:18%;top:7%;height:82%;aspect-ratio:1;pointer-events:none}
.orbital-2{left:29%;top:18%;height:60%;border-style:dashed;animation:spin 80s linear infinite}
.visual-coord{position:absolute;z-index:2;font:500 9px var(--font-mono);letter-spacing:.12em;color:#959faa;display:flex;align-items:center;gap:9px}
.visual-coord-top{top:4%;right:6%}
.visual-coord-bottom{bottom:5%;right:6%;align-items:flex-end;flex-direction:column;gap:8px;color:#6e7b85}
.visual-coord-bottom strong{font-weight:500;color:#b3bac2}
.pulse-dot{width:5px;height:5px;background:var(--red);border-radius:100%;box-shadow:0 0 0 4px rgba(210,68,72,.16)}
.hero-visual-corner{position:absolute;width:21px;height:21px;border-color:#57616e;opacity:.5}.top-left{top:10%;left:15%;border-left:1px solid;border-top:1px solid}.top-right{top:10%;right:7%;border-right:1px solid;border-top:1px solid}.bottom-left{bottom:10%;left:15%;border-left:1px solid;border-bottom:1px solid}.bottom-right{bottom:10%;right:7%;border-right:1px solid;border-bottom:1px solid}
.hero-rail{position:absolute;right:14px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;display:flex;align-items:center;gap:38px;font:500 9px var(--font-mono);color:#767e89;letter-spacing:.2em;z-index:6}
.hero-rail span+span{color:#d8dde2}
.hero-bottom{position:absolute;left:0;right:0;bottom:0;height:84px;border-top:1px solid var(--rule);z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 9px var(--font-mono);letter-spacing:.12em;color:#a0a3aa}
.hero-bottom-id{color:#d4d7db}.hero-bottom-scroll{display:flex;gap:22px;align-items:center}.hero-bottom-scroll span{font-size:20px;color:var(--red)}
@keyframes hero-float{0%{transform:scale(1.04) translateY(-7px)}100%{transform:scale(1.07) translateY(6px)}}
@keyframes spin{to{transform:rotate(360deg)}}
/* MARQUEE */
.statement{height:72px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--rule);background:#111317;position:relative}
.statement:before,.statement:after{content:"";position:absolute;top:0;bottom:0;width:8%;z-index:1;pointer-events:none}.statement:before{left:0;background:linear-gradient(90deg,#111317,transparent)}.statement:after{right:0;background:linear-gradient(-90deg,#111317,transparent)}
.statement-track{display:flex;width:max-content;white-space:nowrap;animation:marquee 43s linear infinite}
.statement-track>div{font:800 33px var(--font-display);letter-spacing:.14em;color:#70747b;padding-right:30px}
.statement-track span{color:var(--red);font-family:var(--font-text);font-size:14px;vertical-align:middle;margin:0 22px}
@keyframes marquee{to{transform:translateX(-50%)}}
/* SECTIONS */
.section{padding:clamp(110px,10vw,170px) 0}
.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:70px}
.section-label{display:flex;align-items:center;gap:11px;margin:0 0 32px;font-size:10px}
.label-dot{width:6px;height:6px;display:inline-block;background:var(--red);transform:rotate(45deg);flex-shrink:0}
.section-header h2{font:800 clamp(59px,7.4vw,120px)/.88 var(--font-display);letter-spacing:-.027em;margin:0;text-transform:uppercase}
.section-header h2 span{color:#656a72}
.section-header>p{max-width:290px;color:#989ba4;font-size:14px;line-height:1.85;margin:0 10px 4px 0}
/* CAPABILITIES */
.capabilities-section{background:#0b0c0e}
.capability-list{border-top:1px solid var(--rule)}
.capability-item{display:grid;grid-template-columns:75px minmax(0,1fr) 183px 45px;gap:20px;align-items:center;border-bottom:1px solid var(--rule);padding:30px 10px 33px 0;position:relative;overflow:hidden;transition:padding .4s var(--ease),background .35s}
.capability-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .35s}
.capability-item:hover{padding-left:20px;background:linear-gradient(90deg,rgba(255,255,255,.027),transparent 85%)}
.capability-item:hover:before{transform:scaleY(1)}
.cap-number{align-self:start;padding-top:15px;font:500 11px var(--font-mono);color:var(--red)}
.cap-main h3{font:800 clamp(42px,5.1vw,82px)/.9 var(--font-display);letter-spacing:-.015em;margin:0;transition:transform .3s var(--ease)}
.cap-main h3 span{font-weight:600;color:#6e7278;transition:color .3s}
.capability-item:hover .cap-main h3 span{color:#e9e9e9}
.cap-main p{font-size:13px;line-height:1.6;color:#858a92;max-width:490px;margin:12px 0 0}
.cap-category{font:500 10px/1.4 var(--font-mono);color:#858a92;letter-spacing:.05em}
.cap-symbol{font-size:25px;justify-self:end;color:#787d86;transition:transform .25s,color .25s}
.capability-item:hover .cap-symbol{transform:translate(4px,-4px);color:var(--red)}
/* WORK */
.work-section{background:#111216;border-top:1px solid #22252a}
.work-heading{margin-bottom:55px}
.project-controls{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--rule);padding-bottom:22px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}
.project-controls::-webkit-scrollbar{display:none}
.filter{border:1px solid transparent;background:transparent;color:#7d8188;cursor:pointer;white-space:nowrap;padding:12px 17px;letter-spacing:.07em;font:600 10px var(--font-mono);transition:background .2s,color .2s,border-color .2s}
.filter:hover{color:white}
.filter.is-active{border-color:#46494f;background:#23262b;color:white}
.filter span{margin-left:10px;color:var(--red-lite)}
.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px;align-items:stretch}
.project-card{min-width:0;display:flex;flex-direction:column;transition:opacity .3s,transform .3s}
.project-card[hidden]{display:none!important}
.project-media{height:clamp(305px,28vw,470px);position:relative;overflow:hidden;background:#11151b;border:1px solid #343840;isolation:isolate;transition:border-color .35s}
.project-card:hover .project-media{border-color:#687079}
.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,8,.26),transparent 35%,transparent 60%,rgba(2,3,5,.48));pointer-events:none;z-index:3}
.media-top-left,.media-top-right,.media-bottom-left,.media-bottom-right{position:absolute;z-index:5;font:500 9px var(--font-mono);color:#b1b9c1;letter-spacing:.1em;white-space:nowrap}
.media-top-left{top:19px;left:23px}.media-top-right{top:19px;right:23px}.media-bottom-left{bottom:19px;left:23px}.media-bottom-right{bottom:11px;right:23px;font-size:27px;color:var(--paper);transition:transform .3s}
.project-card:hover .media-bottom-right{transform:translate(4px,-4px);color:var(--red-lite)}
.project-info{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:23px 0 10px}
.project-kicker{font:600 10px var(--font-mono);letter-spacing:.045em;color:#bdc0c6}
.project-kicker span{color:#838a92}
.project-info h3{font:800 clamp(34px,3.2vw,51px)/1 var(--font-display);letter-spacing:.005em;margin:15px 0 7px}
.project-info p{color:#90959d;line-height:1.65;font-size:13px;margin:0;max-width:480px}
.project-tag{font:500 9px var(--font-mono);letter-spacing:.05em;border:1px solid #51545b;color:#b5b6bb;padding:8px 10px;white-space:nowrap;margin-top:0}
.project-media-uav{background:radial-gradient(ellipse at 50% 50%,#222a33,#0d1014 73%)}
.project-media-uav img{position:absolute;width:120%;max-width:none;height:128%;object-fit:contain;left:-10%;top:-13%;opacity:.88;filter:contrast(1.15) brightness(.9);transition:transform .8s var(--ease)}
.project-card:hover .project-media-uav img{transform:scale(1.09) rotate(-1deg)}
.project-tech-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,rgba(143,162,178,.18) 50%,transparent 50.05%),linear-gradient(transparent 49.95%,rgba(143,162,178,.18) 50%,transparent 50.05%)}
/* project illustration PCB */
.project-media-circuit{display:grid;place-items:center;background:radial-gradient(circle at 55% 45%,#243039,#12171d 55%,#0c1015)}
.project-media-circuit:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(141,169,179,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(141,169,179,.05) 1px,transparent 1px);background-size:32px 32px}
.circuit-board{width:clamp(250px,28vw,410px);height:clamp(175px,19vw,274px);position:relative;transform:perspective(700px) rotateX(18deg) rotateZ(-12deg);border-radius:9px;background:linear-gradient(120deg,#1f2a31,#0e1c22 62%,#34434a);border:7px solid #65757c;box-shadow:0 26px 45px #0009,0 0 0 1px #9cb0b6 inset;transition:transform .7s var(--ease)}
.project-card:hover .circuit-board{transform:perspective(700px) rotateX(9deg) rotateZ(-6deg) translateY(-5px)}
.circuit-board:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#9ac5b1 1.3px,transparent 1.5px);background-size:21px 19px;opacity:.27}
.pcb-core{position:absolute;top:27%;left:34%;width:36%;height:47%;z-index:2;background:#13181d;border:5px solid #4f6065;box-shadow:0 8px 13px #0009;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;transform:rotate(-1deg)}
.pcb-core span,.pcb-core small{font:500 9px var(--font-mono);color:#7b929c}.pcb-core strong{font:700 28px var(--font-display);letter-spacing:.05em;color:#dce4e3}.pcb-core small{font-size:7px}
.pcb-trace{position:absolute;border:2px solid #71998e;border-radius:9px;opacity:.7}
.pcb-trace-1{left:5%;top:19%;height:57%;width:72%;border-right:none}.pcb-trace-2{left:20%;top:7%;width:58%;height:71%;border-left:none}.pcb-trace-3{left:25%;top:34%;width:68%;height:38%;border-top:none}
.pcb-ports{position:absolute;left:21%;width:60%;height:13px;background:repeating-linear-gradient(90deg,#a8b6b6 0 8px,#202c30 8px 18px)}
.pcb-ports-top{top:-4px}.pcb-ports-bottom{bottom:-4px}
.pcb-screw{width:16px;height:16px;border:3px solid #8fa3a3;position:absolute;border-radius:50%;box-shadow:inset 0 1px 3px #000}
.screw-1{left:9px;top:9px}.screw-2{right:9px;top:9px}.screw-3{left:9px;bottom:9px}.screw-4{right:9px;bottom:9px}
/* project illustration CAD */
.project-media-cad{display:grid;place-items:center;background:radial-gradient(ellipse at 52% 57%,#252933,#101216 70%)}
.project-media-cad:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 32px,#ffffff08 33px),repeating-linear-gradient(90deg,transparent 0 32px,#ffffff08 33px)}
.cad-visual{width:100%;height:100%;display:grid;place-items:center;position:relative}
.cad-halo{position:absolute;width:310px;height:310px;border:1px dashed #c0c5cc40;border-radius:100%;transform:scaleY(.65) rotate(-17deg)}
.cad-layer{position:absolute;width:310px;height:190px;background:#172129;border:3px solid #8b9eaa;box-shadow:0 0 0 1px #1d3945 inset,0 17px 30px #0009;transform:rotate(-22deg) skewX(18deg) scaleY(.85)}
.cad-layer-back{transform:translate(20px,28px) rotate(-22deg) skewX(18deg) scaleY(.85);background:#323b43;opacity:.6}
.cad-layer-front{background:linear-gradient(150deg,#4b5760,#172129 68%);transition:transform .7s var(--ease)}
.project-card:hover .cad-layer-front{transform:translate(-7px,-12px) rotate(-18deg) skewX(18deg) scaleY(.85)}
.cad-layer-front:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 19px,#8aaba260 20px 21px,transparent 22px 40px)}
.cad-chip{position:absolute;width:93px;height:75px;left:32%;top:26%;background:#12171b;border:7px solid #667984;box-shadow:0 7px 8px #0006}.cad-chip-2{width:38px;height:30px;left:78%;top:59%;border-width:3px}
.cad-line{position:absolute;height:2px;background:#bbc8cf;opacity:.9}.cad-line-1{width:79px;top:27%;left:7%}.cad-line-2{width:60px;top:72%;left:15%}.cad-line-3{width:62px;top:28%;right:6%}
.cad-pin{position:absolute;width:9px;height:9px;background:var(--red);border:1px solid #f29b9b}.cad-pin-1{left:7%;top:26%}.cad-pin-2{left:22%;top:72%}.cad-pin-3{right:6%;top:27%}
.cad-side-label{position:absolute;right:11%;top:23%;font:500 9px var(--font-mono);letter-spacing:.1em;color:#a9b2b9}
/* project terminal */
.project-media-terminal{display:grid;place-items:center;background:radial-gradient(ellipse at 44% 46%,#272931,#111317 75%)}
.project-media-terminal:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#ffffff06 5px)}
.terminal-visual{width:80%;max-width:500px;background:linear-gradient(135deg,#0d0f12,#15191e);border:1px solid #555b64;box-shadow:0 30px 80px #0008;transform:rotate(-2deg);transition:transform .7s var(--ease)}
.project-card:hover .terminal-visual{transform:rotate(0) translateY(-5px)}
.terminal-top{height:35px;border-bottom:1px solid #383d45;background:#23262b;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font:500 8px var(--font-mono);color:#999fa6;letter-spacing:.05em}
.terminal-dots{color:#8e5153;white-space:nowrap}
.terminal-lines{padding:21px 23px 29px;font:500 clamp(10px,1vw,13px)/1.8 var(--font-mono);white-space:nowrap;overflow:hidden}
.terminal-lines p{margin:0}.term-grey{color:#838b91}.term-white{color:#e1e6e6}.term-dim{color:#7e8991}.term-dim span{color:#b9c1c4}.terminal-lines .term-mark{color:#f0f0f0;margin-top:19px;font-weight:600;letter-spacing:.035em}.terminal-cursor{color:var(--red);animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.projects-note{font:500 9px var(--font-mono);letter-spacing:.08em;color:#646b74;margin:37px 0 0;text-align:right}
/* PHILOSOPHY */
.philosophy{position:relative;overflow:hidden;background:#e8e9e7;color:#101114;padding:clamp(100px,9vw,160px) 0;isolation:isolate}
.philosophy-lines{position:absolute;top:-30%;bottom:-30%;right:-12%;width:49%;background:repeating-linear-gradient(115deg,transparent 0 60px,#15191f08 61px 62px);transform:rotate(-6deg);pointer-events:none}
.philosophy-layout{display:grid;grid-template-columns:30% 1fr;gap:4vw;position:relative}
.philosophy .section-label{color:#52575e}.philosophy .label-dot{background:#c9373c}
.philosophy-aside{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.big-asterisk{font:500 clamp(130px,19vw,300px)/.7 var(--font-text);color:var(--red);transform:rotate(-15deg);margin:40px 0 50px}
.philosophy-aside>span{font:600 10px/1.6 var(--font-mono);letter-spacing:.1em;color:#4d535c}
.small-overline{font:600 10px var(--font-mono);letter-spacing:.14em;color:#686c73;margin:3px 0 29px}
.philosophy-main h2{font:900 clamp(74px,10.6vw,176px)/.79 var(--font-display);letter-spacing:-.05em;margin:0 0 38px}
.philosophy-main h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #272b30;text-stroke:2px #272b30}
.philosophy-main>p:not(.small-overline){font-size:clamp(16px,1.45vw,21px);line-height:1.65;max-width:630px;color:#42474d;margin:0 0 58px}
.process-steps{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid #9e9fa0;border-bottom:1px solid #9e9fa0}
.process-steps span{flex:1;min-width:120px;padding:21px 15px 22px 0;font:600 10px var(--font-mono);letter-spacing:.015em;white-space:nowrap}
.process-steps b{font:500 9px var(--font-mono);color:#b22d34;margin-right:8px}
/* CONTACT */
.contact-section{padding:clamp(120px,11vw,190px) 0 clamp(74px,6vw,100px);background:#0a0b0d;position:relative;overflow:hidden}
.contact-section:after{position:absolute;content:"";height:520px;width:520px;border-radius:100%;background:radial-gradient(circle,#9e272c1c,transparent 65%);right:-200px;bottom:60px;pointer-events:none}
.contact-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}
.contact-side{margin:0;font:500 10px/1.7 var(--font-mono);color:#777d86;letter-spacing:.04em}
.contact-big{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 0 77px}
.contact-big h2{font:900 clamp(80px,11.7vw,200px)/.77 var(--font-display);letter-spacing:-.046em;margin:0;white-space:nowrap}
.contact-big h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #f4f5f4;text-stroke:2px #f4f5f4}
.contact-circle{width:clamp(140px,15vw,224px);height:clamp(140px,15vw,224px);aspect-ratio:1;border:1px solid #666a72;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;border-radius:50%;flex-shrink:0;transform:rotate(-15deg);font:600 11px var(--font-mono);letter-spacing:.08em;transition:background .4s,color .4s,border-color .4s,transform .4s var(--ease)}
.contact-circle .circle-arrow{font:300 43px var(--font-text)}
.contact-circle:hover{transform:rotate(0) scale(1.04);background:var(--red);border-color:var(--red)}
.contact-bottom{border-top:1px solid var(--rule);padding-top:32px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.contact-bottom p{font-size:14px;color:#92969d;line-height:1.7;max-width:400px;margin:0}
.social-links{display:flex;gap:32px}
.social-links a{font:600 11px var(--font-mono);border-bottom:1px solid #585d65;display:inline-flex;align-items:center;gap:25px;padding-bottom:12px;transition:color .2s,border-color .2s}
.social-links a:hover{color:var(--red-lite);border-color:var(--red-lite)}
/* FOOTER */
.site-footer{border-top:1px solid var(--rule);padding:40px 0 46px;background:#0b0c0f}
.footer-layout{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.footer-brand{font:900 clamp(55px,7vw,100px)/.8 var(--font-display);letter-spacing:-.025em}
.footer-brand span{color:var(--red)}
.footer-info{display:flex;gap:clamp(20px,4vw,85px);align-items:flex-end}
.footer-info span,.footer-info a{font:500 9px/1.8 var(--font-mono);color:#8b9097;letter-spacing:.07em}
.footer-info a{color:#e7e8e8;white-space:nowrap}.footer-info a:hover{color:var(--red-lite)}
/* INTERACTION */
.reveal{opacity:0;transform:translateY(29px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@media (min-width:1350px){.hero h1{font-size:clamp(145px,11vw,196px)}.hero-deck{max-width:475px}}
@media (max-width:1190px){
 .site-header{gap:24px}.desktop-nav{gap:18px}.header-cta{min-width:153px;gap:11px;padding:14px}.identity-meta{display:none}
 .hero{min-height:750px}.hero h1{font-size:clamp(99px,11vw,150px)}.hero-visual{right:-5%;width:74%;opacity:.75}
 .capability-item{grid-template-columns:45px 1fr 125px 30px}.cap-main h3{font-size:clamp(45px,5vw,67px)}
 .contact-big h2{font-size:11vw}
}
@media (max-width:860px){
 .site-header{height:75px}.site-header.scrolled{height:67px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;margin-left:auto}
 .mobile-nav{display:flex;visibility:hidden;opacity:0;pointer-events:none;position:fixed;inset:0;background:#101114;z-index:100;padding:125px var(--gutter) 50px;flex-direction:column;gap:2px;transition:opacity .28s,visibility .28s}
 .mobile-nav.is-open{visibility:visible;opacity:1;pointer-events:auto}
 .mobile-nav a{font:800 clamp(46px,8vw,82px)/1 var(--font-display);padding:10px 0;border-bottom:1px solid #303338;display:flex;justify-content:space-between;align-items:center}
 .mobile-nav a span{font:500 11px var(--font-mono);color:#a5aab0}.mobile-nav p{font:500 10px var(--font-mono);color:#777d84;letter-spacing:.1em;margin-top:auto}
 .hero{height:auto;min-height:930px}.hero-copy{padding-top:185px}.hero h1{font-size:clamp(96px,15vw,140px);margin-bottom:22px}.hero-visual{top:23%;bottom:13%;right:-23%;width:110%;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 35%);opacity:.5}.hero-deck{max-width:390px}.hero-bottom-center{display:none}
 .section-header{align-items:start;flex-direction:column;gap:27px;margin-bottom:45px}.section-header>p{max-width:510px}.section-header h2{font-size:clamp(68px,10vw,100px)}
 .capability-item{grid-template-columns:35px 1fr 26px;gap:8px}.cap-category{display:none}.cap-main h3{font-size:clamp(48px,7.3vw,70px)}
 .project-media{height:clamp(265px,36vw,360px)}.project-info{flex-direction:column;gap:10px}.project-tag{display:none}.terminal-visual{width:88%}.terminal-lines{padding:16px}.terminal-top{font-size:7px}
 .philosophy-layout{grid-template-columns:1fr}.philosophy-aside{flex-direction:row;align-items:center}.big-asterisk{font-size:80px;margin:0}.philosophy-aside>span{display:none}.philosophy-main h2{font-size:clamp(86px,13vw,130px)}
 .contact-big h2{font-size:clamp(80px,12vw,118px)}.contact-circle{width:140px;height:140px}.footer-info{gap:22px}
}
@media (max-width:650px){
 :root{--gutter:22px}.identity-name{font-size:29px}.brand-logo{height:32px;width:32px}
 .hero{height:auto;min-height:850px}.hero-copy{padding-top:165px}.eyebrow-hero{flex-wrap:wrap;gap:10px;font-size:9px}.eyebrow-index{display:none}
 .hero h1{font-size:clamp(69px,17vw,110px);margin-bottom:25px;line-height:.79;letter-spacing:-.044em}.hero h1 em{display:block;margin-top:2px}.hero h1 em{-webkit-text-stroke:1.1px #f2f2f2;text-stroke:1.1px #f2f2f2}
 .hero-deck{max-width:335px;font-size:14px;line-height:1.76}.hero-actions{flex-wrap:wrap;gap:22px;margin-top:33px}.action-primary{min-height:55px;padding-left:15px;gap:24px;font-size:10px}.action-text{font-size:10px}
 .hero-visual{top:38%;bottom:10%;right:-39%;width:145%;min-width:0;mask-image:linear-gradient(90deg,transparent 1%,#000 42%);opacity:.57}
 .hero-rail{display:none}.hero-bottom{height:66px}.hero-bottom-scroll{font-size:8px;gap:7px}
 .statement{height:57px}.statement-track>div{font-size:25px}
 .section{padding:95px 0}.section-label{font-size:9px;margin-bottom:22px}.section-header h2{font-size:clamp(48px,14vw,86px)}.section-header>p{font-size:13px}
 .capability-item{grid-template-columns:26px 1fr 22px;gap:6px;padding:28px 0}.cap-number{padding-top:8px;font-size:9px}.cap-main h3{font-size:clamp(43px,10.6vw,64px)}.cap-main p{font-size:12px;margin-top:10px}.cap-symbol{font-size:18px}
 .work-heading{margin-bottom:35px}.project-controls{margin-bottom:17px}.filter{padding:10px;font-size:9px}.projects-grid{grid-template-columns:1fr;gap:32px}.project-media{height:clamp(280px,75vw,420px)}.project-info{padding-top:17px}.project-info h3{font-size:42px}.project-info p{font-size:12px}.projects-note{text-align:left;font-size:8px;line-height:1.6}
 .circuit-board{width:300px;height:220px}.terminal-lines{font-size:10px;padding:20px}.terminal-visual{width:85%}
 .philosophy{padding:90px 0}.philosophy-main h2{font-size:clamp(82px,18vw,128px)}.philosophy-main h2 em{-webkit-text-stroke:1.5px #272b30;text-stroke:1.5px #272b30}.philosophy-main>p:not(.small-overline){font-size:16px;margin-bottom:34px}.process-steps{display:grid;grid-template-columns:1fr 1fr}.process-steps span{font-size:10px;min-width:0;padding:17px 6px 17px 0;border-bottom:1px solid #d3d3d3}
 .contact-section{padding:95px 0 60px}.contact-side{display:none}.contact-big{display:block;padding:22px 0 55px}.contact-big h2{font-size:clamp(75px,18vw,130px)}.contact-big h2 span{display:block}.contact-big h2 em{-webkit-text-stroke:1.2px #f4f5f4;text-stroke:1.2px #f4f5f4}.contact-circle{margin:38px 0 0 auto;width:145px;height:145px}.contact-bottom{display:block}.contact-bottom p{font-size:13px;margin-bottom:26px}.social-links{gap:24px}.social-links a{font-size:10px}
 .footer-layout{display:block}.footer-brand{display:block;margin-bottom:30px;font-size:75px}.footer-info{justify-content:space-between;flex-wrap:wrap}.footer-info span,.footer-info a{font-size:8px}
}
@media (max-width:385px){.hero h1{font-size:16.7vw}.hero{min-height:820px}.action-text{font-size:9px}.cap-main h3{font-size:11vw}.contact-big h2{font-size:17vw}.identity-name{font-size:26px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}