:root{--bg:#06080b;--ink:#eef2f5;--dim:#9aa6b2;--line:#ffffff17;--gold:#ffcf5a;--coal:#4aa3ff;--synd:#e8843a;--vang:#b060ff}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:clamp(15px,.55vw + 9.5px,26px)}body{background:var(--bg);color:var(--ink);margin:0;font:400 1rem/1.6 Barlow,system-ui,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,.brand,.btn,.kicker{letter-spacing:.02em;font-family:Barlow Condensed,Barlow,sans-serif}h1{text-transform:uppercase;margin:.2em 0;font-size:clamp(2.6rem,6.2vw,7.5rem);font-weight:800;line-height:.95}h2{text-transform:uppercase;margin:.2em 0 .6em;font-size:clamp(2rem,4vw,5.6rem);font-weight:800;line-height:1}h3{text-transform:uppercase;margin:0 0 6px;font-size:1.4rem}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;margin:0;font-size:.88rem}.lead{color:#d8e0e7;max-width:38em;font-size:1.2rem}.fine{color:var(--dim);font-size:.82rem}.wrap{max-width:73rem;margin:0 auto;padding:0 clamp(16px,2.5vw,3rem)}.two{grid-template-columns:1fr 1.4fr;align-items:center;gap:3.29rem;display:grid}.top{z-index:10;background:linear-gradient(#06080bd9,#06080b00);align-items:center;gap:1.6rem;padding:.8rem clamp(16px,2.5vw,3rem);display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:.18em;font-size:1.3rem;font-weight:800}.top nav{color:var(--dim);gap:1.29rem;margin-left:auto;font-weight:600;display:flex}.top nav a:hover{color:var(--ink)}.btn{text-transform:uppercase;letter-spacing:.08em;border-radius:6px;padding:.6em 1.2em;font-size:.95rem;font-weight:700;transition:transform .15s,background .15s;display:inline-block}.btn.play{background:var(--gold);color:#141006}.btn.play:hover{background:#ffe08c;transform:translateY(-1px)}.btn.ghost{border:1px solid #ffffff59}.btn.ghost:hover{background:#ffffff14}.btn.big{padding:.8em 1.6em;font-size:1.1rem}.hero{align-items:flex-end;height:100vh;min-height:640px;display:flex;position:relative;overflow:hidden}#hero3d{width:100%;height:100%;display:block;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg, #06080be0 0%, #06080b66 45%, #06080b00 70%), linear-gradient(0deg, var(--bg) 0%, #06080b00 30%);position:absolute;inset:0}.hero-text{z-index:2;box-sizing:content-box;max-width:50rem;padding:0 clamp(16px,2.5vw,3rem) 11vh max(clamp(16px,2.5vw,3rem),50vw - 36.5rem + clamp(16px,2.5vw,3rem));position:relative}.hero-logo{aspect-ratio:2120/1320;width:max(17rem,min(38rem,92vw,160vh - 1024px));margin:0 0 .6rem -1.4rem;position:relative}.hero-logo canvas{pointer-events:none;width:150%;height:150%;display:block;position:absolute;top:-25%;left:-25%;-webkit-mask-image:radial-gradient(50% 50%,#000 70%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 70%,#0000 100%)}.hero-logo .sound{white-space:nowrap;color:var(--dim);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#06080b8c;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.35rem;padding:.3em .65em;font:600 .72rem Barlow,sans-serif;display:inline-flex;position:absolute;bottom:9%;left:calc(100% + .3rem)}.hero-logo .sound:hover{color:var(--ink);border-color:#ffffff73}.hero-logo .sound svg{width:1.05rem;height:1.05rem}.hero-logo .sound .on{display:none}.hero-logo .sound[aria-pressed=true] .on{display:inline}.hero-logo .sound[aria-pressed=true] .off{display:none}.cta{flex-wrap:wrap;gap:.82rem;margin:26px 0 14px;display:flex}.hero-signup{max-width:36rem;margin:26px 0 10px}.hero-signup .consent{margin-top:.7rem}.hero-signup .msg{margin-top:.4rem}.watchlink{color:var(--gold);white-space:nowrap}.watchlink:hover{text-decoration:underline}.band{border-top:1px solid var(--line);background:radial-gradient(at 20% 0,#4aa3ff12,#0000 60%);padding:7.05882rem 0}.cols{grid-template-columns:repeat(3,1fr);gap:1.65rem;display:grid}.cols p{color:var(--dim);margin:0}.factions{padding:6.47059rem 0}.cards{grid-template-columns:repeat(3,1fr);gap:1.29rem;display:grid}.card{border:1px solid var(--line);background:#0c1015;border-radius:10px;transition:transform .2s,border-color .2s;overflow:hidden}.card:hover{transform:translateY(-4px)}.card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.card>div{padding:18px 22px 24px}.card p{color:var(--dim);margin:0}.card .motto{color:var(--ink);margin-bottom:10px;font-style:italic}.card.coal{border-top:3px solid var(--coal)}.card.coal:hover{border-color:var(--coal)}.card.synd{border-top:3px solid var(--synd)}.card.synd:hover{border-color:var(--synd)}.card.vang{border-top:3px solid var(--vang)}.card.vang:hover{border-color:var(--vang)}.watch{border-top:1px solid var(--line);background:#030405;padding:6.47059rem 0}.watch video{background:#000;border-radius:10px;width:100%;display:block;box-shadow:0 30px 80px #0009}.caption{color:var(--dim);font-size:.82rem}.blueprint{margin:3rem 0 0;position:relative}.blueprint img{border:1px solid #78beff2e;border-radius:10px;width:100%;display:block}.blueprint .tag{color:#cfe9ff;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#06121ed1;border:1px solid #8cd2ff8c;border-radius:4px;padding:.25em .6em;font:600 .78rem Barlow Condensed,sans-serif;position:absolute;transform:translate(-50%,-50%)}.blueprint .tag:before{content:"";background:#8cd2ff8c;width:1px;height:.9rem;position:absolute;top:100%;left:50%}.blueprint figcaption{color:var(--dim);margin-top:.6rem;font-size:.82rem}@media (max-width:700px){.blueprint .tag{display:none}}.voice{border-top:1px solid var(--line);background:radial-gradient(at 75% 20%,#7dffb00d,#0000 55%),#05070a;padding:6.47059rem 0}.desk{margin:0 0 2.6rem}.desk img{border-radius:10px;width:100%;display:block;box-shadow:0 30px 80px #0009}.desk figcaption{color:var(--dim);margin-top:.6rem;font-size:.82rem}.voice-text{align-items:start;margin-bottom:2.6rem}.voice-text .lead{margin-top:0}.orders{gap:.55rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.orders li{color:#e8eef0;background:#0a0f14d6;border:1px solid #7dffb038;border-left:3px solid #7dffb0;border-radius:6px;padding:.55em .9em;font-style:italic}.orders li:before{content:"“";color:#7dffb0}.orders li:after{content:"”";color:#7dffb0}.voice video{background:#000;border-radius:10px;width:100%;display:block;box-shadow:0 30px 80px #0009}.war{border-top:1px solid var(--line);background:radial-gradient(at 70%,#4aa3ff12,#0000 60%);padding:6.5rem 0}.war-pic{aspect-ratio:1;position:relative}#war3d{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block}.hive{border-top:1px solid var(--line);background:radial-gradient(at 25% 40%,#e8843a14,#0000 55%);padding:7.05882rem 0 5.29412rem}.hive-pic{aspect-ratio:1;background:#000;border-radius:12px;position:relative;overflow:hidden}#hive3d{width:100%;height:100%;display:block}.shadows{grid-template-columns:repeat(3,1fr);gap:1.29rem;margin-top:4rem;display:grid}.shadow{aspect-ratio:16/9;border:1px solid var(--line);background:radial-gradient(at 50% 60%,#12161c,#050608);border-radius:10px;place-items:center;display:grid}.shadow span{color:#232a33;letter-spacing:.2em;font:800 2.7rem Barlow Condensed,sans-serif}.join{border-top:1px solid var(--line);background:radial-gradient(at 80%,#ffcf5a0f,#0000 60%);padding:6rem 0}.signup .row{flex-wrap:wrap;gap:.7rem;display:flex}.signup input[type=email]{min-width:0;font:inherit;color:var(--ink);background:#0c1015;border:1px solid #fff3;border-radius:6px;flex:16rem;padding:.8em 1em;font-size:1.05rem}.signup input[type=email]:focus{outline:2px solid var(--gold);outline-offset:1px}.signup button{cursor:pointer;border:0}.consent{color:var(--dim);cursor:pointer;align-items:flex-start;gap:.6rem;margin-top:.9rem;font-size:.9rem;display:flex}.consent input{accent-color:var(--gold);margin-top:.25rem}.signup .msg{min-height:1.4em;margin:.6rem 0 0;font-size:.95rem}.signup .msg.ok{color:#8fe3a0}.signup .msg.err{color:#ff9a7a}.sr,.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.foot{border-top:1px solid var(--line);color:var(--dim);padding:2.94118rem 0 4.11765rem;font-size:.82rem}@media (max-width:900px){.two,.cols,.cards,.shadows{grid-template-columns:1fr}.top nav{display:none}.hero:after{background:linear-gradient(0deg, var(--bg) 10%, #06080b8c 60%, #06080b33 100%)}}.stories{gap:2.6rem;margin-top:3.4rem;display:grid}.story{border:1px solid var(--line);background:#0a0d12;border-radius:12px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"head head""tale why""arsenal arsenal";gap:1.2rem 2.4rem;padding:2rem 2.2rem 2.2rem;display:grid}.story.coal{border-left:3px solid var(--coal)}.story.synd{border-left:3px solid var(--synd)}.story.vang{border-left:3px solid var(--vang)}.story header{grid-area:head}.story header h3{margin:.2rem 0 0;font-size:clamp(1.7rem,3vw,2.4rem)}.story.coal .kicker{color:var(--coal)}.story.synd .kicker{color:var(--synd)}.story.vang .kicker{color:var(--vang)}.story .tale{color:var(--dim);grid-area:tale;line-height:1.65}.story .tale p{margin:0 0 .9rem}.story .believes{color:var(--ink)}.story .why{grid-area:why}.story .why h4{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:0 0 .6rem;font-family:Barlow Condensed,Barlow,sans-serif;font-size:1rem}.story .why ul{color:var(--dim);margin:0;padding-left:1.1rem;line-height:1.6}.story .why li{margin-bottom:.6rem}.story .why b{color:var(--ink)}.story .arsenal{grid-area:arsenal;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin-top:.4rem;display:grid}.story figure{border:1px solid var(--line);background:#06080b;border-radius:8px;margin:0;overflow:hidden}.story figure img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.story figcaption{padding:.55rem .7rem .7rem;font-size:.92rem;font-weight:600}.story figcaption span{color:var(--dim);margin-top:2px;font-size:.8rem;font-weight:400;display:block}.story figure.hidden img{filter:grayscale()contrast(7)brightness(.42)}.story figure.hidden figcaption{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}@media (max-width:900px){.story{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""tale""why""arsenal";padding:1.4rem 1.2rem}.story .arsenal{grid-template-columns:repeat(2,minmax(0,1fr))}}.brand{align-items:center;gap:.5rem;display:inline-flex}.brand-icon{border-radius:6px;width:28px;height:28px}.hero-text h1{font-size:clamp(2rem,4.2vw,3.8rem)}