:root{
  --bg:#070b10;
  --bg-2:#0b121a;
  --panel:#101a24;
  --panel-2:#152232;
  --line:#1e2e3d;
  --line-2:#2a4157;
  --ink:#f6fafc;
  --body:#dbe4ea;
  --mute:#a4b4c0;
  --dim:#6a7c89;
  --cyan:#2fd6e6;
  --cyan-deep:#1a9fb0;
  --orange:#ff6a2b;
  --cyan-soft:rgba(47,214,230,.12);
  --orange-soft:rgba(255,106,43,.13);
  --sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --display:"Chakra Petch","Hanken Grotesk",system-ui,sans-serif;
  --mono:"Space Mono","Cascadia Code",ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  background:var(--bg);color:var(--body);
  font-family:var(--sans);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
a{color:var(--cyan);text-decoration:none;transition:color .15s}
a:hover{color:var(--orange)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:3px}
::selection{background:var(--orange);color:#0a0603}
img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 26px}

/* ---------- top nav ---------- */
.edge{position:sticky;top:0;z-index:50;background:rgba(7,11,16,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.edge-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0}
.edge .brand{font-family:var(--sans);font-weight:800;letter-spacing:.02em;color:var(--ink);font-size:15px;text-decoration:none}
.edge .brand::before{content:"◆ ";color:var(--cyan)}
.edge nav{display:flex;gap:22px;flex-wrap:wrap}
.edge nav a{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);text-decoration:none}
.edge nav a:hover{color:var(--cyan)}
.edge nav a[aria-current="page"]{color:var(--ink)}
.edge nav a[aria-current="page"]::before{content:"";display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:7px;vertical-align:2px;box-shadow:0 0 8px var(--cyan)}
.ticks{display:none}

/* ---------- globe hero (home) ---------- */
.stage{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
#globe{position:absolute;inset:0;width:100%;height:100%;display:block}
.stage::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 70% 40%,transparent 30%,rgba(7,11,16,.55) 78%,var(--bg) 100%)}
.stage-content{position:relative;z-index:2;padding:60px 0}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);margin-bottom:22px;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.stage h1{
  font-family:var(--sans);font-weight:800;
  font-size:clamp(3.2rem,11vw,8rem);line-height:.92;letter-spacing:-.03em;
  text-transform:uppercase;color:var(--ink);margin-bottom:22px;text-wrap:balance;
}
.stage h1 .amp{color:var(--cyan)}
.stage .role{font-family:var(--sans);font-weight:600;font-size:clamp(1rem,2.4vw,1.35rem);color:var(--ink);margin-bottom:18px}
.stage .role .sep{color:var(--orange);padding:0 8px;font-weight:700}
.stage .thesis{font-size:clamp(1.05rem,2.3vw,1.3rem);color:var(--body);max-width:32em;margin-bottom:30px;text-wrap:balance}
.stage .thesis b{color:var(--ink);font-weight:600}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.btn{
  font-family:var(--mono);font-size:13px;letter-spacing:.06em;padding:13px 22px;border-radius:8px;
  border:1px solid var(--line-2);color:var(--ink);background:rgba(16,26,36,.6);text-decoration:none;
  transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;
}
.btn:hover{color:var(--ink);border-color:var(--cyan);background:var(--cyan-soft);transform:translateY(-2px);box-shadow:0 6px 22px rgba(47,214,230,.18)}
.btn.primary{background:var(--orange);border-color:var(--orange);color:#0a0603;font-weight:600}
.btn.primary:hover{color:#0a0603;box-shadow:0 8px 26px rgba(255,106,43,.4)}
.scroll-cue{position:absolute;left:0;right:0;bottom:22px;z-index:2;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.scroll-cue span{display:block;font-size:16px;color:var(--cyan);animation:bob 1.8s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.scroll-cue span{animation:none}}

/* ---------- section scaffolding ---------- */
main{position:relative;z-index:1}
.band{padding:72px 0 8px}
.sect-head{display:flex;align-items:center;gap:16px;margin:0 0 28px}
.sect-head .label{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);white-space:nowrap}
.sect-head::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.page-head{padding:60px 0 8px}
h1{font-family:var(--sans);font-weight:800;font-size:clamp(2.4rem,6vw,3.8rem);line-height:1.02;letter-spacing:-.02em;color:var(--ink);text-transform:uppercase;margin-bottom:14px;text-wrap:balance}
h2{font-family:var(--sans);font-weight:800;font-size:clamp(1.7rem,4vw,2.3rem);letter-spacing:-.01em;color:var(--ink);margin-bottom:8px}
.subhead{font-family:var(--sans);font-weight:800;font-size:clamp(1.4rem,3.5vw,1.9rem);color:var(--ink);margin:6px 0 10px}
.lede{color:var(--mute);max-width:46em;margin-bottom:30px;font-size:1.05rem}

/* ---------- category tiles (home) ---------- */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:20px}
@media (max-width:840px){.tiles{grid-template-columns:1fr}}
.tile{position:relative;display:block;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);text-decoration:none;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}
.tile:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 18px 40px rgba(0,0,0,.5),0 0 0 1px var(--cyan-soft)}
.tile .shot{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0a1017}
.tile .shot img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:.9;transition:transform .3s,opacity .18s}
.tile:hover .shot img{transform:scale(1.05);opacity:1}
.tile .shot::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,11,16,.92),rgba(7,11,16,.15) 55%,transparent)}
.tile .body{position:relative;padding:20px 22px 22px;margin-top:-58px;z-index:2}
.tile .num{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--cyan);display:block;margin-bottom:6px}
.tile h2{font-size:1.5rem;margin-bottom:6px}
.tile p{color:var(--body);font-size:.95rem;margin-bottom:12px}
.tile .go{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.tile:hover .go{color:var(--orange)}

/* ---------- intro / credentials strip ---------- */
.intro-strip{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:center;padding:8px 0}
@media (max-width:760px){.intro-strip{grid-template-columns:1fr;gap:28px}}
.portrait{margin:0;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);background:var(--panel)}
.portrait img{display:block;width:100%;height:auto}
.portrait::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(47,214,230,.15);border-radius:16px;pointer-events:none}
.portrait figcaption{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding:9px 12px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}
.intro-copy p{color:var(--body);margin-bottom:14px;font-size:1.05rem}
.intro-copy p:last-of-type{margin-bottom:20px}
.orgs{display:flex;gap:14px;flex-wrap:wrap}
.org-card{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.org-card img{height:38px;width:auto;flex:none}
.org-card span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--mute);line-height:1.4}

/* ---------- project cards ---------- */
.project{display:grid;grid-template-columns:1.05fr 1fr;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:22px 0;transition:border-color .18s,box-shadow .18s}
.project:hover{border-color:var(--line-2);box-shadow:0 14px 36px rgba(0,0,0,.45)}
.project.flip{grid-template-columns:1fr 1.05fr}
.project.noimg{grid-template-columns:1fr}
@media (max-width:800px){.project,.project.flip{grid-template-columns:1fr}}
.project .shot{background:#0a1017;padding:16px;display:flex;align-items:center;border-right:1px solid var(--line)}
.project.flip .shot{order:2;border-right:none;border-left:1px solid var(--line)}
@media (max-width:800px){.project .shot,.project.flip .shot{order:0;border-right:none;border-left:none;border-bottom:1px solid var(--line)}}
.project .shot img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}
.project .body{padding:26px 30px;display:flex;flex-direction:column;gap:11px}
.project h2{font-size:1.4rem;display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.live{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--orange);white-space:nowrap;padding:3px 9px;border:1px solid var(--orange);border-radius:20px}
.live::before{content:"";display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:6px;box-shadow:0 0 7px var(--orange);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.live::before{animation:none}}
.tagline{font-style:italic;color:var(--ink);font-size:1.02rem}
.project p{color:var(--body)}
.facts{display:flex;flex-wrap:wrap;gap:8px 24px;font-family:var(--mono);font-size:12px;color:var(--mute);border-top:1px solid var(--line);padding-top:12px}
.facts b{color:var(--cyan);font-weight:600;font-variant-numeric:tabular-nums}
.meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
.tech{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:var(--dim)}
.meta a{font-family:var(--mono);font-size:12.5px;white-space:nowrap}

/* ---------- compact tool rows ---------- */
.rows{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);margin:22px 0 40px}
.row{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:22px 28px}
.row + .row{border-top:1px solid var(--line)}
@media (max-width:700px){.row{grid-template-columns:1fr;gap:5px}}
.row h3{font-family:var(--sans);font-size:1.08rem;font-weight:700;color:var(--ink)}
.row .t{display:block;font-family:var(--mono);font-size:11px;font-weight:400;color:var(--cyan);margin-top:5px;letter-spacing:.03em}
.row p{color:var(--mute);font-size:.97rem}

/* ---------- collapsible subsection ---------- */
.disclosure{border:1px solid var(--line-2);border-radius:16px;overflow:hidden;background:var(--panel-2);margin:26px 0 40px}
.disclosure > summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.disclosure > summary::-webkit-details-marker{display:none}
.disclosure > summary .lbl{font-family:var(--sans);font-weight:800;font-size:1.18rem;color:var(--ink)}
.disclosure > summary .sub{display:block;font-family:var(--sans);font-weight:400;font-size:.92rem;color:var(--mute);margin-top:4px}
.disclosure > summary .chev{flex:none;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:8px}
.disclosure > summary .chev::after{content:"▸";display:inline-block;transition:transform .2s;font-size:15px}
.disclosure[open] > summary .chev::after{transform:rotate(90deg)}
.disclosure > summary:hover .lbl{color:var(--cyan)}
.disclosure .dbody{padding:4px 26px 20px}
@media (max-width:560px){.disclosure > summary .sub{display:none}}

/* ---------- fleet ---------- */
.fleet-hero{position:relative;border-radius:16px;overflow:hidden;margin:22px 0;border:1px solid var(--line)}
.fleet-hero img{display:block;width:100%;height:auto}
.fleet-hero figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 30px 22px;background:linear-gradient(to top,rgba(4,7,10,.9),transparent);color:var(--ink)}
.fleet-hero figcaption b{display:block;font-family:var(--sans);font-weight:700;font-size:1.18rem;margin-bottom:3px}
.fleet-hero figcaption span{font-style:italic;color:var(--body);font-size:.95rem}
@media (max-width:560px){.fleet-hero figcaption span{display:none}}
.aircraft-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:34px}
@media (max-width:720px){.aircraft-grid{grid-template-columns:1fr}}
.aircraft{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s}
.aircraft:hover{border-color:var(--cyan)}
.aircraft .pic{background:#fff;border-bottom:1px solid var(--line)}
.aircraft .pic img{display:block;width:100%;height:auto}
.aircraft .info{padding:18px 22px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.aircraft h3{font-family:var(--sans);font-size:1.12rem;font-weight:700;color:var(--ink)}
.aircraft .role{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.aircraft p{color:var(--mute);font-size:.95rem;flex:1}
.aircraft .spec{font-family:var(--mono);font-size:11.5px;color:var(--mute);letter-spacing:.02em;border-top:1px solid var(--line);padding-top:10px}
.sensors{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);margin:22px 0 34px}
.sensor{display:grid;grid-template-columns:160px 1fr;gap:22px;padding:18px 26px}
.sensor + .sensor{border-top:1px solid var(--line)}
@media (max-width:600px){.sensor{grid-template-columns:1fr;gap:4px}}
.sensor dt{font-family:var(--sans);font-weight:700;font-size:1rem;color:var(--ink)}
.sensor dt small{display:block;font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-top:4px}
.sensor dd{color:var(--mute);font-size:.95rem}
.safety{border:1px solid var(--line-2);border-left:3px solid var(--orange);border-radius:12px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:28px 30px;margin:22px 0 8px}
.safety h3{font-family:var(--sans);font-size:1.3rem;font-weight:800;color:var(--ink);margin-bottom:8px}
.safety > p{color:var(--mute);max-width:52em;margin-bottom:18px}
.safety ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
@media (max-width:640px){.safety ul{grid-template-columns:1fr}}
.safety li{position:relative;padding-left:22px;color:var(--body);font-size:.96rem}
.safety li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;background:var(--orange);border-radius:2px;transform:rotate(45deg)}
.safety li b{color:var(--ink);font-weight:700}

/* ---------- about ---------- */
.hero{display:grid;grid-template-columns:1fr 260px;gap:48px;align-items:center;padding:30px 0 8px}
@media (max-width:760px){.hero{grid-template-columns:1fr;gap:30px}.hero .portrait{max-width:250px}}
.hero .thesis{font-size:clamp(1.1rem,2.4vw,1.35rem);font-style:italic;color:var(--body);margin-bottom:14px}
.legend{margin:8px 0 40px}
.key{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
@media (max-width:640px){.key{grid-template-columns:1fr;gap:3px}}
.key dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);padding-top:3px}
.key dd{color:var(--body);font-size:.96rem}
.xp{margin-bottom:40px}
.job{display:grid;grid-template-columns:190px 1fr;gap:26px;padding:22px 0;border-bottom:1px solid var(--line)}
@media (max-width:700px){.job{grid-template-columns:1fr;gap:6px}}
.job time{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--orange);text-transform:uppercase;padding-top:4px}
.job-logo{height:34px;width:auto;display:block;margin-bottom:12px}
.job h3{font-family:var(--sans);font-size:1.12rem;font-weight:700;color:var(--ink)}
.job .org{color:var(--mute);font-style:italic;margin-bottom:6px}
.job p{color:var(--body);font-size:.98rem}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--line);margin-top:60px;padding:52px 0 60px;background:var(--bg-2)}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
footer .note{color:var(--body);font-size:1.05rem;max-width:34em}
footer .email{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:clamp(1.05rem,2.6vw,1.5rem);color:var(--ink);letter-spacing:.01em;text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:2px}
footer .email:hover{color:var(--cyan);border-color:var(--cyan)}
button.btn{cursor:pointer;font:inherit;font-family:var(--mono)}
.btn.copied{background:var(--cyan);border-color:var(--cyan);color:#04121a}
footer .next{font-family:var(--mono);font-size:13px}
.colophon{border-top:1px solid var(--line);margin-top:34px;padding-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ---------- display font applied last so it wins over base heading rules ---------- */
.stage h1,h1,h2,.subhead,.tile h2,.disclosure>summary .lbl,.safety h3,.fleet-hero figcaption b{
  font-family:var(--display);letter-spacing:-.01em;
}
.stage h1{letter-spacing:-.02em}