:root{
  --bg:#020910;
  --bg2:#06121c;
  --panel:#07131d;
  --panel2:#091822;
  --line:rgba(129,181,216,.22);
  --line-strong:rgba(102,193,255,.48);
  --text:#e9f0f4;
  --muted:#94a7b3;
  --blue:#41baff;
  --blue2:#167fc2;
  --amber:#e99c20;
  --amber2:#7c4d0f;
  --red:#bd352f;
  --violet:#7758aa;
  --green:#4b9b86;
  --max:1580px;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --display:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  --hero-display:"Michroma","Orbitron","Eurostile","Arial Narrow",sans-serif;
  --section-blue:#41baff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);background:radial-gradient(circle at 50% -20%,#0b2535 0,#04101a 35%,#020910 70%);font-family:var(--display);font-weight:300;letter-spacing:.02em}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-shell{max-width:var(--max);margin:0 auto;background:linear-gradient(180deg,rgba(4,14,22,.96),rgba(2,9,16,.98));box-shadow:0 0 80px #000;min-height:100vh;overflow:hidden}

/* Header */
.site-header{height:66px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(2,9,15,.86);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:10px;color:#c8d4dc;font-family:var(--mono);font-size:12px;letter-spacing:.06em}
.brand img{width:20px;height:20px}
.primary-nav{display:flex;justify-content:center;gap:clamp(20px,3vw,48px);font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.12em}
.primary-nav a{color:#dbe2e7;transition:color .2s,text-shadow .2s}
.primary-nav a:hover,.primary-nav a:focus-visible{color:#fff;text-shadow:0 0 14px rgba(65,186,255,.65)}
.representation-pill{height:34px;display:flex;align-items:center;gap:9px;border:1px solid rgba(233,156,32,.75);border-radius:4px;padding:0 14px;color:#efad3f;font-family:var(--mono);font-size:11px;letter-spacing:.06em;white-space:nowrap;box-shadow:inset 0 0 22px rgba(233,156,32,.04)}
.status-dot{width:8px;height:8px;border:1px solid var(--amber);border-radius:50%;box-shadow:0 0 10px var(--amber);position:relative}.status-dot:after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--amber)}
.menu-toggle{display:none;border:0;background:transparent;padding:10px;color:#fff}.menu-toggle span:not(.sr-only){display:block;width:24px;height:1px;background:#cdd8df;margin:5px 0}

/* Hero */
.hero{height:520px;position:relative;isolation:isolate;display:grid;place-items:center;border-bottom:1px solid var(--line)}
.hero-art{position:absolute;inset:0;background:url('hero-space-clean.webp') center/cover no-repeat;z-index:-3;transform:scale(1.01)}
.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(2,7,12,.1),rgba(2,9,15,.05) 42%,rgba(2,9,15,.88) 100%),radial-gradient(ellipse at center,rgba(2,9,15,.86) 0,rgba(2,9,15,.55) 29%,rgba(2,9,15,.05) 61%)}
.hero-content{text-align:center;width:min(760px,90vw);padding-top:20px}
.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.7em;font-family:var(--mono);font-size:13px;color:#e7edf1}
.hero h1{font-family:var(--hero-display);font-weight:400;line-height:.93;margin:10px 0 8px;font-size:clamp(52px,6.3vw,88px);letter-spacing:.16em;text-indent:.16em;text-shadow:0 0 16px rgba(204,228,243,.18);background:linear-gradient(#f7f8f8 0%,#b9c4cc 43%,#899ba7 63%,#e9edf0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 span{display:block}
.quantum-rule{display:flex;align-items:center;justify-content:center;gap:8px;margin:15px auto 15px;width:410px;max-width:80%}.quantum-rule i{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--blue))}.quantum-rule i:last-child{background:linear-gradient(90deg,var(--blue),transparent)}.quantum-rule img{width:28px;filter:drop-shadow(0 0 7px rgba(65,186,255,.75))}
.hero-copy{font-size:15px;line-height:1.5;color:#d7e0e6;margin:0 auto 18px;max-width:700px;text-shadow:0 1px 2px #000}
.hero-actions{display:flex;gap:20px;justify-content:center}
.btn,.text-btn{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px;transition:all .22s ease}
.btn{min-width:220px;height:40px;display:inline-flex;align-items:center;justify-content:center;position:relative;padding:0 44px 0 22px;border-radius:4px;background:rgba(3,13,21,.62);box-shadow:inset 0 0 25px rgba(32,163,235,.06)}
.btn span{position:absolute;right:17px;top:50%;transform:translateY(-52%);font-size:16px;line-height:1}
.btn-blue{border:1px solid rgba(65,186,255,.8);color:#d4efff}.btn-blue:hover{background:rgba(31,145,207,.14);box-shadow:0 0 24px rgba(65,186,255,.13),inset 0 0 28px rgba(65,186,255,.08)}
.btn-amber{border:1px solid rgba(233,156,32,.78);color:#f0b34d}.btn-amber:hover{background:rgba(233,156,32,.09);box-shadow:0 0 24px rgba(233,156,32,.12)}

/* Shared sections */
.panel,.section-block{margin:0 10px;border-bottom:1px solid var(--line)}
.section-block{padding:0 18px 17px}
.section-label{height:38px;display:flex;align-items:end;gap:15px;padding-bottom:8px}.section-label span,.section-kicker{text-transform:uppercase;color:var(--section-blue) !important;font-family:var(--mono);font-size:14px;line-height:1;letter-spacing:.15em;margin:0;font-weight:400}.section-label i{height:1px;background:linear-gradient(90deg,var(--line-strong),transparent);flex:1;opacity:.7}
.section-block>h2{margin:0 0 12px;font-size:21px;text-transform:uppercase;letter-spacing:.17em;font-weight:300}

/* World */
.world{height:258px;position:relative;overflow:hidden;isolation:isolate}
.world-art{position:absolute;inset:0;background:url('world-city.webp') 55% center/cover no-repeat;z-index:-3}
.world-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,11,18,.98) 0%,rgba(3,12,19,.95) 27%,rgba(3,12,19,.45) 56%,rgba(2,8,13,.08) 100%),linear-gradient(0deg,rgba(2,9,15,.35),transparent 55%)}
.world-copy{padding:22px 28px;width:48%;max-width:620px}
.world .section-kicker{color:var(--section-blue) !important;font-size:14px}
.world-copy h2{font-size:24px;font-weight:300;text-transform:uppercase;letter-spacing:.18em;line-height:1.2;margin:7px 0 12px}
.world-copy p{font-size:13px;line-height:1.45;color:#bdcbd3;margin:0 0 9px}.world-copy strong{font-weight:400;color:#d8e4ea}
.text-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid rgba(65,186,255,.57);border-radius:3px;color:#7fd2ff;padding:9px 14px;margin-top:2px;min-width:190px}.text-btn:hover{border-color:var(--blue);color:#d8f3ff;background:rgba(65,186,255,.06)}.text-btn.amber{border-color:rgba(233,156,32,.7);color:#efb65a}.text-btn.amber:hover{border-color:var(--amber);background:rgba(233,156,32,.06)}

/* People */
.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.person-card{min-height:176px;border:1px solid var(--line);border-radius:3px;display:grid;grid-template-columns:46% 1fr;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(10,27,38,.76),rgba(3,12,19,.84));transition:border-color .25s,transform .25s}
.person-card:hover{border-color:rgba(65,186,255,.46);transform:translateY(-2px)}
.person-card>img.portrait{width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.04)}
.person-card > img.portrait.vince{object-position:center top}
.person-card > img.portrait.cara{object-position:center 28%}
.person-card > img.portrait.ares{object-position:center 42%}
.person-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 29%,rgba(4,14,22,.36) 42%,transparent 62%);pointer-events:none}
.person-copy{padding:19px 14px 12px;z-index:1;display:flex;flex-direction:column;min-width:0}
.person-copy h3{font-size:13px;font-weight:300;letter-spacing:.18em;text-transform:uppercase;margin:0 0 9px;line-height:1.34}
.person-copy p{font-size:12px;line-height:1.45;color:#9eb0bb;margin:0 0 9px}
.person-copy a,.tech-card a{color:#43baff;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.person-copy a{margin-top:auto;align-self:flex-start}
.person-copy a:hover,.tech-card a:hover{color:#c5ecff}


.card-factions{position:absolute;right:10px;top:9px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px;background:transparent}
.card-factions img{width:34px;height:34px;object-fit:contain;display:block;filter:drop-shadow(0 0 7px rgba(73,177,239,.16))}
.card-factions.double img{width:30px;height:30px}

/* Factions */
.faction-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.faction-card{min-height:164px;border:1px solid var(--line);border-radius:3px;background:linear-gradient(180deg,rgba(8,22,32,.72),rgba(4,12,18,.88));text-align:center;padding:12px 8px 13px;transition:transform .22s,border-color .22s}.faction-card:hover{transform:translateY(-2px);border-color:rgba(131,196,235,.42)}.faction-icon{height:82px;width:82px;object-fit:contain;margin:0 auto 2px;filter:drop-shadow(0 0 10px rgba(73,177,239,.16));mix-blend-mode:normal;background:transparent}
.faction-card:nth-child(3) .faction-icon{width:88px;height:88px;margin-top:-3px;margin-bottom:-3px}.faction-card h3{font-size:14px;font-weight:300;text-transform:uppercase;letter-spacing:.11em;margin:4px 0 6px}.faction-card p{font-size:13px;line-height:1.32;color:#a8b7c0;margin:0 auto;max-width:150px}

/* Technology */
.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tech-card{border:1px solid var(--line);border-radius:3px;overflow:hidden;background:rgba(4,14,22,.76);min-height:300px;display:flex;flex-direction:column;transition:transform .22s,border-color .22s}
.tech-card:hover{transform:translateY(-2px);border-color:rgba(65,186,255,.45)}
.tech-card img{width:100%;height:190px;object-fit:cover;object-position:center;image-rendering:auto}
.tech-card>div{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}
.tech-card h3{font-size:15px;font-weight:300;text-transform:uppercase;letter-spacing:.14em;margin:0 0 4px}
.tech-card p{color:#a5b5be;font-size:12px;line-height:1.3;margin:0 0 4px}
.tech-card a{margin-top:1px;align-self:flex-start}

/* Archive */
.archive{padding-bottom:18px}.archive-grid{display:grid;grid-template-columns:240px 320px 1fr;gap:18px;align-items:stretch}.dossier{width:100%;height:165px;object-fit:cover;object-position:center;border:1px solid var(--line);filter:saturate(.72) contrast(1.06)}.archive-copy{padding:12px 0}.archive-copy h2{font-size:18px;line-height:1.25;font-weight:300;text-transform:uppercase;letter-spacing:.16em;margin:0 0 10px}.archive-copy p{font-size:11px;line-height:1.4;color:#9aaab4;margin:0 0 7px;max-width:280px}.archive-files{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.archive-files article{border:1px solid var(--line);background:linear-gradient(180deg,#091722,#050d14);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:165px}.archive-files article>img{width:100%;height:108px;object-fit:cover;object-position:center}.archive-files article>img.topAlign{object-position:top}.archive-files article>div{padding:8px 9px 9px}.archive-files h3{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:300;margin:0 0 4px}.archive-files p{font-family:var(--mono);font-size:8px;text-transform:uppercase;color:#4ab5f1;letter-spacing:.06em;margin:0}

/* Footer */
.site-footer{border-top:1px solid var(--line);min-height:116px;display:grid;grid-template-columns:1fr 270px 1fr;gap:22px;align-items:center;padding:12px 26px 18px;background:radial-gradient(circle at 50% 100%,rgba(12,61,89,.24),transparent 38%)}.book-block{display:flex;align-items:center;gap:16px}.book-block>img{filter:drop-shadow(0 0 9px rgba(65,186,255,.35))}.book-block h2,.representation-block h2{font-size:18px;text-transform:uppercase;letter-spacing:.2em;font-weight:300;margin:4px 0 6px}.book-block p:last-child,.representation-block p{font-size:12px;color:#93a5af;margin:0}.footer-signal{display:flex;align-items:center}.footer-signal i{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--blue))}.footer-signal i:last-child{background:linear-gradient(90deg,var(--blue),transparent)}.footer-signal img{width:54px;margin:0 10px;filter:drop-shadow(0 0 10px rgba(65,186,255,.55))}.representation-block{position:relative}.representation-block .micro{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#899ba6}.representation-block .text-btn{position:absolute;right:0;bottom:0;min-width:92px;padding:8px 11px;justify-content:center}.representation-block>p:not(.micro){max-width:290px;padding-right:100px;line-height:1.35}

/* Motion */
.reveal{opacity:0;transform:translateY(10px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.person-card,.tech-card,.faction-card{transition:none}}

/* Tablet */
@media(max-width:1100px){
  .site-header{grid-template-columns:200px 1fr auto}.primary-nav{gap:16px;font-size:9px}.representation-pill{font-size:9px;padding:0 9px}.brand{font-size:10px}
  .hero{height:500px}.hero-copy{font-size:14px}.world-copy{width:55%}.faction-grid{grid-template-columns:repeat(3,1fr)}.faction-card{min-height:138px}.tech-grid{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:220px 1fr}.archive-files{grid-column:1/-1}.site-footer{grid-template-columns:1fr 160px 1fr}
}

/* Mobile */
@media(max-width:760px){
  .page-shell{width:100%;box-shadow:none}.site-header{height:58px;grid-template-columns:1fr auto auto;padding:0 14px}.brand span{display:none}.brand img{width:25px;height:25px}.representation-pill{font-size:0;width:38px;padding:0;justify-content:center;border-color:rgba(233,156,32,.55)}.representation-pill .status-dot{margin:0}.menu-toggle{display:block;order:2}.representation-pill{order:3}.primary-nav{display:none;position:absolute;top:58px;left:0;right:0;background:rgba(2,9,15,.98);padding:18px 20px 22px;border-bottom:1px solid var(--line);flex-direction:column;gap:18px;align-items:flex-start}.primary-nav.open{display:flex}.primary-nav a{font-size:11px}
  .hero{height:610px;align-items:center}.hero-art{background-position:center}.hero-vignette{background:linear-gradient(180deg,rgba(2,9,15,.35),rgba(2,9,15,.16) 32%,rgba(2,9,15,.93) 100%),radial-gradient(ellipse at center,rgba(2,9,15,.78),rgba(2,9,15,.38) 40%,rgba(2,9,15,.1) 68%)}.hero-content{padding:55px 18px 0;width:100%}.hero h1{font-size:clamp(38px,11vw,60px);letter-spacing:.10em;text-indent:.10em}.hero-copy{font-size:13px;line-height:1.48}.hero-actions{flex-direction:column;align-items:center;gap:10px}.btn{width:min(300px,85vw)}
  .panel,.section-block{margin-left:0;margin-right:0}.world{height:440px}.world-art{background-position:64% center}.world-shade{background:linear-gradient(180deg,rgba(2,9,15,.32),rgba(2,9,15,.78) 43%,rgba(2,9,15,.98) 74%)}.world-copy{width:100%;max-width:none;position:absolute;bottom:0;padding:24px 20px}.world-copy h2{font-size:21px}.world-copy p{font-size:12px}
  .section-block{padding:0 14px 16px}.section-label span,.section-kicker{font-size:13px}.people-grid{grid-template-columns:1fr}.person-card{grid-template-columns:42% 1fr;min-height:155px}.person-copy{padding-top:17px}.person-copy h3{font-size:13px}.factions>h2{font-size:17px;line-height:1.4}.faction-grid{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:1fr}.tech-card img{height:210px}.archive-grid{grid-template-columns:1fr}.dossier{height:210px}.archive-files{grid-template-columns:repeat(2,1fr)}
  .site-footer{grid-template-columns:1fr;padding:24px 18px;gap:22px}.footer-signal{display:none}.representation-block{border-top:1px solid var(--line);padding-top:18px}.representation-block .text-btn{position:static;margin-top:12px}.representation-block>p:not(.micro){padding-right:0}.book-block h2,.representation-block h2{font-size:16px}
}

@media(max-width:420px){.hero h1{font-size:36px}.quantum-rule{width:280px}.faction-grid{grid-template-columns:1fr 1fr}.faction-icon{font-size:45px}.archive-files{grid-template-columns:1fr 1fr}.person-card{grid-template-columns:42% 1fr}}