/*
Theme Name: DELTA-9 HQ Command Editorial
Theme URI: https://delta9hq.com
Author: Roadstones / DELTA-9
Description: Independent editorial intelligence from the DELTA-9 machine room.
Version: 1.1.1
Text Domain: delta9hq
*/

:root {
  --d9-black: #070909;
  --d9-panel: #101515;
  --d9-panel-2: #151b1b;
  --d9-paper: #efece5;
  --d9-muted: #aeb5b2;
  --d9-line: #303a39;
  --d9-orange: #ff6a00;
  --d9-cyan: #28d7d0;
  --d9-width: 1320px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--d9-black);
  color: var(--d9-paper);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
.screen-reader-text { position: absolute; left: -9999px; }
.d9-shell { width: min(calc(100% - 48px), var(--d9-width)); margin-inline: auto; }
.d9-signal {
  color: var(--d9-cyan);
  font: 700 12px/1.35 ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.d9-display {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: .96;
  text-transform: uppercase;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid var(--d9-line);
  background: rgba(7, 9, 9, .96);
  backdrop-filter: blur(12px);
}
.admin-bar .site-header { top: 32px; }
.header-inner { min-height: 72px; display: flex; align-items: center; gap: 34px; }
.site-branding { min-width: 0; margin-right: auto; }
.site-logo { display: block; width: clamp(270px, 31vw, 455px); }
.site-logo img { width: 100%; height: auto; }
.primary-menu { display: flex; align-items: center; gap: 28px; margin: 0; padding: 0; list-style: none; }
.primary-menu a { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.primary-menu a:hover, .primary-menu .current-menu-item > a { color: var(--d9-orange); }
.d9-briefing-link { border: 1px solid var(--d9-orange); color: var(--d9-orange); padding: 10px 14px; }
.menu-toggle { display: none; border: 1px solid var(--d9-line); background: transparent; color: var(--d9-paper); padding: 10px 13px; }

.d9-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--d9-line);
  background:
    radial-gradient(circle at 78% 25%, rgba(23, 115, 111, .28), transparent 33%),
    linear-gradient(118deg, #080a0a 25%, #111718 100%);
}
.d9-hero::after {
  position: absolute; inset: 0; pointer-events: none; content: "";
  opacity: .3;
  background-image: radial-gradient(rgba(255,255,255,.08) .55px, transparent .55px);
  background-size: 5px 5px;
}
.d9-hero-grid { position: relative; z-index: 1; min-height: 610px; display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 54px; padding-block: 76px 60px; }
.d9-hero h1 { max-width: 760px; margin: 16px 0 24px; font-size: clamp(58px, 7.5vw, 112px); }
.d9-hero h1 em { color: var(--d9-orange); font-style: normal; }
.d9-dek { max-width: 710px; margin: 0; color: #c7cbc8; font: 400 clamp(19px, 2vw, 25px)/1.55 Georgia, "Times New Roman", serif; }
.d9-action { display: inline-flex; margin-top: 30px; padding: 14px 19px; background: var(--d9-orange); color: #080909; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.d9-action:hover { background: var(--d9-paper); }
.d9-lead-card { position: relative; min-height: 390px; display: flex; flex-direction: column; justify-content: end; padding: 28px; border: 1px solid #394241; background: var(--d9-panel); overflow: hidden; }
.d9-lead-card::before { content: "Δ9"; position: absolute; right: 18px; top: 3px; color: rgba(255,106,0,.14); font: 400 150px/1 Impact, sans-serif; }
.d9-lead-card.has-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,5,5,.98), rgba(3,5,5,.08) 80%); }
.d9-lead-card > * { position: relative; z-index: 2; }
.d9-lead-card .d9-cover-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.d9-lead-card h2 { margin: 12px 0 0; font-size: clamp(34px, 4vw, 57px); }

.d9-section { padding-block: 48px 64px; }
.d9-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 23px; }
.d9-section-head h2 { margin: 0; font-size: clamp(29px, 4vw, 48px); }
.d9-story-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.d9-story { min-height: 340px; display: flex; flex-direction: column; border-top: 4px solid var(--d9-orange); background: var(--d9-panel-2); }
.d9-story:nth-child(3n+2) { border-top-color: var(--d9-cyan); }
.d9-story-image { aspect-ratio: 16/9; width: 100%; object-fit: cover; background: #202727; }
.d9-story-body { flex: 1; display: flex; flex-direction: column; padding: 23px; }
.d9-story h3 { margin: 15px 0 24px; font-size: clamp(27px, 3vw, 39px); }
.d9-story-meta { margin-top: auto; color: var(--d9-muted); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.d9-story:hover h3 { color: var(--d9-orange); }
.d9-empty { grid-column: 1/-1; padding: 48px; border: 1px solid var(--d9-line); background: var(--d9-panel); }

.archive-header { padding: 72px 0 38px; border-bottom: 1px solid var(--d9-line); }
.archive-title { margin: 10px 0 0; font-size: clamp(52px, 8vw, 105px); }
.post-list { padding-block: 44px 72px; }
.post-list .d9-story-grid { grid-template-columns: repeat(2, 1fr); }

.single-hero { padding: 70px 0 46px; border-bottom: 1px solid var(--d9-line); background: linear-gradient(135deg,#080a0a,#101919); }
.single-title { max-width: 1050px; margin: 15px 0 22px; font-size: clamp(54px, 8vw, 112px); }
.single-meta { color: var(--d9-muted); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.single-image { width: 100%; max-height: 760px; object-fit: cover; }
.article-content { width: min(calc(100% - 48px), 820px); margin: 60px auto 90px; font: 400 20px/1.82 Georgia, "Times New Roman", serif; }
.article-content h2, .article-content h3 { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-weight: 400; line-height: 1.05; text-transform: uppercase; }
.article-content h2 { margin-top: 2em; font-size: 48px; }
.article-content h3 { margin-top: 1.7em; font-size: 34px; }
.article-content a { color: var(--d9-orange); text-decoration: underline; text-underline-offset: 3px; }
.article-content blockquote { margin: 2em 0; padding: 12px 0 12px 28px; border-left: 4px solid var(--d9-orange); font-size: 1.25em; }
.article-content img { margin: 2.2em auto; }

.site-footer { border-top: 1px solid var(--d9-line); background: #050707; }
.footer-inner { min-height: 180px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 30px; }
.footer-mark { font-size: 35px; }
.footer-copy { color: var(--d9-muted); text-align: right; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }

@media (max-width: 900px) {
  .admin-bar .site-header { top: 46px; }
  .menu-toggle { display: block; }
  .primary-navigation { display: none; position: absolute; top: 72px; left: 0; right: 0; padding: 24px; background: #090b0b; border-bottom: 1px solid var(--d9-line); }
  .primary-navigation.is-open { display: block; }
  .primary-menu { display: grid; gap: 18px; }
  .d9-hero-grid { grid-template-columns: 1fr; min-height: auto; padding-block: 58px 52px; }
  .d9-story-grid, .post-list .d9-story-grid { grid-template-columns: 1fr; }
  .footer-inner { grid-template-columns: 1fr; padding-block: 44px; }
  .footer-copy { text-align: left; }
}

@media (max-width: 520px) {
  .d9-shell, .article-content { width: min(calc(100% - 30px), var(--d9-width)); }
  .site-logo { width: min(64vw, 315px); }
  .d9-hero h1 { font-size: 52px; }
  .d9-lead-card { min-height: 320px; }
  .d9-section-head { align-items: start; flex-direction: column; }
}