:root{--bg:#060B1A;--navy:#0B1636;--panel:#101D42;--black:#000;--red:#A30F35;--red2:#FF5C7A;--org:#FF8A1F;--grn:#33D17A;--white:#fff;--yel:#FFD400;--text:#F2F4F8;--muted:#C3CBDA}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--yel)}a:hover{color:#fff}a:focus-visible,button:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
img{max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.small{font-size:.8rem;color:var(--muted)}
.ticker{background:var(--black);border-bottom:3px solid var(--org);font-weight:800}
.tk{display:flex;align-items:stretch;gap:0;padding:0}
.tk-l{background:var(--red);color:#fff;padding:7px 14px;letter-spacing:.12em;font-size:.95rem;white-space:nowrap;display:flex;align-items:center}
.tk-m{overflow:hidden;flex:1;white-space:nowrap}
.tk-t{display:inline-block;padding:7px 0;animation:tk 271s linear infinite}/* slowed from 90s (~135px/s) to ~45px/s */
.tk-m:hover .tk-t{animation-play-state:paused}
.tk-t a{color:var(--white);text-decoration:none;margin:0 26px 0 18px;font-size:.9rem}
.tk-t a b{color:var(--yel);font-size:.75rem;letter-spacing:.06em;margin-left:6px}
.tk-t a:hover{text-decoration:underline}
@keyframes tk{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tk-t{animation:none}.tk-m{overflow-x:auto}}
header.top{background:var(--navy)}
.hd{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand img{width:52px;height:52px}
.tag{font-size:.85rem;color:var(--yel);line-height:1.25;font-weight:700;max-width:420px}.tag b{color:#fff;display:block;font:900 1.6rem/1 "Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:.08em}
.ind{margin-left:auto;font-size:.8rem;color:var(--muted)}
.btn{display:inline-block;padding:9px 16px;border:2px solid var(--yel);color:var(--yel);text-decoration:none;border-radius:3px;font-weight:700}
.btn:hover{background:var(--yel);color:#000}
.btn.red{background:var(--red);border-color:var(--red);color:#fff}.btn.red:hover{background:#fff;color:#000;border-color:#fff}
nav.tabs{background:var(--black);border-top:1px solid #1d2a55;border-bottom:4px solid var(--org)}
nav.tabs .wrap{display:flex;flex-wrap:wrap}
nav.tabs a{color:#fff;text-decoration:none;padding:11px 20px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;border-right:1px solid #1d2a55}
nav.tabs a:hover,nav.tabs a.on{background:var(--red);box-shadow:inset 0 -4px 0 var(--yel)}
main{padding:24px 0 48px}
h1,h2,h3{color:#fff;line-height:1.15}
h1{font:900 2.2rem/1.1 "Arial Narrow","Helvetica Neue",Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em}
h2{font:900 1.4rem/1.1 "Arial Narrow","Helvetica Neue",Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em}
h2.bar{background:var(--black);border-left:8px solid var(--red2);padding:8px 12px;margin:32px 0 14px}
.eyebrow,.kick{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--yel);letter-spacing:.1em;font-size:.8rem;font-weight:700}
.indep{font-size:.85rem;color:var(--muted)}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.top-note{margin:0 0 14px}
.ailabel{background:var(--yel);color:#000;font:700 .7rem ui-monospace,monospace;padding:2px 6px;border-radius:2px;margin-left:8px;letter-spacing:.04em}
.lead{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}
.feat{display:block;background:var(--black);color:#fff;text-decoration:none;border-top:5px solid var(--org);position:relative}
.feat img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.fb2{display:block;padding:16px 18px 20px}
.feat h1{margin:6px 0 10px;font-size:2.6rem}
.feat p{margin:12px 0;color:#fff;font-size:1.05rem}
.more{color:var(--yel);font-weight:800}
.feat:hover .more{text-decoration:underline}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.sc{display:block;background:var(--panel);color:#fff;text-decoration:none;border-top:3px solid var(--org);padding:0 0 12px}
.sc img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.sc h3{font-size:1rem;margin:6px 10px;font-weight:800}.sc .id,.sc .chip{margin-left:10px}.sc .id{display:block;margin-top:8px}
.id{font-size:.7rem;color:var(--org);letter-spacing:.06em}
.sc:hover h3,.dn:hover h3{text-decoration:underline}
.dense{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dn{display:flex;gap:12px;background:var(--panel);color:#fff;text-decoration:none;padding:10px;border-left:4px solid var(--red2)}
.dn img{width:132px;height:74px;flex:none;object-fit:cover}
.dn h3{font-size:1rem;margin:2px 0 6px}.dn p{font-size:.82rem;margin:8px 0 0;color:var(--muted)}
.chip{display:inline-block;font:800 .72rem ui-monospace,Menlo,monospace;padding:2px 8px;border-radius:2px;background:#fff;color:#000;letter-spacing:.04em}
.chip.UNEXPLAINED{background:var(--yel);color:#000}.chip.DISPUTED{background:var(--org);color:#000}.chip.CLAIM{background:var(--red);color:#fff;border:1px solid var(--red2)}.chip.UNRESOLVED{background:#2a3350;color:#fff;border:1px solid #fff}.chip.EXPLAINED{background:var(--grn);color:#000}.chip.ai{background:var(--yel);color:#000}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:28px}
.card{display:block;background:var(--panel);border-left:5px solid var(--yel);padding:14px 16px;color:var(--text)}.card.red{border-color:var(--red2)}
a.card{text-decoration:none}a.card:hover h3{text-decoration:underline}
.player{margin:12px 0}.player iframe{width:100%;height:100%;border:0}
.note{background:#2a2200;border-left:4px solid var(--yel);padding:10px 14px}
table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #2a3a6e;padding:8px;text-align:left;vertical-align:top}th{color:var(--yel)}
footer{background:var(--black);border-top:5px solid var(--org);padding:26px 0;font-size:.9rem;color:var(--muted)}
footer p{margin:6px 0}footer .disc{color:#fff;font-weight:700}
footer .fb{font:900 1.6rem/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.04em}footer .fb a{color:#fff;text-decoration:none}
footer .ft{color:var(--yel);font-weight:700;margin:4px 0}footer .fs{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}
@media (max-width:900px){.lead{grid-template-columns:1fr}.dense{grid-template-columns:1fr 1fr}.feat h1{font-size:2rem}}
@media (max-width:600px){.dense{grid-template-columns:1fr}.sgrid{grid-template-columns:1fr 1fr}.ind{margin-left:0;width:100%}nav.tabs a{padding:10px 12px;font-size:.8rem}h1{font-size:1.8rem}.feat h1{font-size:1.7rem}.tag b{font-size:1.3rem}.dn img{width:110px;height:62px}}
.intro{margin:0 0 16px}.intro p{margin:4px 0}.intro .btn{margin:6px 8px 0 0}
.feat img{max-height:300px}.more{color:var(--yel)}.kick{color:var(--org)}.eyebrow{color:var(--org)}
.tk-s{background:var(--navy);color:var(--yel);font-size:.7rem;font-weight:700;padding:0 10px;display:flex;align-items:center;white-space:nowrap;letter-spacing:.04em}
nav.tabs a{padding:11px 14px}
.chip.REPORTED{background:var(--org);color:#000}.chip.ARCHIVE{background:var(--yel);color:#000}
.trends{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tr{background:var(--panel);border-top:4px solid var(--org);padding:12px 14px}
.tr h3{font-size:1.02rem;margin:8px 0}.tr p{font-size:.88rem;margin:6px 0;color:var(--text)}
.src{color:var(--muted);font-size:.8rem!important}
h2.bar small{font:600 .75rem system-ui,sans-serif;color:var(--yel);text-transform:none;letter-spacing:0;margin-left:10px}
.newslist{display:grid;gap:12px}.nl{background:var(--panel);border-left:5px solid var(--org);padding:12px 16px}
.nl h3{margin:4px 0 6px;font-size:1.15rem}.nl h3 a{color:#fff}.nl p{margin:4px 0}
.sectionnote{background:#2a2200;border-left:5px solid var(--yel);padding:10px 14px;color:#fff;margin:12px 0}
.dn .lk{font-size:.82rem;color:var(--text)}.dn .lk a{margin-right:10px;font-weight:700}
.dn{flex-direction:row}.lede{font-size:1.15rem}.road li{margin:8px 0}
.ph ul{margin:8px 0 0}
@media (max-width:1000px){.trends{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.trends{grid-template-columns:1fr}.tk-s{display:none}}
.tki{color:#fff;margin:0 26px 0 18px;font-size:.9rem}

/* ===== v4 cinematic tabloid layer ===== */
@font-face{font-family:"Anton";src:url(/fonts/Anton-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
:root{--hf:"Anton","Impact","Haettenschrift","Arial Narrow",sans-serif}
body{background:#000}
h1,h2,h3{font-family:var(--hf);font-weight:400;text-transform:uppercase;letter-spacing:.01em}
h1{font-size:2.8rem;line-height:1.02}
h2{font-size:1.7rem}
h2.bar{background:var(--red);color:#fff;border-left:0;border-bottom:4px solid var(--yel);display:inline-block;padding:6px 16px;margin:40px 0 16px;font-size:1.6rem}
h2.bar.hot{background:var(--yel);color:#000;border-bottom-color:var(--red)}
h2.bar small{color:inherit;font-family:system-ui,sans-serif;opacity:.9}
main{padding-top:18px}
main.home{padding-top:12px}
/* hero: full-bleed image + dark cinematic gradient */
.hero{position:relative;background-size:cover;background-repeat:no-repeat;min-height:520px;display:flex;align-items:flex-end;border-bottom:6px solid var(--red);isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.55) 40%,rgba(0,0,0,.92) 100%),linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 70%)}
.hero-in{padding-top:70px;padding-bottom:34px;width:100%}
.hero h1{font-size:clamp(2.8rem,9vw,7rem);line-height:.95;color:#fff;margin:6px 0 12px;max-width:16ch;text-shadow:0 3px 24px #000}
.hero-sub{font-size:1.25rem;font-weight:700;color:var(--yel);margin:0 0 16px;max-width:46ch;text-shadow:0 2px 10px #000}
.hero-k{margin:0}.hero-k a{display:inline-block;background:var(--red);color:#fff;font:800 .85rem ui-monospace,Menlo,monospace;letter-spacing:.08em;padding:5px 12px;text-decoration:none;border-left:5px solid var(--yel)}
.hero-k a:hover{background:#fff;color:#000}
.hero-b{margin:0}
.aitag{position:absolute;right:8px;bottom:8px;background:#000;color:var(--yel);border:1px solid var(--yel);font:800 .62rem ui-monospace,Menlo,monospace;letter-spacing:.08em;padding:2px 6px;z-index:2}
.hero .aitag{top:10px;bottom:auto;right:12px}
/* top case file block */
.topfile{position:relative;overflow:hidden;background:linear-gradient(110deg,#A30F35 0%,#5a0a20 55%,#000 100%);border-top:6px solid var(--yel);margin:18px 0 0;padding:34px 28px;min-height:270px}
.topfile .yr{position:absolute;right:-6px;bottom:-34px;font:400 15rem/1 var(--hf);color:#fff;opacity:.13;pointer-events:none;letter-spacing:-.02em}
.tf-in{position:relative;max-width:760px}
.topfile .kick{color:var(--yel);margin:0}
h2.huge{font-size:clamp(2.6rem,7vw,5.2rem);line-height:.98;margin:8px 0 14px}
h2.huge a{color:#fff;text-decoration:none}h2.huge a:hover{color:var(--yel)}
.one{font-weight:700;color:#fff;margin:8px 0;font-size:1rem}
.one.center{text-align:center}
.topfile .one{font-size:1.2rem;color:var(--yel)}
/* big photo cards */
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pc{background:#000;border:2px solid #1d2a55;border-top:5px solid var(--red2);display:flex;flex-direction:column;position:relative}
.pc.big{grid-column:span 2}
.pci{position:relative;aspect-ratio:16/9;overflow:hidden;background:#050912}
.pci img{width:100%;height:100%;object-fit:cover;display:block}
.pci::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.85) 100%);pointer-events:none}
.pcb{padding:12px 16px 16px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pcb .id{margin:0;color:var(--org)}
.pcb h3{font-size:1.9rem;line-height:1;margin:0;color:#fff}
.pc.big .pcb h3{font-size:2.6rem}
.pcb .one{margin:2px 0 0;color:var(--yel)}
.pcb .lk{margin:4px 0 0;font-size:.85rem}.pcb .lk a{margin-right:12px;font-weight:700}
.pc:hover{border-color:var(--yel)}
.chip{font-size:.75rem}
/* trends + headlines */
.trends{grid-template-columns:repeat(4,1fr)}
.tr{background:#000;border:2px solid #1d2a55;border-top:5px solid var(--yel);padding:12px 14px}
.tr h3{font-size:1.15rem;line-height:1.1;margin:8px 0;text-transform:none;font-family:var(--hf)}
.tr .one{color:var(--yel);font-size:.95rem}
.newslist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.nl{background:#000;border:2px solid #1d2a55;border-left:6px solid var(--red2)}
.nl h3{font-size:1.25rem;line-height:1.1;text-transform:none}
.nl .one{color:var(--yel)}
.newslist+.indep{margin-top:10px}
/* desk */
.anchors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:0 auto}
.anchors figure{position:relative;margin:0;border:2px solid #1d2a55;border-top:5px solid var(--yel);background:#000}
.anchors img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.card{background:#000;border:2px solid #1d2a55;border-left-width:6px}
.sectionnote{background:#000;border:2px solid var(--yel)}
@media (max-width:1000px){.pcards{grid-template-columns:1fr 1fr}.pc.big{grid-column:span 2}.trends{grid-template-columns:1fr 1fr}.newslist{grid-template-columns:1fr}}
@media (max-width:600px){.hero{min-height:420px}.hero-in{padding-top:50px}.pcards,.trends{grid-template-columns:1fr}.pc.big{grid-column:auto}.pc.big .pcb h3{font-size:2rem}.topfile{padding:24px 16px}.topfile .yr{font-size:9rem}.anchors{gap:8px}h1{font-size:2.2rem}.hero-sub{font-size:1.05rem}.hero .aitag{top:6px;right:6px}}
.pci.ph::after{display:block}
.pci::after{display:none}
.pci.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.7) 100%)}
.pc.big{flex-direction:row}
.pc.big .pci{flex:0 0 55%;aspect-ratio:16/9}
.pc.big .pcb{justify-content:center;flex:1}
.hero::before{background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.88) 100%),linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 65%)}
@media (max-width:1000px){.pc.big{flex-direction:column}.pc.big .pci{flex:none}}

/* Stacked thin tickers (SIGHTINGS / NEWS / COMING UP): navy, red, white. Slow crawl ~45px/s, pause on hover/focus/touch. */
.tkx-stack{background:var(--navy);border-bottom:3px solid var(--red)}
.tkx{display:flex;align-items:stretch;height:28px;border-top:1px solid #1d2b57;font-weight:700;font-size:.78rem;line-height:28px}
.tkx-l{flex:none;background:var(--red);color:#fff;padding:0 12px;letter-spacing:.1em;font-size:.72rem;font-weight:800;min-width:104px;text-align:center;white-space:nowrap}
.tkx-m{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.tkx-t{display:inline-block;animation:tk 90s linear infinite}
.tkx:hover .tkx-t,.tkx:focus-within .tkx-t,.tkx:active .tkx-t,.tk-m:active .tk-t{animation-play-state:paused}
.tkx-t a,.tkx-t span{color:#fff;text-decoration:none;margin:0 22px 0 0;display:inline-block}
.tkx-t a:hover{text-decoration:underline}
.tkx-t b{color:#fff;opacity:.75;font-weight:700;margin-left:6px}
.tkx-t .tg{font-style:normal;background:var(--red);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.06em;padding:1px 6px;margin-right:8px;border-radius:3px;line-height:1.3;vertical-align:1px}
.tkx-t a::after,.tkx-t>span::after{content:"\25C6";color:var(--red2);font-size:.6rem;margin-left:22px}
@media (max-width:600px){.tkx{height:26px;line-height:26px;font-size:.74rem}.tkx-l{min-width:78px;padding:0 6px;font-size:.62rem;letter-spacing:.05em}}
@media (prefers-reduced-motion:reduce){.tkx-t{animation:none}.tkx-m{overflow-x:auto}}

/* Distinct ticker looks/speeds (Oct 31): SIGHTINGS red/white ~35px/s; NEWS white/navy reversed ~55px/s; COMING UP black/gold ~30px/s. Staggered starts. */
.tkx.s{background:var(--red);border-top-color:#8f1020}
.tkx.s .tkx-l{background:var(--navy);color:#fff}
.tkx.s .tkx-t a,.tkx.s .tkx-t span,.tkx.s .tkx-t b{color:#fff}
.tkx.s .tkx-t .tg{background:#fff;color:var(--red)}
.tkx.s .tkx-t a::after,.tkx.s .tkx-t>span::after{color:#fff}
.tkx.s .tkx-t{animation-duration:270s!important;animation-delay:-40s}
.tkx.n{background:#fff;border-top-color:#d5d9e3}
.tkx.n .tkx-l{background:var(--navy);color:#fff}
.tkx.n .tkx-t a,.tkx.n .tkx-t span,.tkx.n .tkx-t b{color:var(--navy)}
.tkx.n .tkx-t .tg{background:var(--navy);color:#fff}
.tkx.n .tkx-t a::after,.tkx.n .tkx-t>span::after{color:var(--red)}
.tkx.n .tkx-t{animation-duration:65s!important;animation-direction:reverse;animation-delay:-23s}
.tkx.u{background:#05070f;border-top-color:#2a2410}
.tkx.u .tkx-l{background:#e0a526;color:#05070f}
.tkx.u .tkx-t a,.tkx.u .tkx-t span,.tkx.u .tkx-t b{color:#f2b632}
.tkx.u .tkx-t .tg{background:#f2b632;color:#05070f}
.tkx.u .tkx-t a::after,.tkx.u .tkx-t>span::after{color:#f2b632}
.tkx.u .tkx-t{animation-duration:98s!important;animation-delay:-61s}
@media (prefers-reduced-motion:reduce){.tkx.s .tkx-t,.tkx.n .tkx-t,.tkx.u .tkx-t{animation:none!important}}

.tag .slogan{display:block;margin-top:4px;font-size:.72rem;font-weight:600;color:var(--text);line-height:1.3}
.tag .aihl{display:block;margin-top:2px;font-size:.78rem;font-weight:800;color:var(--yel);letter-spacing:.04em}

/* ===== Brand hero / header (Oct 31): slow crossfade + Ken Burns of our own AI images. Navy/red/white/yellow only. ===== */
.bh{position:relative;overflow:hidden;background:#000F22;isolation:isolate;border-bottom:5px solid var(--red)}
.bh-slides,.bh-ov{position:absolute;inset:0}
.bh-slides{z-index:-2}.bh-ov{z-index:-1;background:linear-gradient(90deg,rgba(0,15,34,.9) 0%,rgba(0,15,34,.72) 45%,rgba(0,15,34,.42) 100%),linear-gradient(180deg,rgba(0,15,34,.2) 0%,rgba(0,15,34,.65) 100%)}
.bh-sl{position:absolute;inset:0;opacity:0;animation:bhfade 27s infinite}
.bh-sl.s1{animation-delay:9s}.bh-sl.s2{animation-delay:18s}
.bh-bg{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;transform-origin:60% 50%;animation:bhkb 27s infinite;animation-delay:inherit;will-change:transform}
.bh-sl.s1 .bh-bg{animation-delay:9s;transform-origin:40% 55%}.bh-sl.s2 .bh-bg{animation-delay:18s;transform-origin:55% 45%}
@keyframes bhfade{0%{opacity:0}5%{opacity:1}33%{opacity:1}39%{opacity:0}100%{opacity:0}}
@keyframes bhkb{0%{transform:scale(1.02)}39%{transform:scale(1.14)}100%{transform:scale(1.14)}}
.bh-cap{position:absolute;right:12px;bottom:8px;display:flex;gap:8px;align-items:center;z-index:3}
.bh-ai{background:#000F22;color:var(--yel);border:1px solid var(--yel);font:800 .62rem ui-monospace,Menlo,monospace;letter-spacing:.08em;padding:2px 6px;text-transform:uppercase}
.bh-c{color:#fff;font:700 .68rem system-ui,Arial,sans-serif;text-shadow:0 1px 4px #000}
.bh-in{position:relative;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:26px}
.bh .brand .bh-mark{width:96px;height:auto}
.bh .tag{max-width:none}.bh .tag b{font-size:1.9rem;text-shadow:0 2px 10px #000}
.bh .tag .slogan{font-size:.9rem;color:#fff;font-weight:700;text-shadow:0 1px 6px #000}
.bh .tag .aihl{font-size:.9rem;text-shadow:0 1px 6px #000}
.bh .ind{color:#fff;text-shadow:0 1px 6px #000}
/* homepage (big) */
.bh-big .bh-in{flex-wrap:nowrap;gap:34px;min-height:460px;padding-top:36px;padding-bottom:48px}
.bh-logo{flex:0 0 330px;display:block}.bh-logo img{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 24px rgba(0,0,0,.6))}
.bh-txt{max-width:640px}
.bh-k{margin:0 0 8px;color:#fff;font:800 .8rem ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;border-left:5px solid var(--red);padding-left:10px}
.bh-h{margin:0 0 10px;font:400 clamp(2.2rem,5vw,3.9rem)/1 var(--hf);color:#fff;text-transform:uppercase;text-shadow:0 3px 22px #000}
.bh-s{margin:0 0 8px;font-size:1.15rem;font-weight:600;color:#fff;text-shadow:0 2px 10px #000}
.bh-y{margin:0 0 18px;font-size:1.35rem;font-weight:800;color:var(--yel);letter-spacing:.03em;text-shadow:0 2px 10px #000}
.bh-b{margin:0;display:flex;gap:10px;flex-wrap:wrap}
header.top:has(.bh-big)~.hero{min-height:380px}
@media (max-width:760px){
 .bh-big .bh-in{flex-direction:column;align-items:flex-start;gap:14px;min-height:0;padding-top:22px;padding-bottom:46px}
 .bh-logo{flex:none;width:200px}
 .bh-h{font-size:2.2rem}.bh-s{font-size:1rem}.bh-y{font-size:1.15rem;margin-bottom:14px}
 .bh .brand .bh-mark{width:64px}.bh .tag b{font-size:1.3rem}.bh .tag .slogan{font-size:.78rem}.bh .ind{display:none}
 .bh-in{padding-bottom:30px}.bh-c{font-size:.6rem}
}
@media (prefers-reduced-motion:reduce){.bh-sl,.bh-bg{animation:none!important}.bh-sl.s0{opacity:1}.bh-bg{transform:none}}

/* ===== Special Activities Division: its own unit look. Black/charcoal, night-vision green, olive, amber; red only for stamps. Logo + AI labels kept. ===== */
body.sad{--bg:#070807;--navy:#0d0f0b;--panel:#14170f;--red:#4d5a22;--red2:#3DFF6A;--org:#FFB000;--yel:#FFB000;--grn:#3DFF6A;--text:#E4EADB;--muted:#B5BEA6}
body.sad h2.bar{background:#14170f;color:#3DFF6A;border-left:6px solid #5b6b2a;border-bottom:2px solid #FFB000;font-family:ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}
body.sad h2.bar::before{content:"// "}
body.sad nav.tabs{background:#000;border-top:1px solid #2c3319}
body.sad nav.tabs a{border-right-color:#2c3319}
body.sad nav.tabs a.on{background:#3a4519;color:#fff}
body.sad .bh{border-bottom-color:#5b6b2a;background:#050605}
body.sad .bh-ov{background:linear-gradient(90deg,rgba(4,7,3,.92) 0%,rgba(4,7,3,.7) 45%,rgba(4,7,3,.5) 100%),linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.6) 100%)}
body.sad .bh-slides{filter:grayscale(.7) sepia(.5) hue-rotate(55deg) saturate(1.7) brightness(.85)}
body.sad .bh-ai,body.sad .aitag{background:#050605;color:#FFB000;border-color:#FFB000}
body.sad .btn{border-color:#FFB000;color:#FFB000}body.sad .btn:hover{background:#FFB000;color:#000}
body.sad .btn.red{background:#4d5a22;border-color:#4d5a22;color:#fff}
body.sad .hero{border-bottom:4px solid #5b6b2a}
body.sad .hero::before{background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.9) 100%),linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 65%)}
body.sad .hero h1{font-family:var(--hf);color:#E4EADB;text-shadow:0 0 18px rgba(61,255,106,.35),0 3px 18px #000}
body.sad .hero-sub{color:#FFB000;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase}
body.sad .hero-in{position:relative;z-index:2}
body.sad .sectionnote{background:#0b0d08;border:1px solid #5b6b2a;border-left:5px solid #FFB000}
body.sad .indep{color:#B5BEA6}
body.sad a{color:#FFB000}body.sad a:hover{color:#3DFF6A}
body.sad .pc{background:#0b0d08;border:1px solid #2c3319;border-top:4px solid #5b6b2a}
body.sad .pcb h3{color:#E4EADB}
body.sad .pcb .id{color:#3DFF6A}
body.sad .pcb .id::before{content:"MISSION // ";color:#8b9a52}
body.sad .pcb .one{color:#E4C06A}
body.sad .pcb::after{content:"OPERATIVE: UAP AMERICA DESK";font:700 .64rem ui-monospace,Menlo,monospace;letter-spacing:.1em;color:#8b9a52;margin-top:4px}
body.sad .pci{position:relative;overflow:hidden}
body.sad .pci img{filter:grayscale(.8) sepia(.5) hue-rotate(55deg) saturate(1.8) contrast(1.05)}
body.sad .pci::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px),linear-gradient(rgba(61,255,106,.12) 1px,transparent 1px) 0 0/100% 25%,linear-gradient(90deg,rgba(61,255,106,.12) 1px,transparent 1px) 0 0/20% 100%;border:1px solid rgba(61,255,106,.35)}
body.sad main{position:relative;isolation:isolate}
body.sad main::before{content:"";position:absolute;right:0;top:40px;width:min(520px,70%);aspect-ratio:850/570;background:url(/img/hero/logo-mark.webp) center/contain no-repeat;opacity:.07;z-index:-1;pointer-events:none}
body.sad footer{border-top-color:#5b6b2a}
/* HUD overlay (decorative, aria-hidden) */
.hud{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;font-family:ui-monospace,Menlo,Consolas,monospace}
.hud-tint{position:absolute;inset:0;background:rgba(30,80,20,.38);mix-blend-mode:multiply}
.hud-grid{position:absolute;inset:0;background:linear-gradient(rgba(61,255,106,.14) 1px,transparent 1px) 0 0/100% 64px,linear-gradient(90deg,rgba(61,255,106,.14) 1px,transparent 1px) 0 0/64px 100%}
.hud-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.32) 0 1px,transparent 1px 4px);animation:scan 9s linear infinite}
.hud-scan::after{content:"";position:absolute;left:0;right:0;height:90px;top:-90px;background:linear-gradient(180deg,transparent,rgba(61,255,106,.16),transparent);animation:scanbar 7s linear infinite}
@keyframes scanbar{to{top:100%}}@keyframes scan{to{background-position:0 8px}}
.hud-ret{position:absolute;right:6%;top:50%;width:min(340px,38vw);transform:translateY(-50%);opacity:.75;filter:drop-shadow(0 0 6px rgba(61,255,106,.6))}
.hud-sweep{transform-origin:100px 100px;animation:sweep 6s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}
.hud-c{position:absolute;width:26px;height:26px;border:2px solid #3DFF6A}
.hud-c.tl{left:12px;top:12px;border-right:0;border-bottom:0}.hud-c.tr{right:12px;top:12px;border-left:0;border-bottom:0}.hud-c.bl{left:12px;bottom:12px;border-right:0;border-top:0}.hud-c.br{right:12px;bottom:12px;border-left:0;border-top:0}
.hud-t{position:absolute;font-size:.7rem;font-weight:700;letter-spacing:.12em;color:#3DFF6A;text-shadow:0 0 6px rgba(61,255,106,.7),0 1px 3px #000}
.hud-t.t1{left:46px;top:16px}.hud-t.t2{right:46px;top:44px;color:#FFB000;text-shadow:0 1px 3px #000}.hud-t.t3{left:46px;bottom:16px}.hud-t b{color:#E4EADB}
.stamp{position:absolute;right:44px;bottom:34px;transform:rotate(-6deg);border:3px solid #C4222C;color:#C4222C;background:rgba(0,0,0,.45);font:900 1rem ui-monospace,Menlo,monospace;letter-spacing:.14em;padding:4px 12px;opacity:.92}
@media (max-width:760px){.hud-ret{right:-40px;width:220px;opacity:.5}.hud-t{font-size:.58rem;letter-spacing:.06em}.hud-t.t2{display:none}.hud-t.t1{left:42px;right:10px}.hud-t.t3{left:42px;right:10px;bottom:46px}.stamp{font-size:.72rem;right:14px;bottom:12px}}
@media (prefers-reduced-motion:reduce){.hud-scan,.hud-scan::after,.hud-sweep{animation:none!important}}
/* slightly lighter hero overlay */
.bh-ov{background:linear-gradient(90deg,rgba(0,15,34,.78) 0%,rgba(0,15,34,.5) 45%,rgba(0,15,34,.18) 100%),linear-gradient(180deg,rgba(0,15,34,.05) 0%,rgba(0,15,34,.5) 100%)}

/* SAD lore: banner, patches, roster. Images keep their own colors on this page. */
.sad-banner{background:#FFB000;color:#000;border-bottom:3px solid #000;font:800 .85rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.sad-banner .wrap{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding-top:8px;padding-bottom:8px}.sad-banner i{font-style:normal;opacity:.6}
.sad-banner .sb-s{margin-left:auto;font-weight:700;letter-spacing:.04em;text-transform:none}
body.sad .hero.sad-hero{background-size:cover;background-position:right center;min-height:500px}
body.sad .hud-tint{display:none}body.sad .hud-grid{opacity:.55}
body.sad .hud-ret{opacity:.6}
.sad-c{position:absolute;left:8px;bottom:8px;z-index:2;color:#fff;font:700 .68rem system-ui,Arial,sans-serif;text-shadow:0 1px 4px #000}
.lore{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:start;margin:0 0 10px}
.lore-t p{margin:0 0 12px}.lab{font-size:.68rem;letter-spacing:.12em;color:#8b9a52;text-transform:uppercase;font-weight:700}
.patches{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;position:relative;background:#0b0d08;border:1px solid #2c3319;padding:18px 14px 26px}
.patches figure{margin:0;text-align:center;width:30%;min-width:96px}.patches figcaption{font-size:.62rem;letter-spacing:.1em;color:#8b9a52;margin-top:4px}
.patch{width:100%;height:auto;display:block;font-family:ui-monospace,Menlo,Consolas,monospace;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7))}
.stamp-s{position:absolute;right:10px;top:-12px;bottom:auto;font-size:.7rem;padding:2px 8px;transform:rotate(-5deg);border-width:2px}
.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.op{background:#0b0d08;border:1px solid #2c3319;border-top:4px solid #5b6b2a;display:flex;flex-direction:column}
.op figure{position:relative;margin:0;aspect-ratio:1/1;overflow:hidden}.op figure img{width:100%;height:100%;object-fit:cover;display:block}
.op .aitag{top:8px;bottom:auto;right:8px;left:auto}
.opb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px}
.opb h3{margin:0 0 4px;font:400 2rem/1 var(--hf);color:#3DFF6A;letter-spacing:.04em}
.opb .role{margin:0;color:#FFB000;font-weight:800}.opb .one{margin:4px 0 6px;color:#E4EADB;font-size:.9rem}
.opp{display:flex;align-items:center;gap:10px;margin-top:auto}.opp .patch{width:46px;flex:none}
@media (max-width:1000px){.roster{grid-template-columns:repeat(2,1fr)}.lore{grid-template-columns:1fr}}
@media (max-width:600px){.roster{grid-template-columns:1fr}.sad-banner .sb-s{margin-left:0;width:100%}body.sad .hero.sad-hero{min-height:440px;background-position:72% center}.patches figure{width:44%}}
/* SAD hero tuning: keep the operative visible, headline on the left */
body.sad .hero.sad-hero::before{background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,0) 70%),linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.65) 100%)}
body.sad .sad-hero h1{font-size:clamp(2.6rem,6.2vw,5.2rem);max-width:10ch;line-height:.95}
body.sad .sad-hero .hud-ret{right:1.5%;top:56%;width:min(230px,28vw);opacity:.7}
body.sad .sad-hero .hud-t.t2{right:46px}
@media (max-width:760px){body.sad .sad-hero h1{font-size:2.6rem}body.sad .sad-hero .hud-ret{right:-30px;top:30%;width:150px;opacity:.5}}
@media (max-width:760px){body.sad .sad-hero .hero-in{padding-bottom:84px}}
/* slim header: show the subject of each slide, lighter overlay */
.bh:not(.bh-big) .bh-ov{background:linear-gradient(90deg,rgba(0,15,34,.82) 0%,rgba(0,15,34,.45) 40%,rgba(0,15,34,.12) 100%)}
.bh:not(.bh-big) .s0 .bh-bg{background-position:center 88%!important}
.bh:not(.bh-big) .s1 .bh-bg{background-position:center 12%!important}
.bh:not(.bh-big) .s2 .bh-bg{background-position:center 22%!important}
