:root {
  --paper: #e7e2d6;
  --paper-light: #f1eee6;
  --ink: #171a16;
  --muted: #5f6258;
  --yellow: #d2a815;
  --red: #9e2822;
  --olive: #53623d;
  --line: rgba(23, 26, 22, .24);
  --mono: "IBM Plex Mono", monospace;
  --condensed: "IBM Plex Sans Condensed", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--condensed);
  font-size: 17px;
  line-height: 1.45;
}
a { color: inherit; }
button, input, select, textarea { font: inherit; }
.shell { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
.scanlines {
  position: fixed; inset: 0; pointer-events: none; z-index: 99; opacity: .16;
  background: repeating-linear-gradient(to bottom, transparent 0, transparent 3px, rgba(0,0,0,.08) 4px);
}
.site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(20, 23, 19, .96); color: var(--paper-light);
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.header-inner { min-height: 74px; display: flex; align-items: center; gap: 28px; }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; min-width: 260px; }
.brand-mark {
  display: grid; place-items: center; width: 42px; height: 42px; border: 2px solid var(--yellow);
  font-family: var(--mono); font-weight: 700; transform: rotate(45deg);
}
.brand-mark::first-line { transform: rotate(-45deg); }
.brand strong { display: block; letter-spacing: .18em; font-size: 1.15rem; }
.brand small { display: block; color: #aeb1a7; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.site-nav { display: flex; gap: 22px; margin-left: auto; }
.site-nav a {
  text-decoration: none; text-transform: uppercase; letter-spacing: .07em; font-size: .78rem;
  color: #b9bcb2; padding: 27px 0 22px; border-bottom: 3px solid transparent;
}
.site-nav a:hover, .site-nav a.active { color: white; border-color: var(--yellow); }
.incident-chip { font-family: var(--mono); border-left: 1px solid rgba(255,255,255,.2); padding-left: 20px; }
.incident-chip span { display:block; font-size:.62rem; color:#969a90; }
.incident-chip strong { font-size:.8rem; }
.menu-button { display:none; background:none; border:1px solid #777; color:white; padding:8px 12px; }
.alert-strip { background: var(--yellow); border-bottom: 1px solid #7d6410; }
.alert-strip-inner { min-height: 42px; display:flex; align-items:center; gap:12px; font-family:var(--mono); font-size:.75rem; }
.alert-strip-inner span:last-child { margin-left:auto; }
.pulse-dot { width:8px; height:8px; border-radius:50%; background:var(--red); box-shadow:0 0 0 0 rgba(158,40,34,.7); animation:pulse 1.8s infinite; }
@keyframes pulse { 70% { box-shadow:0 0 0 8px rgba(158,40,34,0); } 100% { box-shadow:0 0 0 0 rgba(158,40,34,0); } }
.hero { padding: 74px 0 54px; }
.hero-grid { display:grid; grid-template-columns: 1.15fr .85fr; gap:70px; align-items:start; }
.eyebrow { margin:0 0 12px; font: 600 .74rem/1.2 var(--mono); text-transform:uppercase; letter-spacing:.13em; color:var(--muted); }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(3.5rem, 8vw, 7.2rem); line-height:.82; letter-spacing:-.045em; margin-bottom:34px; }
h2 { font-size:clamp(2.1rem, 4vw, 4rem); line-height:.9; letter-spacing:-.025em; margin-bottom:0; }
h3 { font-size:1.55rem; line-height:1.05; }
.status-banner { display:inline-flex; flex-direction:column; border:1px solid var(--red); padding:12px 16px; background:rgba(158,40,34,.06); }
.status-label { font: .63rem var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.status-banner strong { color:var(--red); font-size:1.25rem; letter-spacing:.05em; }
.notice-card { background:var(--paper-light); border:1px solid var(--ink); box-shadow:10px 10px 0 rgba(23,26,22,.12); }
.notice-card-header { display:flex; justify-content:space-between; background:var(--ink); color:white; padding:11px 16px; font:.72rem var(--mono); }
.notice-card p { padding:0 22px; }
.notice-card p:first-of-type { margin-top:24px; }
.warning-copy { border-left:4px solid var(--yellow); margin-left:22px; padding-left:14px!important; }
.primary-button, .secondary-button {
  display:inline-block; border:0; text-decoration:none; cursor:pointer; font:600 .82rem var(--mono); letter-spacing:.06em; text-transform:uppercase;
}
.primary-button { background:var(--ink); color:white; padding:15px 18px; margin:6px 22px 24px; }
.primary-button:hover { background:var(--red); }
.secondary-button { border:1px solid var(--ink); padding:13px 16px; }
.status-section, .content-section { padding:60px 0 76px; border-top:1px solid var(--line); }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:28px; }
.verification, .access-tag { font:.7rem var(--mono); letter-spacing:.07em; }
.access-tag { border:1px solid var(--olive); color:var(--olive); padding:7px 9px; }
.access-tag.restricted { color:var(--red); border-color:var(--red); }
.status-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--ink); }
.metric { min-height:180px; padding:18px; border-right:1px solid var(--ink); display:flex; flex-direction:column; }
.metric:last-child { border-right:0; }
.metric span, .metric small { font:.7rem var(--mono); }
.metric strong { margin:auto 0; font-size:4rem; line-height:1; }
.metric .text-value { font-size:1.55rem; letter-spacing:.02em; }
.metric .safe { color:var(--olive); }
.countdown-section { background:var(--ink); color:var(--paper-light); padding:54px 0; }
.countdown-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:50px; align-items:center; }
.countdown-section .eyebrow, .muted { color:#9ea197; }
.countdown { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #595d55; }
.countdown div { padding:20px 10px; text-align:center; border-right:1px solid #595d55; }
.countdown div:last-child { border-right:0; }
.countdown strong { display:block; font:600 clamp(2.4rem,6vw,5.3rem)/1 var(--mono); color:var(--yellow); }
.countdown span { font:.65rem var(--mono); }
.briefing-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:44px; }
.video-placeholder { min-height:380px; background:#0e100d; color:white; display:grid; place-items:center; align-content:center; position:relative; overflow:hidden; text-align:center; border:8px solid #282b26; }
.video-noise { position:absolute; inset:0; opacity:.35; background:repeating-radial-gradient(circle at 20% 30%, #aaa 0 1px, transparent 1px 5px); }
.play-symbol { width:74px; height:74px; display:grid; place-items:center; border:1px solid #8b8d87; border-radius:50%; position:relative; z-index:1; font-size:1.8rem; padding-left:5px; }
.video-placeholder p,.video-placeholder small { position:relative; z-index:1; font-family:var(--mono); }
.briefing-copy { padding-top:10px; }
.instruction-list { border-top:1px solid var(--line); margin:28px 0; }
.instruction-list p { display:flex; gap:14px; border-bottom:1px solid var(--line); padding:13px 0; margin:0; }
.instruction-list span { font-family:var(--mono); color:var(--red); }
.dark-section { background:#20231e; color:var(--paper-light); padding:70px 0; }
.inverse .eyebrow { color:#9ea197; }
.access-tag.dark { border-color:var(--yellow); color:var(--yellow); }
.tracker-grid { display:grid; grid-template-columns:1.4fr .6fr; gap:36px; }
.map-panel { min-height:430px; position:relative; overflow:hidden; border:1px solid #61655c; background:#151813; }
.map-grid-lines { position:absolute; inset:0; background-image:linear-gradient(rgba(210,168,21,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(210,168,21,.09) 1px,transparent 1px); background-size:42px 42px; transform:perspective(500px) rotateX(8deg) scale(1.1); }
.map-panel::after { content:""; position:absolute; inset:10% 12%; border:1px dashed #52574e; border-radius:46% 54% 37% 63%; transform:rotate(-9deg); }
.hotspot { position:absolute; left:54%; top:47%; width:14px; height:14px; border-radius:50%; background:var(--red); z-index:3; }
.hotspot-ring { position:absolute; left:calc(54% - 24px); top:calc(47% - 24px); width:62px; height:62px; border:1px solid var(--red); border-radius:50%; z-index:2; animation:ring 2.2s infinite; }
@keyframes ring { 0%{transform:scale(.4);opacity:1} 100%{transform:scale(1.7);opacity:0} }
.map-label,.coordinates { position:absolute; z-index:4; font:.65rem var(--mono); color:#8f9489; }
.label-a{left:12%;top:18%}.label-b{right:14%;top:24%}.label-c{left:21%;bottom:20%}
.coordinates{left:16px;bottom:14px}
.telemetry { border-left:3px solid var(--yellow); padding-left:24px; }
.telemetry dl { margin-top:28px; }
.telemetry dl div { display:flex; justify-content:space-between; gap:10px; border-top:1px solid #4c5048; padding:12px 0; font-family:var(--mono); font-size:.76rem; }
.telemetry dd { margin:0; color:var(--yellow); }
.archive-grid { display:grid; gap:12px; }
.file-card { display:grid; grid-template-columns:72px 1fr auto; align-items:center; gap:18px; padding:18px; border:1px solid var(--ink); background:rgba(255,255,255,.16); }
.file-card.locked { opacity:.54; }
.file-icon { width:58px; height:58px; display:grid; place-items:center; border:1px solid var(--ink); font:600 .78rem var(--mono); }
.file-card h3,.file-card p { margin-bottom:3px; }
.file-card small,.file-card>span { font:.67rem var(--mono); }
.report-section { background:#d5cfc0; padding:70px 0; border-top:6px solid var(--yellow); }
.report-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; }
form { display:grid; gap:14px; }
label { display:grid; gap:6px; font:600 .72rem var(--mono); text-transform:uppercase; letter-spacing:.06em; }
input,select,textarea { width:100%; background:var(--paper-light); border:1px solid var(--ink); padding:12px; border-radius:0; }
form .primary-button { margin:4px 0 0; justify-self:start; }
footer { background:#121411; color:#aeb1a8; padding:30px 0; font-family:var(--mono); font-size:.7rem; }
.footer-inner { display:flex; justify-content:space-between; gap:20px; }
.footer-inner div { display:flex; gap:12px; }
footer p { margin:0; }
@media (max-width: 900px) {
  .incident-chip { display:none; }
  .menu-button { display:block; margin-left:auto; }
  .site-nav { display:none; position:absolute; top:74px; left:0; right:0; background:#141713; padding:8px 18px 18px; flex-direction:column; gap:0; }
  .site-nav.open { display:flex; }
  .site-nav a { padding:14px 0; }
  .hero-grid,.briefing-grid,.tracker-grid,.report-grid,.countdown-grid { grid-template-columns:1fr; }
  .status-grid { grid-template-columns:1fr 1fr; }
  .metric:nth-child(2) { border-right:0; }
  .metric:nth-child(-n+2) { border-bottom:1px solid var(--ink); }
}
@media (max-width: 580px) {
  body { font-size:16px; }
  .shell { width:min(100% - 24px,1180px); }
  .brand { min-width:0; }
  .brand small { display:none; }
  .alert-strip-inner span:last-child { display:none; }
  .hero { padding-top:46px; }
  h1 { font-size:3.35rem; }
  .hero-grid { gap:36px; }
  .status-grid { grid-template-columns:1fr; }
  .metric { border-right:0; border-bottom:1px solid var(--ink); min-height:145px; }
  .metric:last-child { border-bottom:0; }
  .countdown { grid-template-columns:1fr 1fr; }
  .countdown div:nth-child(2) { border-right:0; }
  .countdown div:nth-child(-n+2) { border-bottom:1px solid #595d55; }
  .video-placeholder { min-height:300px; }
  .file-card { grid-template-columns:56px 1fr; }
  .file-card>span { grid-column:2; }
  .footer-inner { flex-direction:column; }
}