
:root{
  --bg:#07090b; --bg2:#0b0f12; --panel:#0f1519; --panel2:#121a1f; --line:#273038;
  --text:#f1f3f4; --muted:#94a0a8; --red:#e2212a; --red2:#961219; --amber:#f3c848;
  --green:#73db9c; --shadow:0 26px 90px rgba(0,0,0,.46); --radius:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 70% 0,rgba(226,33,42,.10),transparent 30%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.wrap{width:min(1240px,92vw);margin-inline:auto}
.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.22em;font-weight:900;color:var(--red)}
.dev-ribbon{background:linear-gradient(90deg,#8e1117,#e2212a,#8e1117);color:white;text-align:center;padding:8px 12px;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.site-header{position:sticky;top:0;z-index:30;background:rgba(5,8,10,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}
.navbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.04em}
.brand img{width:42px;height:42px;object-fit:cover;border-radius:5px}
.brand strong{font-size:21px}.brand span{color:var(--red)}
.nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.nav a{color:#b7c0c6}.nav a:hover,.nav a.active{color:white}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;padding:8px 11px;border-radius:5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:5px;border:1px solid transparent;font-weight:900;letter-spacing:.045em;text-transform:uppercase;font-size:12px;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn.red{background:linear-gradient(180deg,#f12c35,#b9141b);box-shadow:0 12px 32px rgba(226,33,42,.18)}
.btn.outline{border-color:#536069;background:rgba(6,9,11,.55)}
.hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:-6%;background:url('../images/hero-operation.png') center/cover no-repeat;filter:saturate(.65) contrast(1.15) brightness(.48);will-change:transform}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06090bf0 5%,#06090bb8 44%,#06090b3d 74%,#06090b9e),linear-gradient(0deg,#07090b 0%,transparent 32%)}
.hero-content{position:relative;z-index:2;padding:95px 0 90px;max-width:720px}
.hero h1{font-size:clamp(60px,9.3vw,126px);line-height:.78;margin:18px 0 30px;letter-spacing:-.075em;text-transform:uppercase;text-shadow:0 10px 40px #000}
.hero h1 span{display:block;font-size:.33em;letter-spacing:.28em;color:var(--red);margin-top:26px}
.hero-copy{font-size:18px;color:#c7cfd4;max-width:620px}
.status-box{display:inline-flex;align-items:center;gap:10px;margin:20px 0;padding:10px 13px;background:#17110b;border:1px solid #6c551a;color:#ffdf6b;border-radius:5px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.status-box:before{content:"";width:8px;height:8px;background:var(--amber);border-radius:50%;box-shadow:0 0 18px var(--amber);animation:pulse 1.7s infinite}
@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.quick-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#242c31;border:1px solid #242c31;margin-top:66px;max-width:850px}
.fact{background:rgba(9,13,16,.90);padding:20px}.fact b{display:block;text-transform:uppercase;font-size:12px}.fact span{font-size:12px;color:var(--muted)}
.section{padding:88px 0}
.section.alt{background:#0a0e11;border-block:1px solid #192126}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}
.section-head h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:7px 0;text-transform:uppercase;letter-spacing:-.045em}
.section-head p{color:var(--muted);max-width:620px;margin:0}
.dev-callout{display:grid;grid-template-columns:1.2fr .8fr;gap:0;border:1px solid #413818;background:#0c1013;overflow:hidden;border-radius:var(--radius)}
.dev-callout .copy{padding:36px}.dev-callout h2{margin:5px 0 12px;font-size:36px;text-transform:uppercase}
.dev-callout p{color:#b8c0c5}
.dev-callout .visual{background:url('../images/world-map-pcg.png') center/cover no-repeat;min-height:310px;position:relative}
.dev-callout .visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c1013,transparent 70%)}
.media-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}
.video-shell{background:#000;border:1px solid #29333a;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.video-shell iframe,.video-shell video{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000}
.side-media{display:grid;gap:18px}
.media-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);min-height:210px;background:#111}
.media-card img{width:100%;height:100%;position:absolute;object-fit:cover;filter:saturate(.7) brightness(.65);transition:.35s}
.media-card:hover img{transform:scale(1.035);filter:saturate(.9) brightness(.75)}
.media-card .overlay{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,#050709e8,transparent 70%)}
.media-card b{text-transform:uppercase}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.system{border:1px solid var(--line);background:linear-gradient(180deg,#11181d,#0b0f12);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}
.system:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--red)}
.system h3{text-transform:uppercase;margin:4px 0 9px;font-size:18px}.system p{color:var(--muted);font-size:14px}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:245px;gap:12px}
.gallery a{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:7px}
.gallery img{width:100%;height:100%;object-fit:cover;transition:.3s;filter:saturate(.7) contrast(1.05)}
.gallery a:hover img{transform:scale(1.025);filter:saturate(1)}
.gallery a:first-child{grid-row:span 2}
.gallery-label{position:absolute;left:12px;bottom:10px;background:#080b0dcc;border:1px solid #374149;padding:6px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.news-card{border:1px solid var(--line);background:#0c1115;border-radius:var(--radius);overflow:hidden}
.news-image{display:block;height:205px;position:relative;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:.3s}.news-card:hover img{transform:scale(1.035)}
.news-tag{position:absolute;left:12px;top:12px;background:var(--red);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:6px 8px}
.news-body{padding:21px}.news-body h3{margin:5px 0 9px;text-transform:uppercase;line-height:1.2}.news-body p{color:var(--muted);font-size:14px}
.news-date{font-size:11px;color:#717c83;text-transform:uppercase}.text-link{font-size:12px;color:#ff555b;font-weight:900;text-transform:uppercase}
.panel{background:#0e1418;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.auth-bg{min-height:calc(100vh - 110px);display:grid;place-items:center;padding:54px 20px;background:linear-gradient(#05080bd4,#05080bef),url('../images/relay-tower.png') center/cover fixed}
.auth-card{width:min(500px,100%);background:#090e11f5;border:1px solid #2b363d;border-radius:10px;padding:34px;box-shadow:var(--shadow)}
.auth-card h1{font-size:32px;margin:5px 0}.auth-card .sub{color:var(--muted)}
.field{margin:15px 0}.field label{display:block;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:7px}.input{width:100%;padding:14px 15px;border:1px solid #2d383f;border-radius:5px;background:#11191e;color:#fff;outline:none}.input:focus{border-color:#697981;box-shadow:0 0 0 3px #e2212a14}
.flash{display:none;padding:11px 13px;border-radius:5px;margin:12px 0;font-size:13px}.flash.show{display:block}.flash.ok{background:#102419;border:1px solid #295b3e;color:#9ee9b9}.flash.err{background:#291013;border:1px solid #70262b;color:#ff9ea2}
.account-shell{padding:54px 0 90px}.account-grid{display:grid;grid-template-columns:230px 1fr;gap:24px}
.sidebar{background:#0b1115;border:1px solid var(--line);border-radius:8px;padding:9px;height:max-content}.sidebar a{display:block;padding:12px 13px;border-radius:5px;font-size:13px;color:#b3bec5}.sidebar a:hover,.sidebar a.active{background:#2b1114;color:white}
.profile-row{display:grid;grid-template-columns:82px 1fr auto;gap:18px;align-items:center}.avatar{width:82px;height:82px;background:url('../images/dsb-icon.png') center/cover;border-radius:8px;border:1px solid #5b2529}.mono{font-family:Consolas,monospace;font-size:12px;color:#b6c0c6;word-break:break-all}.muted{color:var(--muted)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.stat{background:#11181d;border:1px solid #263138;padding:18px;border-radius:7px}.stat strong{font-size:25px;display:block}.stat small{color:var(--muted);text-transform:uppercase}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{grid-column:1/-1}
.post-hero{min-height:440px;display:flex;align-items:end;position:relative;background:linear-gradient(0deg,#07090b 0%,#07090b5e 65%),var(--post-image) center/cover}.post-hero-inner{padding:90px 0 55px}.post-hero h1{font-size:clamp(42px,7vw,82px);line-height:.95;max-width:900px;margin:8px 0}.post-hero p{max-width:700px;color:#c1c8cc}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px}.article{font-size:17px;max-width:760px}.article p{color:#c5cdd2;margin:0 0 24px}.article-aside{height:max-content;position:sticky;top:120px}.development-note{border-left:3px solid var(--amber);background:#17140c;color:#f4daa0;padding:15px 17px;margin-bottom:28px}
.site-footer{border-top:1px solid var(--line);background:#06090b;padding:42px 0;color:#78858c;font-size:12px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.footer-note{color:#d4b959;font-weight:800}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){
  .nav{position:absolute;left:4vw;right:4vw;top:72px;background:#090d10;border:1px solid var(--line);padding:14px;display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}
  .quick-facts,.system-grid{grid-template-columns:1fr 1fr}.media-grid,.dev-callout,.article-layout{grid-template-columns:1fr}.dev-callout .visual{min-height:260px}.article-aside{position:static}
  .gallery{grid-template-columns:1fr 1fr}.gallery a:first-child{grid-row:auto;grid-column:1/-1}.news-grid{grid-template-columns:1fr 1fr}.account-grid{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto}.stat-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .hero{min-height:690px}.hero h1{font-size:58px}.quick-facts,.system-grid,.news-grid,.gallery{grid-template-columns:1fr}.gallery a:first-child{grid-column:auto}.gallery a{min-height:220px}.section{padding:64px 0}.media-grid{display:block}.side-media{margin-top:14px}.form-grid{grid-template-columns:1fr}.profile-row{grid-template-columns:64px 1fr}.profile-row .btn{grid-column:1/-1}.avatar{width:64px;height:64px}.footer-grid{grid-template-columns:1fr}.dev-ribbon{font-size:10px}
}


/* ============================================================
   PROFESSIONAL PRESENTATION PASS
   ============================================================ */
:root{
  --glass:rgba(10,15,19,.76);
  --glass-strong:rgba(8,12,15,.93);
  --hairline:rgba(255,255,255,.075);
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:999;
  opacity:.16;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 75%);
}

.site-header{
  box-shadow:0 10px 40px rgba(0,0,0,.18);
}
.navbar{height:78px}
.brand img{
  border-radius:7px;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.3);
}
.brand strong{
  position:relative;
  line-height:.85;
  display:flex;
  align-items:flex-end;
  gap:0;
}
.brand strong small{
  display:block;
  position:absolute;
  left:1px;
  top:25px;
  font-size:7px;
  color:#aeb7bd;
  letter-spacing:.34em;
  font-weight:800;
}

.nav a{
  position:relative;
  transition:color .2s ease;
}
.nav a:not(.btn):after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-10px;
  height:1px;
  background:var(--red);
  transform:scaleX(0);
  transform-origin:center;
  transition:.22s ease;
}
.nav a.active:after,.nav a:hover:after{transform:scaleX(1)}

.dev-ribbon{
  border-bottom:1px solid rgba(255,255,255,.13);
  box-shadow:0 8px 26px rgba(0,0,0,.26);
}

.hero{
  min-height:800px;
}
.hero:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 43%,rgba(226,33,42,.12),transparent 18%),
    linear-gradient(90deg,transparent 0 66%,rgba(0,0,0,.2));
}
.hero-content{z-index:3}
.hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.hero .eyebrow:before{
  content:"";
  width:28px;height:1px;background:var(--red);
}
.hero h1{
  text-wrap:balance;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.34));
}
.hero-copy{
  border-left:1px solid rgba(255,255,255,.25);
  padding-left:18px;
  max-width:650px;
}
.status-box{
  backdrop-filter:blur(8px);
  box-shadow:inset 0 0 25px rgba(243,200,72,.03),0 10px 35px rgba(0,0,0,.16);
}
.quick-facts{
  backdrop-filter:blur(12px);
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.fact{
  min-height:82px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.fact b{letter-spacing:.075em;margin-bottom:3px}

.section-head{
  border-bottom:1px solid var(--hairline);
  padding-bottom:18px;
}
.section-head h2{
  letter-spacing:-.055em;
}
.system,.news-card,.panel,.auth-card,.sidebar{
  box-shadow:0 18px 50px rgba(0,0,0,.15);
}
.system{
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.system:hover{
  transform:translateY(-4px);
  border-color:#46535b;
  background:linear-gradient(180deg,#141e24,#0c1114);
}
.system .eyebrow{opacity:.8}

.video-shell{
  border-radius:12px;
  position:relative;
  background:#020304;
  border-color:#344049;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}
.video-topline{
  height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 15px;
  background:linear-gradient(180deg,#11181d,#090d10);
  border-bottom:1px solid #252f36;
  color:#98a4ab;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
}
.live-dot{
  color:#e7c358;
  display:flex;
  align-items:center;
  gap:7px;
}
.live-dot:before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#e7c358;
  box-shadow:0 0 12px rgba(231,195,88,.7);
}
.video-shell iframe{
  aspect-ratio:16/9;
  width:100%;
  display:block;
}
.feature-video-block{
  margin-bottom:34px;
}
.video-meta{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  margin-bottom:16px;
}
.video-meta h3{
  margin:5px 0 0;
  font-size:25px;
  text-transform:uppercase;
}
.video-caption{
  color:var(--muted);
  font-size:12px;
  margin:12px 3px 0;
}

.media-card{
  box-shadow:0 18px 50px rgba(0,0,0,.2);
}
.media-card:after{
  content:"";
  position:absolute;inset:0;
  border:1px solid transparent;
  transition:border-color .25s ease;
  pointer-events:none;
}
.media-card:hover:after{border-color:rgba(226,33,42,.65)}

.gallery a{
  box-shadow:0 15px 45px rgba(0,0,0,.16);
}
.gallery-label{
  backdrop-filter:blur(10px);
}

.news-card{
  transition:transform .25s ease,border-color .25s ease;
}
.news-card:hover{
  transform:translateY(-4px);
  border-color:#45525a;
}
.news-body h3 a:hover{color:#fff}
.news-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(5,8,10,.52),transparent 50%);
  pointer-events:none;
}
.news-tag{z-index:2}

.auth-card{
  backdrop-filter:blur(18px);
  background:linear-gradient(180deg,rgba(10,15,18,.97),rgba(7,11,14,.96));
}
.input{
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.input:hover{background:#131c21}

.btn{
  position:relative;
  overflow:hidden;
}
.btn:after{
  content:"";
  position:absolute;
  top:-100%;left:-40%;
  width:22%;height:300%;
  transform:rotate(25deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  transition:left .45s ease;
}
.btn:hover:after{left:125%}

.development-note{
  border-radius:6px;
  box-shadow:inset 0 0 24px rgba(243,200,72,.025);
}

.site-footer{
  position:relative;
}
.site-footer:before{
  content:"";
  position:absolute;
  top:0;left:0;width:28%;height:1px;
  background:linear-gradient(90deg,var(--red),transparent);
}

@media(max-width:950px){
  .brand strong small{top:24px}
  .video-meta{align-items:flex-start;flex-direction:column}
}


/* ============================================================
   DOSSIER / INTELLIGENCE THEME
   ============================================================ */
:root{
  --paper:#ece9df;
  --paper2:#f6f3ea;
  --ink:#191d20;
  --ink2:#30373b;
  --stamp:#b51f27;
  --govline:#a7a499;
}

body{
  background:#d9d6cc;
  color:var(--ink);
}

.dev-ribbon{
  background:#15191c;
  color:#f2efe8;
  border-bottom:3px solid var(--stamp);
  letter-spacing:.13em;
}

.site-header{
  background:rgba(239,236,226,.94);
  border-bottom:1px solid #aaa79d;
  color:#171b1e;
}
.brand strong{color:#15191c}
.nav a{color:#434a4e}
.nav a:hover,.nav a.active{color:#111}
.btn.red{
  background:#202529;
  border-color:#202529;
  color:#fff;
  box-shadow:none;
}
.btn.dark{
  background:#202529;
  color:#fff;
  border:1px solid #202529;
}

.dossier-hero{
  position:relative;
  background:var(--paper);
  min-height:700px;
  display:flex;
  align-items:center;
  border-bottom:1px solid #9f9c92;
  overflow:hidden;
}
.dossier-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(236,233,223,.98) 0%,rgba(236,233,223,.94) 42%,rgba(236,233,223,.45) 68%,rgba(236,233,223,.80) 100%),
    url('../images/hero-operation.png') center/cover no-repeat;
  filter:grayscale(.9) contrast(1.08);
}
.dossier-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(0deg,rgba(20,25,28,.018) 0 1px,transparent 1px 5px),
    radial-gradient(circle at 20% 30%,transparent 0 36%,rgba(30,34,36,.035) 70%);
}
.dossier-hero-inner{
  position:relative;
  z-index:2;
  padding:70px 0 82px;
}
.classification-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px 28px;
  border-block:1px solid #6f716d;
  padding:10px 0;
  margin-bottom:55px;
  font-family:Consolas,monospace;
  font-size:11px;
  letter-spacing:.12em;
}
.classification-row .stamp{
  margin-left:auto;
  color:var(--stamp);
  border:2px solid var(--stamp);
  padding:4px 8px;
  font-weight:900;
  transform:rotate(-1.5deg);
}
.dossier-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) 330px;
  gap:62px;
  align-items:start;
}
.dossier-copy .eyebrow{color:#5b6265}
.dossier-copy h1{
  font-size:clamp(70px,10vw,140px);
  line-height:.76;
  margin:15px 0 30px;
  letter-spacing:-.075em;
  color:#15191c;
  text-transform:uppercase;
}
.dossier-copy h1 span{
  color:var(--stamp);
  font-size:.52em;
  letter-spacing:.12em;
}
.lead-copy{
  max-width:650px;
  font-size:20px;
  color:#31383c;
}
.redacted-brief{
  margin-top:30px;
  border-left:4px solid #1f2427;
  padding:15px 20px;
  background:rgba(255,255,255,.32);
  font-family:Consolas,monospace;
  font-size:13px;
}
.brief-line{margin:7px 0}
.redact{
  display:inline-block;
  height:1em;
  vertical-align:-.08em;
  background:#14181a;
  color:transparent;
  box-shadow:inset 0 0 0 1px #000;
}
.w140{width:140px}.w160{width:160px}.w180{width:180px}.w260{width:260px}
.case-meta{
  border:1px solid #747773;
  background:rgba(246,243,234,.74);
  padding:22px;
  box-shadow:8px 8px 0 rgba(26,30,32,.08);
  position:relative;
}
.case-label{
  font-family:Consolas,monospace;
  font-weight:900;
  font-size:12px;
  padding-bottom:10px;
  border-bottom:2px solid #202427;
}
.case-meta dl{margin:18px 0 0}
.case-meta dt{
  font-family:Consolas,monospace;
  font-size:9px;
  letter-spacing:.12em;
  color:#697075;
  margin-top:11px;
}
.case-meta dd{
  margin:1px 0 0;
  font-size:13px;
  font-weight:800;
}
.warning-stamp{
  margin:30px auto 6px;
  width:max-content;
  color:var(--stamp);
  border:4px double var(--stamp);
  padding:8px 16px;
  transform:rotate(-5deg);
  font-size:22px;
  font-weight:950;
  line-height:.9;
  text-align:center;
  opacity:.86;
}

.transmission-section{
  background:#111518;
  color:#f0eee8;
  padding:80px 0;
  border-bottom:5px solid var(--stamp);
}
.transmission-header{
  display:flex;
  justify-content:space-between;
  gap:35px;
  align-items:end;
  margin-bottom:28px;
}
.transmission-header h2{
  font-size:clamp(38px,5vw,64px);
  margin:5px 0 8px;
  text-transform:uppercase;
  line-height:.95;
}
.transmission-header p{color:#aeb8bd;max-width:700px}
.signal-code{
  border:1px solid #626b70;
  padding:8px 10px;
  font-family:Consolas,monospace;
  font-size:11px;
  color:#bdc5c9;
  white-space:nowrap;
}
.audio-dossier{
  border:1px solid #4c555a;
  background:#090c0e;
  padding:22px;
  box-shadow:0 24px 80px rgba(0,0,0,.35);
}
.audio-index{
  display:grid;
  grid-template-columns:170px 1fr auto;
  align-items:center;
  gap:18px;
  padding-bottom:16px;
  border-bottom:1px solid #31383c;
}
.audio-index span{
  color:#d13a41;
  font-family:Consolas,monospace;
  font-size:11px;
}
.audio-index strong{letter-spacing:.05em}
.audio-index small{color:#78858c}
.waveform{
  display:flex;
  align-items:center;
  gap:4px;
  height:90px;
  margin:8px 0 4px;
  overflow:hidden;
}
.waveform i{
  width:3px;
  background:#c4c8c9;
  opacity:.55;
  display:block;
}
.waveform i:nth-child(3n){height:70%}.waveform i:nth-child(4n){height:38%}.waveform i:nth-child(5n){height:82%}.waveform i:nth-child(7n){height:25%}.waveform i:nth-child(2n){height:52%}.waveform i:nth-child(1){height:30%}
.intel-audio{
  width:100%;
  margin-top:4px;
  accent-color:#b51f27;
}
.audio-note{
  border-top:1px dashed #394147;
  margin-top:18px;
  padding-top:14px;
  color:#8f9ba1;
  font-size:12px;
  font-family:Consolas,monospace;
}

.dossier-paper{
  background:
    linear-gradient(rgba(25,29,32,.025) 1px,transparent 1px),
    var(--paper);
  background-size:100% 29px;
  color:var(--ink);
}
.dossier-heading{
  border-bottom:2px solid #444a4d;
}
.dossier-heading p{color:#596166}
.intel-columns{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.intel-sheet{
  min-height:290px;
  background:rgba(250,248,241,.84);
  border:1px solid #a5a399;
  padding:26px;
  position:relative;
  box-shadow:7px 7px 0 rgba(29,33,35,.06);
}
.sheet-number{
  position:absolute;
  right:18px;top:14px;
  font:900 34px/1 Consolas,monospace;
  color:#c9c6bb;
}
.intel-sheet h3{
  margin:10px 0 15px;
  font-size:24px;
  letter-spacing:.04em;
}
.intel-sheet p{color:#444c50}
.redaction-line{
  margin-top:24px;
  border-top:1px solid #c2bfb5;
  padding-top:14px;
  font:12px Consolas,monospace;
}

.evidence-strip{
  background:#c9c6bc;
  color:#1a1e21;
  padding:70px 0;
  border-block:1px solid #96938a;
}
.evidence-grid{
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:34px;
  align-items:center;
}
.evidence-copy h2{
  font-size:46px;
  margin:8px 0 16px;
  line-height:1;
}
.evidence-copy p{color:#41494d}
.evidence-image{
  position:relative;
  border:8px solid #eeeae0;
  box-shadow:0 20px 50px rgba(0,0,0,.2);
  transform:rotate(.35deg);
}
.evidence-image img{
  filter:grayscale(.45) contrast(1.05);
}
.evidence-tag{
  position:absolute;
  right:10px;
  bottom:10px;
  background:#b51f27;
  color:#fff;
  padding:6px 9px;
  font:900 10px Consolas,monospace;
  letter-spacing:.1em;
}

.section{
  background:var(--paper2);
  color:var(--ink);
}
.section.alt{
  background:#202529;
  color:#eef0ed;
  border-color:#202529;
}
.section.alt .section-head p,
.section.alt .muted{color:#aeb6ba}
.section.alt .system{
  background:#111518;
  color:#f3f1eb;
}
.section.alt .system p{color:#a8b2b7}

.news-card{
  background:#f1eee5;
  color:#1d2124;
  border-color:#b2afa6;
}
.news-body p{color:#555e63}
.news-date{color:#7c817f}

.site-footer{
  background:#e8e5dc;
  color:#4d5559;
  border-top:1px solid #a8a59c;
}
.footer-note{color:#99161c}

@media(max-width:950px){
  .dossier-grid,.evidence-grid{grid-template-columns:1fr}
  .case-meta{max-width:520px}
  .intel-columns{grid-template-columns:1fr}
  .transmission-header{align-items:flex-start;flex-direction:column}
  .audio-index{grid-template-columns:1fr}
  .classification-row .stamp{margin-left:0}
}


/* ============================================================
   ACCESSIBILITY + FINAL PROFESSIONAL PASS
   WCAG-oriented contrast, keyboard focus, reduced motion
   ============================================================ */

:root{
  --a11y-text-dark:#161a1d;
  --a11y-text-mid:#3e474c;
  --a11y-muted-dark:#505a60;
  --a11y-text-light:#f7f5ef;
  --a11y-muted-light:#c2cbd0;
  --a11y-link:#8d1117;
  --a11y-focus:#0b63ce;
}

/* Stronger base text colors on light surfaces */
body,
.section,
.dossier-paper,
.evidence-strip,
.news-card,
.site-footer{
  color:var(--a11y-text-dark);
}

.section-head p,
.dossier-heading p,
.intel-sheet p,
.evidence-copy p,
.news-body p,
.site-footer,
.muted{
  color:var(--a11y-text-mid);
}

/* Stronger text colors on dark surfaces */
.section.alt,
.transmission-section,
.audio-dossier,
.video-shell,
.auth-card,
.sidebar{
  color:var(--a11y-text-light);
}

.section.alt p,
.section.alt .muted,
.transmission-header p,
.audio-note,
.audio-index small,
.video-caption{
  color:var(--a11y-muted-light);
}

/* Links must be distinguishable from surrounding text */
.text-link{
  color:var(--a11y-link);
  text-decoration:underline;
  text-underline-offset:3px;
}
.section.alt .text-link,
.transmission-section .text-link,
.auth-card .text-link{
  color:#ff7c82;
}

/* Navigation contrast */
.nav a{
  color:#30383d;
}
.nav a:hover,
.nav a.active{
  color:#000;
}
.section.alt .nav a,
.transmission-section .nav a{
  color:#eef0ed;
}

/* Explicit focus indicators */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
audio:focus-visible{
  outline:3px solid var(--a11y-focus) !important;
  outline-offset:3px;
  box-shadow:0 0 0 2px rgba(255,255,255,.9);
}

/* Inputs */
.input{
  color:#fff;
  background:#11191e;
  border-color:#556168;
}
.input::placeholder{
  color:#aeb8bd;
  opacity:1;
}

/* Better contrast for labels and utility text */
.field label,
.case-meta dt,
.audio-index span,
.signal-code,
.news-date,
.gallery-label{
  color:inherit;
}

/* Accessible skip link */
.skip-link{
  position:fixed;
  left:14px;
  top:-80px;
  z-index:10000;
  background:#fff;
  color:#000;
  border:3px solid #000;
  padding:10px 14px;
  font-weight:900;
  transition:top .15s ease;
}
.skip-link:focus{
  top:14px;
}

/* F2P / token / donation project notice */
.project-notice{
  background:#f6f1df;
  border:2px solid #1e2427;
  border-left:7px solid var(--stamp);
  color:#161a1d;
  padding:24px 26px;
  margin:34px 0;
  box-shadow:7px 7px 0 rgba(20,24,27,.08);
}
.project-notice-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.project-notice-item{
  padding-right:18px;
  border-right:1px solid #a9a69b;
}
.project-notice-item:last-child{
  border-right:0;
  padding-right:0;
}
.project-notice .kicker{
  display:block;
  color:#7b1217;
  font:900 11px/1.2 Consolas,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:7px;
}
.project-notice strong{
  display:block;
  font-size:20px;
  margin-bottom:5px;
}
.project-notice p{
  margin:0;
  color:#40484d;
  font-size:14px;
}
.project-notice .fineprint{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #aaa69b;
  color:#51595e;
  font-size:12px;
}

/* Make redaction bars semantically decorative but visually strong */
.redact{
  background:#111416;
  border:1px solid #111416;
}

/* Better status notice contrast */
.status-box{
  color:#2d2400;
  background:#f4df7a;
  border-color:#8a741e;
}

/* Buttons */
.btn.red{
  background:#1f2428;
  border-color:#1f2428;
  color:#fff;
}
.btn.outline{
  color:#111;
  border-color:#3f484d;
  background:transparent;
}
.section.alt .btn.outline,
.transmission-section .btn.outline,
.auth-card .btn.outline{
  color:#fff;
  border-color:#aab4ba;
}

/* Reduce motion for users who request it */
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
  .reveal{
    opacity:1 !important;
    transform:none !important;
  }
}

/* Responsive notice */
@media(max-width:820px){
  .project-notice-grid{
    grid-template-columns:1fr;
  }
  .project-notice-item{
    border-right:0;
    border-bottom:1px solid #aaa69b;
    padding:0 0 14px;
  }
  .project-notice-item:last-child{
    border-bottom:0;
  }
}
