:root {
  --ink: #080d10;
  --panel: #0b1216;
  --panel-soft: #111a1f;
  --paper: #e7e7e2;
  --text-dark: #111619;
  --text-light: #e5e8e7;
  --muted: #7f898d;
  --gold: #b78a39;
  --gold-bright: #e0b45e;
  --violet: #8a63c2;
  --blue: #4c93cb;
  --line: rgba(191, 145, 61, .32);
  --rail: clamp(154px, 10.7vw, 166px);
  --header: 104px;
  --display: "Oswald", "Arial Narrow", sans-serif;
  --body: "Inter", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--text-light); background: var(--ink); font-family: var(--body); overflow-x: hidden; }
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
::selection { color: var(--ink); background: var(--gold-bright); }

.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; }
.skip-link { position: fixed; z-index: 999; top: 8px; left: 8px; padding: 12px 16px; background: var(--gold-bright); color: var(--ink); transform: translateY(-150%); }
.skip-link:focus { transform: none; }

.site-shell { min-height: 100vh; }
.page { position: relative; margin-left: var(--rail); min-width: 0; }
.page::before { content: ""; position: absolute; z-index: 32; top: 0; left: 0; width: clamp(235px, 19vw, 292px); height: 192px; pointer-events: none; background: linear-gradient(145deg, #0c1215, #060a0c); clip-path: polygon(0 0,100% 0,0 100%); }
.page::after { content: ""; position: absolute; z-index: 33; top: 0; left: clamp(138px, 11vw, 170px); width: 118px; height: 82px; pointer-events: none; background: rgba(225,226,222,.7); clip-path: polygon(28% 0,100% 0,42% 100%,0 100%); }

.faction-rail { position: fixed; z-index: 50; inset: 0 auto 0 0; width: var(--rail); display: flex; flex-direction: column; align-items: center; border-right: 1px solid var(--line); background: linear-gradient(150deg, #0c1215, #05090b 60%); }
.faction-rail::before, .faction-rail::after { content: ""; position: absolute; inset: 16% 0 auto; height: 1px; background: var(--line); transform: skewY(44deg); transform-origin: left; }
.faction-rail::after { inset: auto 0 8%; transform: skewY(-44deg); }
.brand { display: inline-flex; color: var(--text-light); }
.brand--rail { position: relative; width: 100%; height: var(--header); flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid var(--line); }
.brand--rail .brand__mark { position: absolute; z-index: 2; top: 14px; left: 108px; width: 31px; height: 56px; transform: translateX(-50%); }
.brand--rail .brand__name { position: absolute; top: 42px; left: 40px; width: 207px; display: flex; justify-content: space-between; margin: 0; font-size: 17px; }
.brand--rail small { position: absolute; top: 78px; left: 138px; width: 110px; margin: 0; white-space: nowrap; }
.brand__mark { width: 30px; height: 36px; fill: none; stroke: currentColor; stroke-width: 1.6; overflow: visible; }
.brand__mark-cut { fill: var(--ink); stroke: currentColor; }
.brand__name { font: 400 17px/1 var(--display); letter-spacing: .26em; margin-top: 5px; white-space: nowrap; }
.brand__name b { color: inherit; font-weight: 400; }
.brand small { margin-top: 7px; color: var(--muted); font: 400 7px/1 var(--display); letter-spacing: .18em; }
.rail-copy { position: absolute; top: 21%; left: 18px; color: #9ca3a4; font: 400 9px/1 var(--display); letter-spacing: .23em; writing-mode: vertical-rl; transform: rotate(180deg); }
.faction-nav { display: grid; gap: clamp(18px, 3vh, 34px); margin: auto 0; }
.faction-nav__item { width: 76px; min-height: 76px; display: grid; place-items: center; gap: 6px; padding: 0; border: 0; color: #90999b; background: none; cursor: pointer; font: 400 9px/1 var(--display); letter-spacing: .09em; transition: color .25s, transform .25s; }
.faction-nav__item:hover, .faction-nav__item:focus-visible, .faction-nav__item.is-active { color: var(--text-light); transform: translateX(3px); }
.faction-nav__item:focus-visible { outline: 1px solid var(--gold-bright); outline-offset: 4px; }
.sigil { display: grid; place-items: center; width: 48px; height: 48px; font: 300 39px/1 var(--display); text-shadow: 0 0 18px currentColor; }
.sigil--gold { color: var(--gold-bright); }.sigil--violet { color: var(--violet); }.sigil--blue { color: var(--blue); }
.rail-bottom { height: 14%; display: flex; flex-direction: column; align-items: center; gap: 10px; color: #5e686b; font: 400 7px/1 var(--display); letter-spacing: .18em; }
.rail-line { width: 1px; height: 54px; background: linear-gradient(var(--gold-bright) 0 24%, #4e575a 24%); }

.header { position: absolute; z-index: 40; inset: 0 0 auto; height: var(--header); display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 24px; padding: 0 clamp(28px, 3.2vw, 52px) 0 clamp(238px, 19vw, 292px); color: #252b2e; }
.brand--mobile { display: none; align-items: center; gap: 8px; }
.brand--mobile .brand__name { margin: 0; }
.main-nav { display: flex; align-items: center; gap: clamp(18px, 2vw, 32px); height: 100%; }
.main-nav a { position: relative; padding: 43px 0 19px; color: #343b3e; font: 500 12px/1 var(--display); letter-spacing: .035em; text-transform: uppercase; }
.main-nav a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 10px; height: 1px; background: var(--gold); transition: left .2s, right .2s; }
.main-nav a:hover::after, .main-nav a:focus-visible::after, .main-nav a.is-active::after { left: 0; right: 0; }
.main-nav a.is-active { color: #a27225; }
.header-actions { display: flex; align-items: center; gap: 24px; }
.community-link { display: flex; align-items: center; gap: 8px; color: #92999b; font: 500 9px/1 var(--display); letter-spacing: .1em; }
.account-button { min-width: 174px; height: 42px; display: flex; justify-content: center; align-items: center; gap: 16px; border: 1px solid var(--line); color: #9e732c; background: rgba(7, 12, 15, .1); font: 500 11px/1 var(--display); letter-spacing: .08em; cursor: pointer; clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); }
.account-button svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.menu-toggle { display: none; }

.hero { position: relative; height: 100vh; min-height: 760px; overflow: hidden; background: #dddeda; color: var(--text-dark); }
.hero__art { position: absolute; inset: 0; background-color: #0a1013; background-image: url("assets/novus-hero.webp"); background-size: auto 84%; background-position: right top -54px; background-repeat: no-repeat; transform: scale(1.012); will-change: transform; }
.hero__art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(235,235,229,.98) 0%, rgba(235,235,229,.93) 25%, rgba(235,235,229,.34) 46%, rgba(7,12,15,.04) 62%, rgba(7,12,15,.35) 100%); }
.hero__content { position: relative; z-index: 3; width: min(650px, 53vw); padding: clamp(164px, 17vh, 184px) 0 0 clamp(52px, 5.2vw, 80px); }
.eyebrow { margin: 0 0 22px; color: #9a773c; font: 500 10px/1.4 var(--display); letter-spacing: .24em; }
.hero h1 { display: inline-block; margin: 0; color: #111619; font: 400 clamp(58px, 4.65vw, 75px)/1.12 var(--display); letter-spacing: .18em; text-transform: uppercase; transform: scaleX(.82); transform-origin: left center; }
.hero h1 span { letter-spacing: .17em; }
.hero__lead { width: min(330px, 90%); margin: 28px 0 30px; color: #384044; font-size: 14px; line-height: 1.65; }
.hero__actions { display: flex; align-items: stretch; gap: 2px; }
.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; padding: 0 0 0 28px; border: 0; font: 500 12px/1 var(--display); letter-spacing: .07em; cursor: pointer; }
.button--primary { min-width: 232px; color: #171b1d; background: linear-gradient(120deg, #d3a64d, #f0cc7d); box-shadow: 0 14px 36px rgba(178,130,43,.18); }
.button__arrow { width: 54px; align-self: stretch; display: grid; place-items: center; border-left: 1px solid rgba(30,31,29,.22); font-size: 17px; transition: transform .2s; }
.button:hover .button__arrow { transform: translate(2px,-2px); }
.button:focus-visible, .manifest-button:focus-visible, .account-button:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 3px; }
.manifest-button { min-height: 54px; display: flex; align-items: center; gap: 15px; padding: 0 18px 0 0; border: 0; background: transparent; color: #353d40; font: 500 10px/1 var(--display); letter-spacing: .04em; cursor: pointer; }
.manifest-button__play { width: 54px; align-self: stretch; display: grid; place-items: center; color: var(--gold-bright); background: #0c1215; }
.hero__location { display: flex; align-items: center; gap: 10px; margin-top: 24px; color: #495255; font: 500 9px/1 var(--display); letter-spacing: .2em; }
.hero__location span { font-size: 17px; }
.server-card { position: absolute; z-index: 5; top: 185px; right: clamp(24px, 3vw, 52px); width: 170px; padding: 20px; color: var(--text-light); background: rgba(5,10,13,.76); backdrop-filter: blur(12px); border: 1px solid rgba(200,158,78,.25); }
.hud-corners { clip-path: polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); }
.server-card__top { display: flex; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.08); color: #9aa2a4; font: 400 9px/1 var(--display); letter-spacing: .08em; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #9abe67; box-shadow: 0 0 12px #9abe67; animation: pulse 2.4s infinite; }
.server-card strong, .server-card output, .server-card small { display: block; }
.server-card strong { margin-top: 16px; color: var(--gold-bright); font: 400 14px/1 var(--display); letter-spacing: .05em; }
.server-card output { margin-top: 10px; font: 300 22px/1 var(--display); letter-spacing: .08em; }
.server-card small { margin-top: 7px; color: #7a8386; font: 400 8px/1 var(--display); letter-spacing: .1em; }
.server-card > a { display: flex; justify-content: space-between; margin: 18px -20px -20px; padding: 15px 20px; border-top: 1px solid rgba(255,255,255,.07); color: #8e9799; font: 400 8px/1 var(--display); letter-spacing: .1em; }
.hero__index { position: absolute; z-index: 4; right: 35%; bottom: clamp(330px, 39vh, 405px); display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.6); font: 400 8px/1 var(--display); }
.hero__index i { width: 76px; height: 1px; background: linear-gradient(90deg, var(--gold-bright) 25%, rgba(255,255,255,.3) 25%); }
.tech-overlay { position: absolute; z-index: 2; inset: 0; pointer-events: none; }
.cross { position: absolute; color: rgba(49,57,60,.28); font: 300 18px/1 var(--display); }.cross--one { left: 41%; top: 36%; }.cross--two { left: 34%; top: 63%; }
.coordinate { position: absolute; color: rgba(40,47,50,.3); font: 400 7px/1 var(--display); letter-spacing: .14em; }.coordinate--one { left: 42%; top: 48%; transform: rotate(-90deg); }
.orbit-line { position: absolute; left: 34%; top: 36%; width: 180px; height: 180px; border: 1px solid rgba(67,74,76,.12); border-radius: 50%; }

.command-grid { position: relative; z-index: 55; width: calc(100vw - 104px); margin: clamp(-420px, -40vh, -340px) 0 0 calc(104px - var(--rail)); padding-right: clamp(30px, 3vw, 48px); display: grid; grid-template-columns: minmax(300px, .9fr) minmax(540px, 1.45fr) minmax(270px, .9fr); gap: 16px; }
.hud-panel { min-height: 324px; padding: 18px; border: 1px solid var(--line); background: rgba(6,12,15,.96); clip-path: polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); }
.panel-heading { margin-bottom: 14px; }
.panel-heading > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.panel-heading span, .panel-heading a { font: 400 9px/1 var(--display); letter-spacing: .1em; }
.panel-heading > div > span { color: var(--gold-bright); }.panel-heading a { color: #717b7e; }
.panel-heading__line { display: block; height: 1px; margin-top: 10px; background: linear-gradient(90deg, var(--gold) 0 42%, rgba(255,255,255,.08) 42%); }
.news-item { display: grid; grid-template-columns: 88px 1fr; gap: 14px; min-height: 82px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.055); transition: background .2s; }
.news-item:hover { background: rgba(255,255,255,.025); }
.news-item__thumb { background-image: url("assets/novus-hero.webp"); background-size: 330px auto; background-position: 65% 45%; border: 1px solid rgba(255,255,255,.1); filter: saturate(.7); }
.news-item__thumb--violet { background-image: url("assets/factions-triptych.webp"); background-size: 270px auto; background-position: 50% 25%; }
.news-item__thumb--blue { background-image: url("assets/factions-triptych.webp"); background-size: 270px auto; background-position: 100% 30%; }
.news-item__body { align-self: center; min-width: 0; }
.news-item time, .news-item small { display: block; color: #758084; font-size: 8px; line-height: 1.35; }
.news-item strong { display: block; margin: 6px 0; font: 400 12px/1.15 var(--display); letter-spacing: .03em; }

.faction-panel { min-height: 324px; display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; border: 1px solid rgba(255,255,255,.12); }
.faction-card { position: relative; min-width: 0; overflow: hidden; background: #0b1115; border-right: 1px solid rgba(255,255,255,.14); cursor: pointer; transition: flex .35s, border-color .25s; }
.faction-card:last-child { border-right: 0; }
.faction-card__art { position: absolute; inset: 0; background-image: linear-gradient(0deg, #080d10 0%, rgba(8,13,16,.45) 46%, rgba(8,13,16,.04)), url("assets/factions-triptych.webp"); background-size: 300% auto; background-position: 0 17%; filter: saturate(.75) brightness(.78); transition: filter .35s, transform .5s; }
.faction-card--violet .faction-card__art { background-position: 50% 17%; }.faction-card--blue .faction-card__art { background-position: 100% 17%; }
.faction-card:hover .faction-card__art, .faction-card.is-active .faction-card__art { filter: saturate(1) brightness(.97); transform: scale(1.025); }
.faction-card--gold.is-active { border-color: var(--gold); }.faction-card--violet.is-active { border-color: var(--violet); }.faction-card--blue.is-active { border-color: var(--blue); }
.faction-card__letter { position: absolute; left: 9px; bottom: 72px; color: rgba(255,255,255,.14); font: 600 110px/1 var(--display); }
.faction-card__copy { position: absolute; inset: auto 0 0; padding: 18px; background: linear-gradient(0deg, rgba(5,9,12,.98), rgba(5,9,12,.5)); }
.faction-card__copy > span { color: #717a7d; font: 400 7px/1 var(--display); letter-spacing: .12em; }
.faction-card h3 { margin: 6px 0; font: 400 17px/1 var(--display); letter-spacing: .12em; }.faction-card--gold h3 { color: var(--gold-bright); }.faction-card--violet h3 { color: #a781df; }.faction-card--blue h3 { color: #74b5e7; }
.faction-card p { margin: 0 0 14px; color: #858e91; font: 400 8px/1.5 var(--display); letter-spacing: .06em; }
.faction-card button { width: 100%; display: flex; justify-content: space-between; padding: 10px 0 0; border: 0; border-top: 1px solid rgba(255,255,255,.08); color: #8b9496; background: none; font: 400 8px/1 var(--display); letter-spacing: .12em; cursor: pointer; }
.media-feature { position: relative; width: 100%; height: 190px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.12); color: #fff; background: linear-gradient(0deg, rgba(3,7,10,.4),transparent), url("assets/novus-hero.webp") 64% 42%/cover; cursor: pointer; }
.media-feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(4,8,11,.65), transparent 60%); }
.media-feature__play { z-index: 2; width: 58px; height: 58px; display: grid; place-items: center; padding-left: 4px; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; backdrop-filter: blur(4px); transition: transform .2s, background .2s; }
.media-feature:hover .media-feature__play { transform: scale(1.06); background: rgba(255,255,255,.12); }
.media-feature__label { position: absolute; z-index: 3; inset: auto auto 13px 13px; text-align: left; }.media-feature__label small, .media-feature__label strong { display: block; }.media-feature__label small { color: #b6bdbf; font: 400 7px/1 var(--display); letter-spacing: .13em; }.media-feature__label strong { margin-top: 5px; font: 400 11px/1 var(--display); letter-spacing: .08em; }
.media-thumbs { display: grid; grid-template-columns: repeat(4,1fr); gap: 4px; margin-top: 9px; }
.media-thumbs button { height: 44px; border: 1px solid rgba(255,255,255,.1); background: url("assets/novus-hero.webp") center/cover; cursor: pointer; }.media-thumbs button:nth-child(2),.media-thumbs button:nth-child(3),.media-thumbs button:nth-child(4) { background-image: url("assets/factions-triptych.webp"); background-size: 300% auto; }.media-thumbs button:nth-child(2){background-position:0 24%}.media-thumbs button:nth-child(3){background-position:50% 24%}.media-thumbs button:nth-child(4){background-position:100% 24%}
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s, transform .65s; }.reveal.is-visible { opacity: 1; transform: none; }

.footer { position: relative; z-index: 60; width: 100vw; min-height: 84px; margin-left: calc(-1 * var(--rail)); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; padding: 0 clamp(40px,4vw,70px); border-top: 1px solid rgba(255,255,255,.07); color: #566064; background: var(--ink); font: 400 8px/1 var(--display); letter-spacing: .1em; }
.footer nav { display: flex; gap: 30px; }.footer > span:last-child { text-align: right; }

.manifest-modal { width: min(560px, calc(100% - 32px)); padding: 42px; border: 1px solid var(--line); color: var(--text-light); background: rgba(7,12,15,.97); box-shadow: 0 40px 120px #000; clip-path: polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px); }
.manifest-modal::backdrop { background: rgba(2,5,7,.84); backdrop-filter: blur(9px); }
.manifest-modal h2 { margin: 0 0 14px; font: 400 38px/1 var(--display); letter-spacing: .13em; }.manifest-modal p:not(.eyebrow) { color: #a7b0b2; font-size: 13px; line-height: 1.7; }.manifest-modal .button { margin-top: 18px; }
.modal-close { position: absolute; z-index: 2; top: 14px; right: 16px; width: 44px; height: 44px; border: 0; color: #a5acae; background: none; font-size: 28px; cursor: pointer; }
.manifest-modal__visual { position: relative; height: 170px; display: grid; place-items: center; margin: -42px -42px 34px; overflow: hidden; background: url("assets/novus-hero.webp") 67% 50%/cover; }
.manifest-modal__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #070c0f, transparent); }.manifest-modal__visual span, .manifest-modal__visual i { z-index: 2; width: 72px; height: 72px; border: 1px solid var(--gold-bright); border-radius: 50%; box-shadow: 0 0 45px rgba(224,180,94,.35); }.manifest-modal__visual i { position: absolute; width: 105px; height: 105px; border-color: rgba(224,180,94,.25); animation: core-spin 7s linear infinite; }

@keyframes pulse { 50% { opacity: .35; box-shadow: 0 0 4px #9abe67; } }
@keyframes core-spin { to { transform: rotate(360deg); } }

@media (max-width: 1280px) {
  :root { --rail: 104px; }
  .brand--rail .brand__name { font-size: 13px; }.rail-copy { display: none; }
  .command-grid { grid-template-columns: minmax(500px,1.4fr) minmax(290px,.8fr); }
  .news-panel { grid-column: 1 / -1; grid-row: 2; min-height: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.news-panel .panel-heading { grid-column: 1/-1; }.news-item { grid-template-columns: 72px 1fr; }
  .main-nav { gap: 20px; }.main-nav a { font-size: 11px; }.community-link span:last-child { display:none; }
}

@media (max-width: 980px) {
  :root { --header: 78px; }
  .faction-rail { display: none; }.page { margin-left: 0; }.page::before,.page::after { display: none; }
  .header { position: fixed; grid-template-columns: auto 1fr auto; padding: 0 22px; color: var(--text-light); background: rgba(6,11,14,.88); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,.08); }
  .brand--mobile { display: flex; }.brand--mobile .brand__mark { width: 25px; height: 31px; }.brand--mobile .brand__name { font-size: 14px; }
  .menu-toggle { position: relative; z-index: 3; grid-column: 3; width: 44px; height: 44px; display: grid; place-content: center; gap: 7px; border: 0; background: none; }.menu-toggle span:not(.sr-only) { display:block; width:24px; height:1px; background:#fff; transition:.2s; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:nth-child(2) { transform: translateY(-4px) rotate(-45deg); }
  .main-nav { position: fixed; inset: var(--header) 0 auto; height: auto; display: grid; padding: 24px; background: rgba(6,11,14,.97); border-bottom: 1px solid var(--line); transform: translateY(-130%); opacity: 0; transition: transform .25s, opacity .25s; }.main-nav.is-open { transform: none; opacity: 1; }.main-nav a { padding: 14px 0; color: #cbd0d1; font-size: 14px; }.main-nav a::after { bottom: 6px; }
  .header-actions { display: none; }
  .hero { min-height: 850px; }.hero__art { background-size: cover; background-position: 61% center; }.hero__art::after { background: linear-gradient(90deg, rgba(230,230,224,.97) 0%, rgba(230,230,224,.84) 48%, rgba(8,13,16,.18) 80%); }
  .hero__content { width: min(650px, 77vw); padding-top: 150px; padding-left: 7vw; }.hero h1 { font-size: clamp(58px,8vw,80px); transform: none; }
  .server-card { top: auto; right: 6vw; bottom: 190px; }.command-grid { width: calc(100% - 32px); margin: -120px 0 0 auto; grid-template-columns: 1fr; padding-right: 16px; }.faction-panel,.media-panel,.news-panel { grid-column: 1; }.faction-panel { overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; }.faction-panel::-webkit-scrollbar { display: none; }.faction-card { min-width: 260px; min-height: 420px; scroll-snap-align: start; }.media-panel { min-height: 360px; }.news-panel { grid-row: auto; grid-template-columns: 1fr; }.news-panel .panel-heading { grid-column: auto; }.footer { width: auto; margin-left: 0; }
}

@media (max-width: 640px) {
  .hero { min-height: 820px; background: #d9dad5; }.hero__art { background-position: 66% center; }.hero__art::after { background: linear-gradient(180deg, rgba(226,227,222,.86) 0%, rgba(226,227,222,.91) 49%, rgba(9,14,17,.73) 78%, rgba(9,14,17,.96) 100%); }
  .hero__content { width: auto; padding: 128px 20px 280px; }.eyebrow { font-size: 8px; letter-spacing: .17em; }.hero h1 { font-size: clamp(43px,13vw,64px); letter-spacing: .09em; }.hero h1 span { letter-spacing: .045em; }.hero__lead { font-size: 13px; width: 90%; margin-top: 22px; }.hero__actions { display: grid; grid-template-columns: 1fr; }.button--primary { width: 100%; }.manifest-button { padding-right: 0; background: rgba(255,255,255,.34); }.hero__location { font-size: 7px; letter-spacing: .14em; }
  .server-card { right: 20px; left: 20px; bottom: 46px; width: auto; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px 18px; padding: 16px; }.server-card__top { grid-column: 1/-1; }.server-card strong,.server-card output { margin: 0; }.server-card small { grid-column: 1; }.server-card > a { grid-column: 1/-1; margin: 8px -16px -16px; }.hero__index,.tech-overlay { display:none; }
  .command-grid { width: 100%; margin: 0; padding: 16px; gap: 14px; }.hud-panel { padding: 14px; }.faction-panel { min-height: 440px; }.faction-card { min-width: 82vw; }.media-feature { height: 220px; }
  .community-section { min-height: 430px; padding: 70px 20px; }.community-section h2 { font-size: clamp(40px,12vw,58px); }
  .footer { grid-template-columns: 1fr; gap: 18px; padding: 28px 20px; }.footer nav { flex-wrap:wrap; gap:14px 22px; }.footer > span:last-child { text-align:left; }
  .manifest-modal { padding: 28px; }.manifest-modal__visual { margin: -28px -28px 28px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .hero__art { transform: none !important; }
}