/* Blackwater — a site within the site: crime-file theme */
#blackwater.bwx{--x-red:#d8252e;--x-red-2:#7a1015;--x-ink:#efe9e2;--x-dim:#a79c95;background:radial-gradient(ellipse at 50% 0,#2a0709 0,#0a0405 45%,#060304 100%);color:var(--x-ink);max-width:none;padding-top:0;position:relative;overflow:hidden}
#blackwater.bwx>*:not(.bwx-hero):not(.bwx-nav){max-width:1500px;margin-inline:auto}
#blackwater.bwx:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#ff00000a 3px 4px);z-index:0}

/* hero */
.bwx-hero{position:relative;margin:0 -5.6% 0;min-height:min(86svh,820px);display:grid;grid-template-rows:1fr auto;padding:clamp(70px,9vw,120px) 6% 34px;overflow:hidden;isolation:isolate;border-bottom:1px solid #d8252e55}
.bwx-bg{position:absolute;inset:-4%;z-index:-2;background:url('/assets/blackwater-baghdad-2004.jpg') center 40%/cover;filter:grayscale(1) contrast(1.35) brightness(.5);animation:bwx-drift 26s ease-in-out infinite alternate}
.bwx-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060304 4%,#06030400 45%),linear-gradient(90deg,#3a0508d9,#1a0204a0 55%,#06030455),#d8252e;mix-blend-mode:multiply}
@keyframes bwx-drift{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.12) translateX(-2%)}}
.bwx-scan{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#0000,#ff2a3a14 50%,#0000) 0 -100%/100% 30% no-repeat;animation:bwx-scan 5.5s linear infinite}
@keyframes bwx-scan{to{background-position:0 220%}}
.bwx-tape{position:absolute;left:-10%;right:-10%;z-index:1;height:38px;overflow:hidden;background:var(--x-red);color:#120203;box-shadow:0 8px 24px #000a;display:flex;align-items:center;pointer-events:none}
.bwx-tape div{display:flex;white-space:nowrap;font:700 14px Consolas,'Courier New',monospace;letter-spacing:3px;animation:bwx-tape 38s linear infinite}
.bwx-tape span{padding-inline-end:2px}
.bwx-tape-1{bottom:215px;transform:rotate(-4deg)}
.bwx-tape-2{bottom:170px;transform:rotate(2.5deg);background:#111;color:var(--x-red);border-block:1px solid #d8252e88}
.bwx-tape-2 div{animation-direction:reverse;animation-duration:46s}
@keyframes bwx-tape{to{transform:translateX(-50%)}}
html[dir=rtl] .bwx-tape div{animation-name:bwx-tape-rtl}
@keyframes bwx-tape-rtl{to{transform:translateX(50%)}}
.bwx-copy{position:relative;z-index:2;align-self:start}
.bwx-copy .screen-heading{margin:0;max-width:900px}
.bwx-copy .kicker{color:var(--x-red)!important;letter-spacing:3px}
.bwx-copy p{color:#e3d6cf!important;font-size:clamp(15px,1.3vw,19px);max-width:60ch;text-shadow:0 2px 10px #000}
.bwx-logo{position:relative;font-size:clamp(70px,13vw,220px)!important;line-height:.95!important;margin:14px 0 18px!important;color:#f6f0ea!important;letter-spacing:-1px;text-shadow:0 0 50px #d8252e66}
html[lang=en] .bwx-logo{font-family:var(--display)!important;text-transform:uppercase;letter-spacing:4px}
.bwx-logo:before,.bwx-logo:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}
.bwx-logo:before{color:var(--x-red);mix-blend-mode:screen;animation:bwx-g1 4s steps(1) infinite}
.bwx-logo:after{color:#3fe8ff;mix-blend-mode:screen;opacity:.7;animation:bwx-g2 4s steps(1) infinite}
@keyframes bwx-g1{0%,90%,100%{clip-path:inset(50% 0 50% 0)}91%{clip-path:inset(10% 0 62% 0);transform:translateX(-10px)}94%{clip-path:inset(58% 0 12% 0);transform:translateX(7px)}97%{clip-path:inset(30% 0 44% 0);transform:translateX(-4px)}}
@keyframes bwx-g2{0%,90%,100%{clip-path:inset(50% 0 50% 0)}91%{clip-path:inset(66% 0 4% 0);transform:translateX(9px)}94%{clip-path:inset(4% 0 74% 0);transform:translateX(-7px)}97%{clip-path:inset(46% 0 30% 0);transform:translateX(3px)}}
.bwx-stats{position:relative;z-index:2;margin-top:150px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #d8252e66;background:#0a0405b3;backdrop-filter:blur(6px)}
.bwx-stats div{padding:18px 20px;border-inline-start:1px solid #d8252e33;display:flex;flex-direction:column;gap:6px}
.bwx-stats b{font:700 clamp(40px,5vw,72px)/1 var(--display);color:var(--x-red);text-shadow:0 0 30px #d8252e55}
.bwx-stats span{font-size:13px;color:var(--x-dim);line-height:1.6}
.bwx-hero.is-in .bwx-stats div{animation:bwx-rise .7s cubic-bezier(.2,.8,.2,1) both}
.bwx-hero.is-in .bwx-stats div:nth-child(2){animation-delay:.12s}.bwx-hero.is-in .bwx-stats div:nth-child(3){animation-delay:.24s}.bwx-hero.is-in .bwx-stats div:nth-child(4){animation-delay:.36s}
.bwx-hero.is-in .bwx-logo{animation:bo-glitch 1s steps(1) both}
.bwx-hero.is-in .bwx-tape-1{animation:bwx-tape-in .8s .3s cubic-bezier(.2,.8,.2,1) both}
.bwx-hero.is-in .bwx-tape-2{animation:bwx-tape-in2 .8s .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes bwx-tape-in{from{transform:rotate(-4deg) translateX(-120%)}to{transform:rotate(-4deg)}}
@keyframes bwx-tape-in2{from{transform:rotate(2.5deg) translateX(120%)}to{transform:rotate(2.5deg)}}
@keyframes bwx-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* in-section nav */
.bwx-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:4px;margin:0 -5.6% 34px;padding:0 6%;background:#0b0405f2;border-bottom:1px solid #d8252e44;backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:none}
.bwx-nav-mark{font:700 12px Consolas,monospace;letter-spacing:3px;color:var(--x-red);margin-inline-end:18px;white-space:nowrap}
.bwx-nav a{display:flex;align-items:center;gap:8px;padding:16px 16px;color:var(--x-dim);text-decoration:none!important;white-space:nowrap;border-bottom:2px solid transparent;font-size:15px}
.bwx-nav a i{font:11px Consolas,monospace;color:#d8252e99;font-style:normal}
.bwx-nav a:hover,.bwx-nav a.is-on{color:var(--x-ink);border-bottom-color:var(--x-red)}

/* body */
#blackwater.bwx h2{color:var(--x-ink);position:relative;padding-inline-start:18px}
#blackwater.bwx h2:before{content:'';position:absolute;inset-inline-start:0;top:.25em;bottom:.25em;width:4px;background:var(--x-red);box-shadow:0 0 14px var(--x-red)}
html[lang=en] #blackwater.bwx h2{font-family:var(--display);text-transform:uppercase;letter-spacing:1px}
#blackwater.bwx .bwx-hero h1:before{display:block}
#blackwater.bwx .bw-intro{position:relative;z-index:1;padding:28px;background:linear-gradient(135deg,#140708,#0a0405);border:1px solid #d8252e33}
#blackwater.bwx .bw-intro figure img{filter:grayscale(.6) contrast(1.15) sepia(.3) hue-rotate(-20deg)}
#blackwater.bwx .bw-note{position:relative;z-index:1;background:#140708;border-inline-start:3px solid var(--x-red)}
#blackwater.bwx .bw-note>strong{color:var(--x-red)}
#blackwater.bwx a:not(.action){color:#ff6a6f}
#blackwater.bwx .bw-filters button{border-color:#d8252e44;color:var(--x-dim);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
#blackwater.bwx .bw-filters [aria-pressed=true]{background:var(--x-red);color:#120203;border-color:var(--x-red)}
.bwx-case{position:relative;z-index:1;margin-bottom:14px;padding:28px 28px!important;background:linear-gradient(90deg,#150708,#0b0506);border:1px solid #d8252e26!important;border-inline-start:4px solid #d8252e88!important;transition:border-color .3s,transform .3s}
.bwx-case:hover{border-color:#d8252e88!important;transform:translateX(calc(var(--bwx-dir,1) * 4px))}
html[dir=rtl] .bwx-case{--bwx-dir:-1}
.bwx-case.is-court{border-inline-start-color:var(--x-red)!important;box-shadow:inset 0 0 80px #d8252e14}
.bwx-case.is-court:after{content:'';position:absolute;top:18px;inset-inline-end:22px;width:84px;height:84px;border:2px solid #d8252e88;border-radius:50%;background:radial-gradient(circle,#0000 52%,#d8252e22 53%,#0000 60%);pointer-events:none}
.bwx-case .bw-record-date span{color:var(--x-red);font-family:Consolas,monospace;letter-spacing:3px}
.bwx-case .bw-record-date time{font:700 30px var(--display);color:var(--x-ink)}
.bwx-case .badge.court{background:var(--x-red);color:#120203;border-color:var(--x-red)}
.bwx-case .badge.disputed{border-color:#ff9a8a;color:#ffc6bd}
.bwx-case h3{color:#fff}
#blackwater.bwx .bw-videos button{background:#140708;border-color:#d8252e33;position:relative;overflow:hidden}
#blackwater.bwx .bw-videos button:before{content:'▶';position:absolute;inset-inline-end:22px;top:22px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--x-red);color:var(--x-red);border-radius:50%;font-size:14px}
#blackwater.bwx .bw-videos button:hover{border-color:var(--x-red)}
#blackwater.bwx .bw-archive-count,#blackwater.bwx .bw-card-tag{color:var(--x-red)}
#blackwater.bwx .bw-card-tag{background:var(--x-red);color:#120203}
#blackwater.bwx .bw-card{background:#0f0606;border-color:#d8252e22}
#blackwater.bwx .bw-card:hover{border-color:#d8252e99}
/* reveal */
.bwx-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.bwx-reveal.bwx-in{opacity:1;transform:none}
.bwx-case.bwx-reveal{transition-delay:calc(var(--i,0) * 60ms)}

@media(max-width:800px){
 .bwx-hero{margin:0 -5%;min-height:0;padding:56px 6% 0}
 .bwx-stats{grid-template-columns:1fr 1fr;margin:120px -6% 0}
 .bwx-stats div{padding:14px}
 .bwx-tape{height:30px}.bwx-tape div{font-size:12px}
 .bwx-tape-1{bottom:310px}.bwx-tape-2{bottom:272px}
 .bwx-stats{margin-top:150px!important}
 .bwx-nav{margin:0 -5% 24px}
 .bwx-case:after{display:none}
}
@media(prefers-reduced-motion:reduce){.bwx-bg,.bwx-scan,.bwx-tape div,.bwx-logo:before,.bwx-logo:after{animation:none!important}.bwx-reveal{opacity:1;transform:none}}
.motion-paused .bwx-bg,.motion-paused .bwx-scan,.motion-paused .bwx-tape div,.motion-paused .bwx-logo:before,.motion-paused .bwx-logo:after{animation:none!important}
.motion-paused .bwx-reveal{opacity:1;transform:none}

/* screening room */
.bwx-screening{position:relative;z-index:1;margin:22px 0 34px}
.bwx-screen-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1px solid #d8252e44;padding-bottom:12px;margin-bottom:18px}
.bwx-screen-head>span{font:700 12px Consolas,monospace;letter-spacing:3px;color:var(--x-red);white-space:nowrap}
.bwx-screen-head p{margin:0;color:var(--x-dim);font-size:14px}
.bwx-reels{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bwx-reel{display:flex;flex-direction:column;padding:0;text-align:start;background:#100607;border:1px solid #d8252e33;color:var(--x-ink);cursor:pointer;overflow:hidden;transition:border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.bwx-reel:hover,.bwx-reel:focus-visible{border-color:var(--x-red);transform:translateY(-5px);box-shadow:0 20px 50px #000c,0 0 40px #d8252e22}
.bwx-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000}
.bwx-thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(.75) contrast(1.2) brightness(.6) sepia(.25) hue-rotate(-20deg);transform:scale(1.03);transition:filter .5s,transform 1s}
.bwx-reel:hover .bwx-thumb img{filter:grayscale(.1) brightness(.85);transform:scale(1.08)}
.bwx-thumb:before{content:'';position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 2px,#0004 2px 3px),linear-gradient(0deg,#100607,#10060700 50%)}
.bwx-play{position:absolute;z-index:2;top:50%;left:50%;width:74px;height:74px;margin:-37px 0 0 -37px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--x-red);background:#0a0405b3;color:var(--x-red);font-style:normal;font-size:24px;padding-left:5px;box-shadow:0 0 0 0 #d8252e66;animation:bwx-ping 2.2s ease-out infinite}
@keyframes bwx-ping{0%{box-shadow:0 0 0 0 #d8252e77}100%{box-shadow:0 0 0 26px #d8252e00}}
.bwx-reel:hover .bwx-play{background:var(--x-red);color:#120203}
.bwx-reel-n{position:absolute;z-index:2;top:14px;left:14px;font:700 12px Consolas,monospace;letter-spacing:3px;color:#120203;background:#d9d4c3;padding:4px 10px;border-inline-start:5px solid var(--x-red)}
.bwx-thumb em{position:absolute;z-index:2;top:14px;right:14px;font-style:normal;font-size:12px;background:var(--x-red);color:#120203;padding:4px 10px}
.bwx-reel-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
.bwx-reel-body small{font:700 11px Consolas,monospace;letter-spacing:3px;color:var(--x-red)}
html[lang=ar] .bwx-reel-body small,html[dir=rtl] .bwx-reel-body small{font-family:var(--font);letter-spacing:0;font-size:13px}
.bwx-reel-body strong{font-size:22px;line-height:1.35}
html[lang=en] .bwx-reel-body strong{font-family:var(--display);text-transform:uppercase;font-size:25px}
.bwx-reel-body>span{font-size:14px;line-height:1.8;color:#d6cbc4}
.bwx-reel-body .bwx-reel-meta{font-size:12px;color:var(--x-dim);border-top:1px solid #d8252e26;padding-top:10px;margin-top:4px}
.bwx-sub-label{position:relative;z-index:1;font-size:13px;color:var(--x-dim);margin:0 0 -8px}
/* player */
.bwx-player{width:min(1100px,94vw);max-width:none;padding:0;border:1px solid #d8252e66;background:#0a0405;color:#efe9e2;box-shadow:0 40px 120px #000}
.bwx-player::backdrop{background:#050102e6;backdrop-filter:blur(6px)}
.bwx-player[open]{animation:bwx-open .45s cubic-bezier(.2,.8,.2,1)}
@keyframes bwx-open{from{opacity:0;transform:scale(.94);clip-path:inset(48% 0 48% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
.bwx-player-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #d8252e44}
.bwx-player-n{font:700 12px Consolas,monospace;letter-spacing:3px;color:#d8252e}
.bwx-player-title{flex:1;font-size:16px}
.bwx-player-x{width:40px;height:40px;background:none;border:1px solid #efe9e244;color:#efe9e2;font-size:24px;cursor:pointer}
.bwx-player-x:hover{border-color:#d8252e;color:#d8252e}
.bwx-player-frame{position:relative;aspect-ratio:16/9;background:#000}
.bwx-player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bwx-player-warn{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:8%;text-align:center;background:repeating-linear-gradient(-45deg,#0000 0 22px,#d8252e0d 22px 44px),#0a0405}
.bwx-player-warn[hidden]{display:none}
.bwx-player-warn b{font-size:22px;color:#d8252e}
.bwx-player-warn p{max-width:60ch;color:#d6cbc4;line-height:1.9;margin:0}
.bwx-player-warn div{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.bwx-go{background:#d8252e;color:#120203;border:0;padding:12px 22px;font:700 15px var(--font);cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.bwx-out{color:#efe9e2;border:1px solid #efe9e255;padding:11px 18px;text-decoration:none}
@media(max-width:800px){.bwx-reels{grid-template-columns:1fr}.bwx-screen-head{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.bwx-play,.bwx-player[open]{animation:none}}
.motion-paused .bwx-play{animation:none}
.bwx-thumb{background:repeating-linear-gradient(-45deg,#0000 0 18px,#d8252e12 18px 36px),radial-gradient(ellipse at center,#2a0a0c,#060203)}
.bwx-player-frame:has(.bwx-player-warn:not([hidden])){aspect-ratio:auto;min-height:max(340px,min(56vw,560px))}
@media(max-width:800px){.bwx-player-bar{flex-wrap:wrap}.bwx-player-title{order:3;flex-basis:100%;font-size:15px}.bwx-player-n{flex:1}.bwx-player-warn{padding:30px 20px}}

/* logo v2 */
.bwx-copy .screen-heading{max-width:none!important}
.bwx-logo{display:inline-block;white-space:nowrap;font-size:clamp(58px,10vw,190px)!important;line-height:1.12!important;padding:.06em .04em .12em;overflow:visible;isolation:isolate}
.bwx-emblem{position:absolute;z-index:-1;top:50%;left:50%;width:min(1100px,96vw);aspect-ratio:1170/560;transform:translate(-50%,-50%);background:url('/assets/bw-logo-shirt.jpg') center/cover no-repeat;opacity:.38;filter:grayscale(.2) contrast(1.25) brightness(.9);mix-blend-mode:screen;
 -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);pointer-events:none}
.bwx-emblem-wrap{position:relative;display:inline-block}
.bwx-emblem-credit{display:block;font:11px Consolas,monospace;letter-spacing:2px;color:#a79c95;margin:-6px 0 14px}
@media(max-width:800px){.bwx-logo{font-size:clamp(48px,15vw,90px)!important}.bwx-emblem{width:120vw}}
.bwx-hero.is-in .bwx-emblem{animation:bwx-emblem-in 1.4s .2s cubic-bezier(.2,.8,.2,1) both}
@keyframes bwx-emblem-in{0%{opacity:0;transform:translate(-50%,-50%) scale(1.25);filter:blur(12px)}100%{opacity:.38;transform:translate(-50%,-50%);filter:grayscale(.2) contrast(1.25) brightness(.9)}}
html[dir=rtl] .bwx-emblem-credit{font:12px var(--font);letter-spacing:0}