:root { color-scheme: dark; --ink:#f0f0e9; --muted:#8e918c; --fde:#8a7961; --fde-glow:rgba(138,121,97,.18); --line:rgba(240,240,233,.16); --black:#080a09; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--ink); font-family:Inter,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.topbar { position:absolute; z-index:5; top:0; left:0; width:100%; display:flex; align-items:center; justify-content:space-between; padding:28px 3.2vw; }
.wordmark { display:flex; gap:19px; align-items:center; font-size:17px; font-weight:450; line-height:.9; letter-spacing:-.04em; }
.mark { width:43px; height:43px; display:flex; align-items:center; }
.mark svg { display:block; width:43px; height:auto; fill:var(--fde); }
.apply-link { text-transform:uppercase; font:500 15px DM Mono,monospace; letter-spacing:.12em; display:flex; align-items:center; gap:15px; padding:14px 16px; background:linear-gradient(var(--fde),var(--fde)) left top/14px 1px no-repeat,linear-gradient(var(--fde),var(--fde)) left top/1px 14px no-repeat,linear-gradient(var(--fde),var(--fde)) right top/14px 1px no-repeat,linear-gradient(var(--fde),var(--fde)) right top/1px 14px no-repeat,linear-gradient(var(--fde),var(--fde)) left bottom/14px 1px no-repeat,linear-gradient(var(--fde),var(--fde)) left bottom/1px 14px no-repeat,linear-gradient(var(--fde),var(--fde)) right bottom/14px 1px no-repeat,linear-gradient(var(--fde),var(--fde)) right bottom/1px 14px no-repeat; transition:color .2s,filter .2s,background-size .2s; }
.apply-link:hover,.apply-link:focus-visible { color:#fff; filter:drop-shadow(0 0 8px var(--fde-glow)); background-size:18px 1px,1px 18px,18px 1px,1px 18px,18px 1px,1px 18px,18px 1px,1px 18px; outline:none; }
.apply-link span { color:var(--fde); }
.hero { min-height:100svh; position:relative; overflow:hidden; padding:130px 3.2vw 45px; display:flex; flex-direction:column; }
.hero:after { content:""; position:absolute; inset:0; opacity:.25; pointer-events:none; 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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E"); }
.hero-grid { position:absolute; inset:0; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:7.15vw 7.15vw; mask-image:linear-gradient(to left,black,transparent 92%); }
.orbital { position:absolute; border:2px solid rgba(138,121,97,.72); border-radius:50%; width:70vw; aspect-ratio:1; right:-21vw; top:-12vw; box-shadow:inset 0 0 45px rgba(138,121,97,.08),0 0 38px rgba(138,121,97,.12); }
.orbital-b { width:44vw; right:-8vw; top:2vw; border-color:rgba(138,121,97,.52); box-shadow:inset 0 0 36px rgba(138,121,97,.12),0 0 30px rgba(138,121,97,.16); }
.reticle { position:absolute; right:12.8vw; top:38%; width:11px; height:11px; border:1px solid var(--fde); border-radius:50%; box-shadow:0 0 0 7px var(--fde-glow),0 0 35px rgba(138,121,97,.75); }
.reticle:before,.reticle:after { content:""; position:absolute; background:var(--fde); opacity:.7; } .reticle:before{width:45px;height:1px;left:-18px;top:4px}.reticle:after{height:45px;width:1px;top:-18px;left:4px}
.eyebrow,.section-label { position:relative; z-index:1; text-transform:uppercase; color:var(--muted); letter-spacing:.14em; font:500 10px DM Mono,monospace; }
.eyebrow { display:flex; align-items:center; gap:14px; color:var(--ink); font-size:clamp(12px,1vw,15px); font-weight:500; letter-spacing:.16em; }.eyebrow span{width:8px;height:8px;background:var(--fde);box-shadow:0 0 14px var(--fde)}
.hero-copy { position:relative; z-index:1; flex:1; display:flex; flex-direction:column; justify-content:center; padding-top:clamp(70px,10vh,130px); }
.drone-icon { width:180px; height:auto; margin:0 0 28px 2px; }
h1 { position:relative; z-index:1; margin:0; font-size:clamp(49.6px,7.2vw,110.4px); line-height:.86; letter-spacing:-.075em; font-weight:600; max-width:1250px; }
h1 em { color:var(--fde); font-style:normal; }
.hero-bottom { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; width:100%; }
.signal { width:min(900px,68%); display:flex; align-items:center; justify-content:space-between; color:#b5b7b2; font:500 clamp(15px,1.25vw,20px) DM Mono,monospace; letter-spacing:.12em; white-space:nowrap; }
.signal i { height:1px; background:var(--line); flex:1; margin:0 16px; position:relative; }.signal i:before{content:"";position:absolute;left:40%;top:-2px;width:5px;height:5px;background:var(--fde);box-shadow:0 0 10px var(--fde)}
.recruit-intro h2,.apply-heading h2 { font-size:clamp(42px,5.7vw,86px); line-height:.98; letter-spacing:-.055em; margin:0; font-weight:500; }
.recruiting { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:42% 58%; background-color:var(--black); background-image:linear-gradient(rgba(138,121,97,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(138,121,97,.09) 1px,transparent 1px); background-size:7.15vw 7.15vw; color:var(--ink); padding:100px 3.2vw; }
.recruiting:before,.recruiting:after { content:""; position:absolute; z-index:-1; pointer-events:none; border:1px solid rgba(138,121,97,.16); border-radius:50%; width:min(68vw,980px); aspect-ratio:1; right:-21vw; top:50%; transform:translateY(-50%); }
.recruiting:after { width:min(43vw,620px); right:-8.5vw; border-color:rgba(138,121,97,.22); box-shadow:0 0 0 6vw rgba(138,121,97,.025),0 0 0 12vw rgba(138,121,97,.018); }
.recruiting .section-label { color:var(--muted); }
.recruit-intro { padding-right:18%; }
.recruit-intro h2 { margin-top:55px; }
.recruit-intro h2 span { color:var(--ink); }.recruit-intro h2 em { color:var(--fde); font-style:normal; }
.recruit-intro>p:last-child { color:var(--muted); font-size:14px; line-height:1.6; margin-top:42px; max-width:390px; }
.disciplines { border-top:1px solid rgba(138,121,97,.35); }
.discipline { border-bottom:1px solid rgba(138,121,97,.28); }
.discipline button { width:100%; min-height:83px; display:grid; grid-template-columns:60px 1fr 30px; align-items:center; padding:0; border:0; background:transparent; color:var(--ink); text-align:left; cursor:pointer; box-shadow:none; text-transform:none; letter-spacing:normal; transition:background .2s,color .2s; }
.discipline button:hover,.discipline button:focus-visible { background:rgba(138,121,97,.08); color:#9a8970; outline:none; }
.discipline span { font:10px DM Mono,monospace; color:var(--muted); }.discipline h3{font-size:22px;font-weight:500;margin:0;letter-spacing:-.025em}.discipline b{font-weight:400;font-size:20px;transition:transform .25s;color:#9a8970}.discipline.is-open b{transform:rotate(45deg)}
.discipline p { max-height:0; overflow:hidden; margin:0 45px 0 60px; color:#a8aaa5; font-size:13px; line-height:1.65; opacity:0; transition:max-height .3s ease,opacity .25s ease,margin .3s ease; }.discipline.is-open p{max-height:100px;opacity:1;margin-top:-7px;margin-bottom:25px}
.open-application { display:flex; justify-content:space-between; gap:20px; padding:25px 0; color:#b8bab5; font-size:26px; transition:color .2s,padding .2s; }.open-application:hover{color:#9a8970;padding-left:8px}.open-application span{color:var(--fde);font-size:32px}
.apply { padding:110px 3.2vw 130px; display:grid; grid-template-columns:42% 58%; border-bottom:1px solid var(--line); }
.apply-heading h2 { margin:52px 0 24px; }.apply-heading>p:last-child{color:var(--muted);font-size:14px}
form { display:grid; grid-template-columns:1fr 1fr; gap:35px 25px; padding-top:10px; }
label { display:flex; flex-direction:column; gap:13px; font:10px DM Mono,monospace; text-transform:uppercase; color:var(--muted); letter-spacing:.1em; }
input,textarea { font:16px Inter,sans-serif; color:var(--ink); border:0; border-bottom:1px solid var(--line); background:transparent; border-radius:0; padding:0 0 15px; resize:none; outline:none; }
input:focus,textarea:focus{border-color:var(--fde)} input::placeholder,textarea::placeholder{color:#5f625e}.full{grid-column:1/-1}
.upload { height:73px; border:1px solid var(--line); padding:0 22px; flex-direction:row; align-items:center; justify-content:space-between; cursor:pointer;color:var(--ink);font-family:Inter;text-transform:none;font-size:14px;letter-spacing:0}.upload input{position:absolute;opacity:0;width:1px}.upload small{color:var(--muted);font:9px DM Mono;margin-left:12px}.upload b{font-size:20px;font-weight:400}
button { grid-column:1/-1; border:0; background:var(--fde); color:var(--ink); min-height:70px; padding:0 24px; display:flex; align-items:center;justify-content:space-between;text-transform:uppercase;font:600 11px DM Mono;letter-spacing:.1em;cursor:pointer;transition:.2s}button:hover{background:#96856c;box-shadow:0 0 28px var(--fde-glow)}button:disabled{cursor:wait;opacity:.65;box-shadow:none}button b{font-size:20px}.form-status{grid-column:1/-1;color:#9a8970;font:11px/1.5 DM Mono;margin:0;min-height:16px}.form-status.is-success{color:#627b5b}.form-status.is-error{color:#a34f45}
footer { min-height:265px; padding:65px 3.2vw 35px; display:grid; grid-template-columns:42% 25% 1fr auto; align-items:start; font-size:13px; }
.footer-mark{font-size:23px;font-weight:450;line-height:.9;letter-spacing:-.04em}footer div span{display:block;text-transform:uppercase;color:var(--muted);font:9px DM Mono;letter-spacing:.12em;margin-bottom:15px}footer strong{font-size:15px;letter-spacing:.03em}.back-top{align-self:end;text-transform:uppercase;font:9px DM Mono;color:var(--muted)}
@media(max-width:760px){.topbar{padding:22px 20px}.apply-link{font-size:0}.hero{padding:120px 20px 30px}.hero-grid{background-size:20vw 20vw}.orbital{width:130vw;right:-75vw;top:0}.orbital-b{width:90vw;right:-50vw;top:20vw}.hero-copy{padding-top:70px}.drone-icon{width:112px;height:auto;margin-bottom:22px}h1{font-size:13.6vw;line-height:.9}.hero-bottom{width:100%;display:block}.eyebrow{font-size:11px}.signal{width:100%;margin-top:28px;font-size:clamp(10px,3vw,13px)}.signal i{margin:0 8px}.recruiting,.apply{display:block;padding:75px 20px}.recruiting{background-size:20vw 20vw}.recruiting:before{width:140vw;right:-85vw}.recruiting:after{width:90vw;right:-55vw}.recruit-intro{padding:0}.recruit-intro h2{margin-top:45px}.disciplines{margin-top:70px}.discipline button{min-height:72px;grid-template-columns:37px 1fr 25px}.discipline h3{font-size:17px}.discipline p{margin-left:37px;margin-right:20px}.discipline.is-open p{margin-top:-3px;margin-bottom:22px}.apply form{margin-top:70px;grid-template-columns:1fr}.apply form label{grid-column:1}.apply-heading h2{margin-top:45px}.upload small{display:none}footer{padding:55px 20px 35px;grid-template-columns:1fr 1fr;gap:55px 20px}.footer-mark{grid-column:1/-1}.back-top{align-self:start}.reticle{right:17%;top:27%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}