:root {
  color-scheme: dark;
  --bg: #050505;
  --panel: #0a0a0a;
  --panel-2: #101010;
  --line: #b8b8b8;
  --soft-line: #3a3a3a;
  --red: #e00028;
  --red-dark: #62000f;
  --yellow: #ffc928;
  --text: #f4f4f4;
  --muted: #a6a6a6;
  --shell: 1540px;
}

* { box-sizing: border-box; }
html { background: var(--bg); }
body.home-prototype {
  margin: 0;
  background: #050505;
  color: var(--text);
  font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif;
  letter-spacing: .02em;
}
a { color: inherit; }
.shell { width: min(calc(100% - 36px), var(--shell)); margin-inline: auto; }

.site-header {
  position: relative;
  z-index: 10;
  background:
    linear-gradient(90deg, transparent 0 7.5%, rgba(224,0,40,.16) 7.6% 7.76%, transparent 7.9% 28%, rgba(224,0,40,.11) 28.1% 28.24%, transparent 28.38% 63%, rgba(224,0,40,.07) 63.1% 63.2%, transparent 63.35%),
    repeating-linear-gradient(112deg, transparent 0 58px, rgba(255,255,255,.022) 59px 60px, transparent 61px 116px),
    #070707;
  border-bottom: 1px solid #252525;
  box-shadow: 0 3px 0 #020202;
}
.header-top {
  min-height: 78px;
  position: relative;
  display: grid;
  grid-template-columns: 95px 1fr 120px;
  align-items: center;
  gap: 20px;
}
.header-top::before {
  content:"";
  position:absolute;
  left:82px;
  bottom:-1px;
  width:min(430px,48vw);
  height:26px;
  pointer-events:none;
  background:
    linear-gradient(135deg, transparent 0 10%, rgba(224,0,40,.95) 10.4% 10.9%, transparent 11.3% 18%, rgba(224,0,40,.55) 18.4% 18.8%, transparent 19.2%),
    linear-gradient(0deg, rgba(224,0,40,.55) 0 2px, transparent 2px);
  clip-path: polygon(0 60%,12% 60%,16% 0,22% 0,18% 60%,100% 60%,100% 70%,0 70%);
  opacity:.8;
}
.header-top::after {
  content:"";
  position:absolute;
  left:34%;
  right:138px;
  top:5px;
  height:46px;
  pointer-events:none;
  opacity:.95;
  background:
    linear-gradient(0deg, transparent 0 8px, rgba(216,0,35,.62) 8px 10px, transparent 10px 22px, rgba(216,0,35,.25) 22px 23px, transparent 23px),
    linear-gradient(118deg, transparent 0 13%, rgba(216,0,35,.88) 13.2% 13.7%, transparent 14% 19%, rgba(216,0,35,.44) 19.2% 19.55%, transparent 19.8% 57%, rgba(216,0,35,.72) 57.2% 57.6%, transparent 57.9% 100%);
  clip-path:polygon(0 34%,18% 34%,22% 0,31% 0,27% 34%,63% 34%,67% 9%,72% 9%,69% 34%,100% 34%,100% 65%,62% 65%,58% 91%,49% 91%,53% 65%,0 65%);
}
.network-label {
  position:relative;
  padding-left:12px;
  font:700 10px/1.3 "Courier New",monospace;
  letter-spacing:.11em;
  color:#b9b9b9;
}
.network-label::before {
  content:"";
  position:absolute;
  left:0;
  top:-2px;
  bottom:-2px;
  width:3px;
  background:linear-gradient(#ffc928,#8d5a00);
  box-shadow:0 0 0 1px rgba(255,201,40,.08);
}
.header-accent { justify-self:end; display:flex; align-items:center; gap:9px; padding-right:12px; }
.header-accent span { display:block; width:7px; height:34px; background:linear-gradient(#ffbd22,#a96900); transform:skewX(-18deg); box-shadow:inset 1px 0 rgba(255,255,255,.25); }
.header-accent span:last-child { height:27px; opacity:.78; }
.brand { position:relative; z-index:2; display:inline-flex; width:max-content; align-items:center; text-decoration:none; }
.brand-mark { width:52px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:var(--red); color:#090909; font:900 italic 29px/1 Arial Black,sans-serif; clip-path:polygon(50% 0,100% 15%,87% 55%,100% 100%,48% 85%,0 100%,10% 52%,0 16%); }
.brand-word { font:900 italic clamp(26px,3.2vw,38px)/.86 Arial Black,sans-serif; letter-spacing:-.07em; transform:skewX(-8deg); }

.site-nav {
  position:relative;
  border-top:1px solid #2c2c2c;
  border-bottom:1px solid #5a5a5a;
  background:linear-gradient(#141414 0,#080808 44%,#020202 46%,#0b0b0b 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.035), inset 0 -2px #020202, 0 2px 0 #050505;
}
.site-nav::before {
  content:"";
  position:absolute;
  inset:3px 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent 0 18%,rgba(255,255,255,.11) 35%,rgba(255,255,255,.035) 74%,transparent);
  pointer-events:none;
}
.nav-inner {
  min-height:43px;
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  padding-left:clamp(170px,17vw,220px);
  overflow:visible;
  scrollbar-width:none;
}
.nav-inner::-webkit-scrollbar { display: none; }
.nav-inner a,.nav-search {
  flex:1 1 0;
  position:relative;
  display:grid;
  place-items:center;
  min-width:72px;
  padding:0 13px;
  margin-left:-1px;
  color:#d6d6d6;
  text-decoration:none;
  font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1;
  letter-spacing:.015em;
  text-transform:uppercase;
  text-shadow:0 1px 1px #000;
  background:linear-gradient(180deg,#171717 0,#111 24%,#090909 57%,#050505 100%);
  border-left:1px solid #2b2b2b;
  border-right:1px solid #050505;
  box-shadow:inset 0 1px rgba(255,255,255,.08), inset 0 -2px rgba(0,0,0,.95);
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
}
.nav-inner a::after,.nav-search::after {
  content:"";
  position:absolute;
  right:5px;
  top:7px;
  width:1px;
  height:28px;
  background:linear-gradient(transparent,rgba(255,255,255,.16),rgba(255,255,255,.03),transparent);
  transform:skewX(-12deg);
  pointer-events:none;
}
.nav-inner a:hover { color:#fff; background:linear-gradient(180deg,#242424,#0b0b0b 62%,#050505); }
.nav-inner a.is-active {
  z-index:2;
  min-width:88px;
  margin-bottom:0;
  padding-bottom:0;
  color:#fff;
  background:
    linear-gradient(110deg,rgba(255,255,255,.13),transparent 27%),
    linear-gradient(180deg,#df6178 0,#c61632 24%,#c61632 46%,#74081a 76%,#3d0211 100%);
  border-left-color:#7e0b18;
  border-right-color:#270107;
  box-shadow:inset 0 1px rgba(255,255,255,.28), inset 0 -5px 10px rgba(0,0,0,.4), 0 2px 7px rgba(0,0,0,.72);
  clip-path:polygon(12px 0,100% 0,calc(100% - 8px) 72%,calc(100% - 22px) 100%,8px 100%,0 72%);
}
.nav-inner a.is-active::before {
  content:"";
  position:absolute;
  inset:4px 10px auto 16px;
  height:1px;
  background:rgba(255,255,255,.32);
}
.nav-inner a.is-active::after { right:9px; height:30px; background:linear-gradient(transparent,rgba(255,120,135,.6),transparent); }
.nav-search { flex:0 0 55px; min-width:55px; padding-bottom:1px; }
.search-glyph { position:relative; width:15px; height:15px; display:block; border:2px solid #f5f5f5; border-radius:50%; filter:drop-shadow(0 1px 1px #000); }
.search-glyph::after { content:""; position:absolute; width:7px; height:2px; right:-6px; bottom:-3px; background:#f5f5f5; transform:rotate(45deg); transform-origin:left center; }

.hero { min-height: 590px; position: relative; overflow: hidden; isolation:isolate; display: grid; grid-template-columns: 37% 43% 20%; gap: 0; align-items: center; padding-block: 28px 20px; border-left: 1px solid #4a4a4a; border-right: 1px solid #4a4a4a; background:#030303; }
.hero-world { position: absolute; inset: 0; z-index: 0; overflow:hidden; background:
  radial-gradient(circle at 17% 28%,rgba(132,0,20,.24),transparent 27%),
  linear-gradient(90deg,#030303 0,#070707 68%,#120105 100%); }
.hero-world::after { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:
  linear-gradient(90deg,rgba(0,0,0,.06),transparent 48%,rgba(0,0,0,.14)),
  repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 4px 5px); }
.hero-three-surface { position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.metro-decor,
.metro-surface { position:relative; overflow:hidden; isolation:isolate; }
.metro-decor-hero {
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:.34;
  mix-blend-mode:screen;
}
.metro-decor::before,
.metro-surface::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 24%,rgba(0,0,0,.52) 0 1.45px,transparent 1.7px) 0 0/8px 8px,
    linear-gradient(128deg,transparent 0 13%,rgba(239,23,59,.20) 13.3% 24%,transparent 24.4% 100%),
    linear-gradient(128deg,transparent 0 56%,rgba(255,255,255,.07) 56.2% 56.8%,transparent 57% 100%);
}
.metro-decor-hero::before {
  background:
    radial-gradient(circle at 86% 17%,rgba(0,0,0,.56) 0 1.35px,transparent 1.65px) 0 0/9px 9px,
    linear-gradient(126deg,transparent 0 9%,rgba(224,0,40,.13) 9.2% 18%,transparent 18.3% 100%);
  opacity:.72;
}
.metro-ring {
  position:absolute;
  z-index:1;
  display:block;
  width:118px;
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle,
      transparent 0 26%,
      #f4f4f4 26.5% 34%,
      #050505 34.5% 43%,
      #e00028 43.5% 52%,
      rgba(255,255,255,.78) 52.5% 62%,
      #050505 62.5% 70%,
      #b80b26 70.5% 76%,
      transparent 76.5%);
  filter:drop-shadow(0 0 8px rgba(224,0,40,.20));
}
.metro-ring::after {
  content:"";
  position:absolute;
  inset:34%;
  border-radius:50%;
  border:5px solid rgba(255,255,255,.92);
  box-shadow:0 0 0 7px #050505,0 0 0 12px #e00028;
}
.metro-ring.ring-a { left:5%; bottom:-34px; transform:rotate(-8deg); }
.metro-ring.ring-b { right:7%; top:-28px; width:84px; transform:rotate(11deg); opacity:.92; }
.metro-ring.ring-c { right:27%; bottom:6%; width:62px; opacity:.78; }
.metro-star {
  position:absolute;
  z-index:1;
  display:block;
  width:58px;
  aspect-ratio:1;
  background:#f4f4f4;
  clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 34%);
  filter:drop-shadow(8px 6px 0 rgba(224,0,40,.58));
}
.metro-star.star-a { right:14%; bottom:9%; }
.metro-star.star-b { left:28%; top:12%; width:26px; opacity:.72; filter:drop-shadow(5px 4px 0 rgba(224,0,40,.55)); }
.metro-quill {
  position:absolute;
  z-index:1;
  display:block;
  width:120px;
  height:16px;
  background:linear-gradient(90deg,#050505 0 15%,#e00028 15% 72%,#f4f4f4 72% 84%,transparent 84%);
  clip-path:polygon(0 18%,76% 0,100% 50%,76% 100%,0 82%,15% 50%);
  transform:skewX(-20deg) rotate(-18deg);
  opacity:.82;
}
.metro-quill.quill-a { right:3%; top:38%; }
.metro-quill.quill-b { left:18%; bottom:14%; width:86px; transform:skewX(-20deg) rotate(18deg); opacity:.54; }
.metro-surface {
  background:
    linear-gradient(128deg,rgba(164,0,24,.76),rgba(35,0,8,.28) 31%,rgba(5,5,5,.92) 32% 100%),
    #060606;
}
.metro-surface::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(45deg,rgba(0,0,0,.22) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.22) 75%) 0 0/16px 16px,
    linear-gradient(45deg,rgba(0,0,0,.22) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.22) 75%) 8px 8px/16px 16px,
    radial-gradient(circle at 72% 26%,rgba(239,23,59,.16),transparent 35%);
  opacity:.7;
}
.metro-surface > .metro-ring,
.metro-surface > .metro-star,
.metro-surface > .metro-quill { z-index:1; }
.hero-copy { grid-column: 1; position:relative; z-index:3; align-self: stretch; display: flex; flex-direction: column; padding: 58px 0 26px 30px; pointer-events:none; }
.welcome { margin: 0; font: 900 italic clamp(28px,4vw,42px)/1 Arial Black, sans-serif; }
.hero h1 { margin: 0; max-width: 520px; font: 900 italic clamp(54px,6vw,86px)/.88 Arial Black, sans-serif; letter-spacing: -.06em; text-shadow: 0 4px 0 #333; }
.hero-rule { width: 150px; height: 4px; margin: 18px 0 0; background: var(--yellow); }
.hero-transmission {
  width:min(330px,92%);
  margin-top:auto;
  padding:15px 17px 14px 20px;
  position:relative;
  pointer-events:auto;
  color:#eee;
  background:
    linear-gradient(108deg,rgba(198,22,50,.11),transparent 38%),
    rgba(4,4,5,.84);
  border-top:1px solid rgba(255,255,255,.16);
  border-right:1px solid rgba(116,8,26,.65);
  border-bottom:1px solid rgba(116,8,26,.85);
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 10px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.3);
}
.hero-transmission::before {
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:0;
  width:4px;
  background:linear-gradient(#ef173b,#8e091d 72%,#3d0211);
  box-shadow:0 0 12px rgba(224,0,40,.22);
}
.hero-transmission::after {
  content:"";
  position:absolute;
  left:14px;
  top:0;
  width:48px;
  height:2px;
  background:#c61632;
}
.transmission-kicker {
  margin:0 0 9px;
  color:#ff4964;
  font:700 10px/1 "Courier New",monospace;
  letter-spacing:.11em;
}
.transmission-kicker span {
  display:inline-block;
  margin-right:7px;
  padding:3px 5px 2px;
  background:var(--yellow);
  color:#080808;
  font-weight:900;
  letter-spacing:.04em;
}
.transmission-date {
  display:block;
  margin-bottom:7px;
  color:#aaa;
  font:700 9px/1 "Courier New",monospace;
  letter-spacing:.08em;
}
.transmission-title {
  margin:0;
  color:#fff;
  font:900 italic 19px/1.02 Arial Black,sans-serif;
  letter-spacing:-.035em;
}
.transmission-summary {
  margin:8px 0 12px;
  color:#bcbcbc;
  font:600 11px/1.38 "Arial Narrow",Arial,sans-serif;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.transmission-actions {
  display:flex;
  align-items:center;
  gap:13px;
  flex-wrap:wrap;
}
.transmission-actions a {
  text-decoration:none;
  font:700 9px/1 "Courier New",monospace;
  letter-spacing:.06em;
}
.transmission-read {
  padding:7px 9px;
  color:#ff304d;
  border:1px solid #9b1025;
  background:#0b0507;
}
.transmission-read:hover,.transmission-read:focus-visible { color:#fff; border-color:#e2193d; outline:none; }
.transmission-rss { color:#d6b43b; }
.transmission-rss:hover,.transmission-rss:focus-visible { color:#ffe27d; outline:none; }

.terminal-shell {
  grid-column:2;
  position:relative;
  z-index:3;
  width:min(100%,590px);
  justify-self:center;
  align-self:end;
  margin:0 0 6px 4px;
  transform:rotate(2deg);
  padding:6px;
  background:
    linear-gradient(145deg,#4a4a4a 0,#1b1b1b 12%,#0a0a0a 58%,#303030 100%);
  clip-path:polygon(10px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 12px),calc(100% - 12px) 100%,8px 100%,0 calc(100% - 8px),0 10px);
  box-shadow:18px 22px 0 rgba(0,0,0,.52),0 22px 42px rgba(0,0,0,.28);
}
.terminal-shell::before {
  content:"";
  position:absolute;
  inset:2px;
  pointer-events:none;
  clip-path:inherit;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.8);
}
.terminal-shell::after {
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  bottom:-7px;
  height:7px;
  background:linear-gradient(90deg,transparent,#111 8%,#3a3a3a 48%,#111 92%,transparent);
  clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);
  opacity:.9;
}
.terminal-shell--three {
  --terminal-rx:-.6deg;
  --terminal-ry:-2.2deg;
  --terminal-rz:.55deg;
  transform:perspective(1150px) rotateX(var(--terminal-rx)) rotateY(var(--terminal-ry)) rotateZ(var(--terminal-rz));
  transform-origin:52% 78%;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  transition:filter .18s ease;
}
.terminal-shell,.terminal-shell *{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.terminal-top {
  display:flex;
  justify-content:space-between;
  padding:10px 16px 9px;
  border-bottom:1px solid #3d3d3d;
  background:linear-gradient(#1b1b1b,#101010);
  color:#d3d3d3;
  font:700 10px/1.15 Consolas,"Cascadia Mono","Courier New",monospace;
  letter-spacing:.035em;
}
.terminal-screen {
  position:relative;
  margin:12px;
  min-height:320px;
  padding:21px 22px 18px;
  overflow:hidden;
  border:1px solid #8b0a20;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
    linear-gradient(115deg,rgba(198,22,50,.05),transparent 38%),
    #050505;
  box-shadow:inset 0 0 0 1px #30040b,inset 0 0 38px rgba(120,0,18,.08);
}
.terminal-screen::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:52px;
  height:2px;
  background:#e00028;
}
.terminal-heading { position:relative; z-index:1; margin-bottom:16px; }
.terminal-eyebrow {
  display:block;
  margin-bottom:8px;
  color:#bdbdbd;
  font:700 9px/1.15 Consolas,"Cascadia Mono","Courier New",monospace;
  letter-spacing:.11em;
}
.terminal-screen h2 {
  margin:0;
  color:#f2f2f2;
  font:900 27px/.94 Arial Black,sans-serif;
  letter-spacing:-.035em;
  text-shadow:0 2px 0 #181818;
}
.terminal-screen h2 > span { color:#e00028; }
.terminal-heading > p {
  margin:9px 0 0;
  color:#b8b8b8;
  font:700 9px/1.35 Consolas,"Cascadia Mono","Courier New",monospace;
  letter-spacing:.045em;
}
.terminal-routes { display:grid; gap:9px; position:relative; z-index:1; }
.terminal-route {
  display:grid;
  grid-template-columns:34px 1fr 22px;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:10px 12px 10px 0;
  text-decoration:none;
  background:linear-gradient(90deg,#0e0809 0,#080808 58%,#0b0b0b 100%);
  border:1px solid #202020;
  border-left:6px solid #c61632;
  transition:transform .14s ease,border-color .14s ease,background .14s ease;
}
.terminal-route:hover,.terminal-route:focus-visible {
  transform:translateX(4px);
  border-color:#6b0b18;
  border-left-color:#ff173c;
  background:linear-gradient(90deg,#17070a 0,#090909 58%,#0d0d0d 100%);
  outline:none;
}
.route-index {
  display:grid;
  place-items:center;
  height:100%;
  color:#a7a7a7;
  font:700 10px/1 Consolas,"Cascadia Mono","Courier New",monospace;
  border-right:1px solid #242424;
}
.route-copy { display:block; min-width:0; }
.route-copy strong {
  display:block;
  color:#ffc928;
  font:700 13px/1.2 Consolas,"Cascadia Mono","Courier New",monospace;
}
.route-copy > span {
  display:block;
  margin-top:4px;
  color:#c2c2c2;
  font:700 9px/1.25 Consolas,"Cascadia Mono","Courier New",monospace;
}
.route-arrow {
  color:#e00028;
  font:700 19px/1 Arial,sans-serif;
  text-align:right;
}
.terminal-route-city { border-left-color:#e00028; }
.terminal-route-explorer { border-left-color:#8b0a20; }
.terminal-status {
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
  padding-top:10px;
  border-top:1px solid #222;
  color:#a9a9a9;
  font:700 9px/1.1 Consolas,"Cascadia Mono","Courier New",monospace;
  letter-spacing:.055em;
}
.terminal-status span:last-child { color:#d30f31; }

.destination-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; padding-block: 20px; }
.destination-card {
  --panel-cut:12px;
  min-height:0;
  height:clamp(230px,19vw,285px);
  overflow:hidden;
  position:relative;
  border:0;
  border-radius:0;
  background:linear-gradient(135deg,#bdbdbd 0,#6b6b6b 36%,#2d2d2d 72%,#171717 100%);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  clip-path:polygon(var(--panel-cut) 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - var(--panel-cut)),calc(100% - var(--panel-cut)) 100%,10px 100%,0 calc(100% - 10px),0 10px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.destination-card::before {
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  background:#080808;
  clip-path:polygon(11px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 11px),calc(100% - 11px) 100%,9px 100%,0 calc(100% - 9px),0 9px);
  pointer-events:none;
}
.destination-card::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(135deg,#ef173b 0 2px,transparent 2px) top left/34px 34px no-repeat,
    linear-gradient(315deg,#8d0b20 0 2px,transparent 2px) bottom right/42px 42px no-repeat,
    linear-gradient(90deg,#c61632 0 44px,transparent 44px) top left/100% 1px no-repeat,
    linear-gradient(90deg,transparent calc(100% - 52px),#8a0b1f calc(100% - 52px)) bottom right/100% 1px no-repeat,
    linear-gradient(180deg,#d91636 0 40px,transparent 40px) left top/1px 100% no-repeat,
    linear-gradient(180deg,transparent 0 calc(100% - 54px),#8d0b20 calc(100% - 54px)) right bottom/1px 100% no-repeat,
    linear-gradient(90deg,rgba(255,255,255,.18),transparent 38%,rgba(255,255,255,.06)) top/100% 1px no-repeat;
}
.destination-card > * { position:relative; z-index:1; }
.card-art {
  flex:1 1 auto;
  min-height:0;
  border-bottom:1px solid #333;
  position:relative;
  overflow:hidden;
  background-color:#080808;
}
.card-art::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.28));
}
.card-art img {
  width:100%;
  height:100%;
  min-height:0;
  display:block;
  object-fit:cover;
}
.art-city img { object-position:center 82%; }
.art-archive img { object-position:center 48%; filter:saturate(.78) contrast(1.08); }
.art-fun img { object-position:center; image-rendering:auto; }
.art-ring img { object-position:center 68%; filter:contrast(1.1) saturate(.92); }
.art-city::after { background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.20)),linear-gradient(90deg,rgba(110,0,17,.12),transparent 58%); }
.art-archive::after { background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.27)); }
.art-fun::after { background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.15)); }
.art-ring::after { background:radial-gradient(circle at 50% 45%,transparent 0 45%,rgba(0,0,0,.10) 68%,rgba(0,0,0,.30) 100%); }
.destination-card > div:last-child {
  flex:0 0 104px;
  min-height:104px;
  padding:18px 20px 16px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.destination-card h2 { margin: 0; font: 900 italic 31px/.85 Arial Black,sans-serif; letter-spacing: -.04em; }
.destination-card h2 span { color: var(--red); }
.destination-card p { margin: 10px 0 0; color: #c5c5c5; font: 700 9px/1 "Courier New", monospace; letter-spacing: .06em; }

.community-banner {
  min-height:190px;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:340px 1fr;
  align-items:center;
  gap:34px;
  margin-top:2px;
  border:0;
  border-radius:0;
  background:linear-gradient(135deg,#b8b8b8 0,#656565 28%,#2b2b2b 68%,#171717 100%);
  clip-path:polygon(14px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 16px),calc(100% - 16px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
}
.community-banner::before {
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  background:#080808;
  clip-path:polygon(13px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 15px),calc(100% - 15px) 100%,13px 100%,0 calc(100% - 13px),0 13px);
}
.community-banner::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(135deg,#ee173d 0 2px,transparent 2px) top left/42px 42px no-repeat,
    linear-gradient(315deg,#8d0b20 0 2px,transparent 2px) bottom right/54px 54px no-repeat,
    linear-gradient(90deg,#c61632 0 70px,transparent 70px) top left/100% 2px no-repeat,
    linear-gradient(90deg,transparent calc(100% - 86px),#8d0b20 calc(100% - 86px)) bottom right/100% 1px no-repeat,
    linear-gradient(180deg,#df1738 0 48px,transparent 48px) left top/2px 100% no-repeat,
    linear-gradient(180deg,transparent 0 calc(100% - 74px),#8d0b20 calc(100% - 74px)) right bottom/2px 100% no-repeat,
    linear-gradient(90deg,rgba(255,255,255,.16),transparent 42%,rgba(255,255,255,.05)) top/100% 1px no-repeat;
}
.community-image {
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(5,5,5,.97) 0 24%,rgba(5,5,5,.84) 36%,rgba(5,5,5,.18) 68%,rgba(5,5,5,.03) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.34)),
    url('/assets/landing-cards/cityasset.jpg') 78% 63%/cover no-repeat;
  filter:saturate(.92) contrast(1.08) brightness(.78);
}
.community-image::after {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 0 74%,rgba(224,0,40,.13) 100%),
    repeating-linear-gradient(112deg,transparent 0 92px,rgba(224,0,40,.12) 93px 95px,transparent 96px 180px),
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 14%);
  pointer-events:none;
}
.community-title,.community-copy { position: relative; z-index: 1; }
.community-title { padding-left:30px; }
.community-title h2 { margin:0; font:900 italic 50px/.82 Arial Black,sans-serif; letter-spacing:-.06em; text-shadow:0 3px 0 #252525; }
.community-title em { display:block; margin-top:4px; color:transparent; -webkit-text-stroke:2px var(--red); font-size:1.18em; text-shadow:none; }
.community-copy { max-width:520px; padding:6px 0 0 22px; }
.community-status { display:block; margin:0 0 8px; color:var(--yellow); font:700 9px/1 "Courier New",monospace; letter-spacing:.12em; }
.community-copy h3 { margin:0; font:700 16px/1.2 "Courier New",monospace; letter-spacing:.08em; }
.community-copy p { margin:8px 0 14px; color:#b6b6b6; font:700 9px/1.5 "Courier New",monospace; }
.community-copy a { display:inline-block; padding:9px 14px; border:1px solid var(--red); color:var(--red); text-decoration:none; font:700 13px/1 "Courier New",monospace; background:rgba(8,0,2,.48); transition:transform .15s ease,background .15s ease; }
.community-copy a:hover,.community-copy a:focus-visible { transform:translateX(3px); background:rgba(55,0,9,.62); outline:none; }

.lower-grid { display:grid; grid-template-columns:1.22fr .98fr; gap:20px; padding-block:20px; align-items:start; }
.panel {
  position:relative;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:linear-gradient(135deg,#b5b5b5 0,#626262 34%,#292929 70%,#171717 100%);
  clip-path:polygon(13px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 13px),calc(100% - 13px) 100%,11px 100%,0 calc(100% - 11px),0 11px);
}
.panel::before {
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  background:#080808;
  clip-path:polygon(12px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 12px),calc(100% - 12px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
  pointer-events:none;
}
.panel::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(135deg,#e31638 0 2px,transparent 2px) top left/38px 38px no-repeat,
    linear-gradient(315deg,#8a0b1f 0 2px,transparent 2px) bottom right/44px 44px no-repeat,
    linear-gradient(90deg,#c61632 0 54px,transparent 54px) top left/100% 1px no-repeat,
    linear-gradient(90deg,transparent calc(100% - 62px),#7c091b calc(100% - 62px)) bottom right/100% 1px no-repeat,
    linear-gradient(180deg,#d91636 0 46px,transparent 46px) left top/2px 100% no-repeat,
    linear-gradient(180deg,transparent 0 calc(100% - 62px),#7c091b calc(100% - 62px)) right bottom/2px 100% no-repeat,
    linear-gradient(90deg,rgba(255,255,255,.16),transparent 42%,rgba(255,255,255,.04)) top/100% 1px no-repeat;
}
.panel > * { position:relative; z-index:1; }
.updates-panel { padding:0 18px 14px; align-self:start; }
.panel-heading { min-height:50px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #333; }
.panel-heading h2,.network-panel h2 { margin: 0; font: 900 italic 19px/1 Arial Black,sans-serif; }
.panel-heading a { color: var(--red); text-decoration: none; font: 700 10px/1 "Courier New",monospace; }
.update-row { min-height:43px; display:grid; grid-template-columns:100px 72px 1fr 20px; align-items:center; gap:8px; border-bottom:1px solid #383838; }
.update-row time,.update-row span,.update-row p,.update-row b { margin: 0; font: 700 10px/1.3 "Courier New",monospace; }
.update-row span { padding: 6px 8px; border: 1px solid var(--red); text-align: center; }
.update-row p { color: #ddd; font-family: "Arial Narrow",Arial,sans-serif; font-size: 12px; }
.network-column { display:grid; grid-template-rows:auto auto; gap:12px; align-self:start; }
.featured-drop { min-height:152px; }
.featured-drop-link { display:grid; grid-template-columns:42% 1fr; min-height:152px; color:inherit; text-decoration:none; }
.featured-drop-art {
  min-height:152px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.02),rgba(0,0,0,.34)),
    url("/assets/widgets/mood-shadow.jpg") 50% 35%/cover no-repeat;
  border-right:1px solid rgba(255,255,255,.08);
}
.featured-drop-copy { display:flex; flex-direction:column; justify-content:center; padding:18px 22px; background:linear-gradient(120deg,rgba(24,0,5,.54),rgba(8,8,8,.97) 55%); }
.featured-drop-kicker,.about-network-kicker { color:var(--yellow); font:700 9px/1.2 "Courier New",monospace; letter-spacing:.1em; }
.featured-drop h2,.about-network h2 { margin:7px 0 7px; font:900 italic 19px/1 Arial Black,sans-serif; }
.featured-drop h2::after,.about-network h2::after { content:""; display:inline-block; width:48px; height:3px; margin-left:14px; background:var(--yellow); vertical-align:middle; }
.featured-drop p { margin:0; color:#c9c9c9; font-size:12px; line-height:1.45; }
.featured-drop-cta { margin-top:12px; color:var(--red); font:700 10px/1 "Courier New",monospace; letter-spacing:.06em; transition:transform .15s ease,color .15s ease; }
.featured-drop-link:hover .featured-drop-cta,.featured-drop-link:focus-visible .featured-drop-cta { transform:translateX(4px); color:#ff3654; }
.featured-drop-link:focus-visible { outline:none; }
.about-network { padding:18px 22px 20px; }
.about-network p { margin:7px 0 0; color:#c3c3c3; font-size:12px; line-height:1.5; }
.about-network a { display:inline-block; margin-top:13px; color:var(--red); text-decoration:none; font:700 10px/1 "Courier New",monospace; letter-spacing:.05em; }
.about-network a:hover,.about-network a:focus-visible { color:#ff3654; outline:none; }

.connection-strip { border-top:1px solid #333; border-bottom:1px solid #333; background:#070707; }
.strip-inner { min-height:108px; display:grid; grid-template-columns:1fr; align-items:center; }
.strip-art { width:100%; height:78px; border-left:1px solid #333; border-right:1px solid #333; }
.strip-art.metro-surface { background:linear-gradient(116deg,#080808 0 28%,#8d0018 28.5% 46%,#111 46.5% 64%,#51000f 64.5% 79%,#080808 79.5%); }
.strip-art .ring-a { left:9%; bottom:-48px; width:92px; }
.strip-art .ring-b { right:12%; top:-34px; width:76px; opacity:.68; }
.strip-art .ring-c { left:52%; bottom:-16px; width:52px; opacity:.60; }
.strip-art .star-a { right:28%; bottom:8%; width:44px; opacity:.64; }
.strip-art .star-b { left:34%; top:8%; width:22px; opacity:.48; }
.strip-art .quill-a { right:3%; top:31%; width:92px; opacity:.72; }
.strip-art .quill-b { left:22%; bottom:8%; width:70px; opacity:.44; }

.site-footer { background: #050505; }
.footer-inner { min-height:92px; display:grid; grid-template-columns:1fr; align-items:center; }
.footer-brand { display: grid; grid-template-columns: 48px 1fr; align-items: center; column-gap: 10px; }
.footer-brand .brand-mark { grid-row: span 2; width: 48px; }
.footer-brand strong { font: 900 italic 22px/1 Arial Black,sans-serif; }
.footer-brand small { color: #aaa; font: 700 8px/1.2 "Courier New",monospace; }

@media (max-width: 900px) {
  .header-top { grid-template-columns: 70px 1fr 82px; }
  .nav-inner { padding-left:0; overflow-x:auto; overflow-y:hidden; justify-content:flex-start; }
  .nav-inner a { flex:0 0 auto; min-width:82px; }
  .nav-inner a.is-active { margin-bottom:0; padding-bottom:0; clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%); }
  .hero { grid-template-columns: 1fr; }
  .hero-copy { min-height: 330px; }
  .hero-transmission { margin-top:26px; }
  .terminal-shell { width: min(620px,calc(100% - 48px)); margin: -110px 24px 24px auto; }
  .destination-grid { grid-template-columns: repeat(2,1fr); }
  .community-banner { grid-template-columns: 1fr; gap: 18px; padding: 28px 34px; }
  .community-title { padding-left: 0; }
  .community-copy { padding-left:0; }
  .lower-grid { grid-template-columns: 1fr; }
  .featured-drop-link { grid-template-columns:36% 1fr; }
  .footer-inner { grid-template-columns:1fr; padding-block:20px; }
}

@media (max-width: 620px) {
  .shell { width: min(calc(100% - 18px),var(--shell)); }
  .header-top { min-height: 82px; grid-template-columns: 1fr auto; }
  .network-label { display: none; }
  .header-accent { grid-column:2; }
  .brand { grid-column: 1; }
  .brand-mark { width: 44px; }
  .brand-word { font-size: 33px; }
  .hero { min-height: 0; padding-top: 12px; }
  .hero-copy { min-height: 280px; padding-left: 16px; }
  .hero-transmission { width:min(360px,calc(100% - 12px)); margin-top:24px; }
  .terminal-shell { width: calc(100% - 24px); margin: -70px 12px 20px auto; transform: none; }
  .terminal-screen { margin: 10px; padding: 18px; min-height: 280px; }
  .featured-drop-link { grid-template-columns:1fr; }
  .featured-drop-art { min-height:170px; border-right:0; border-bottom:1px solid rgba(255,255,255,.08); }
  .destination-grid { grid-template-columns: 1fr; }
  .destination-card { min-height:0; height:240px; }
  .community-title h2 { font-size: 36px; }
  .update-row { grid-template-columns: 74px 62px 1fr 14px; }
  .update-row time { font-size: 8px; }
  .network-links { grid-template-columns: repeat(2,1fr); }
  .strip-inner { grid-template-columns:1fr; padding-block:12px; }
  .strip-art { width: 100%; }
}