/* Mizrahi-Tfahot Investigation — shared styles.
   Layout follows the Case File sister site: header + nav, hero, latest, articles, fields, record.
   Every section floats directly over its own full-screen film loop (bank → gate → barrack → fence). */
:root{
  --bg:#0b0e13; --ink:#f1efea; --soft:#c9c6c0; --muted:#9a978f; --line:rgba(255,255,255,.16);
  --red:#d6202f;
  --display:"Frank Ruhl Libre","David",Georgia,serif;
  --body:"Heebo","Assistant","Segoe UI",Arial,sans-serif;
  color-scheme:dark;
}
html[lang=ar]{--display:"Noto Naskh Arabic",serif;--body:"Noto Sans Arabic",Arial,sans-serif}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;overflow-x:clip;background:transparent;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;text-shadow:0 1px 14px rgba(0,0,0,.55)}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.15;text-wrap:balance}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.label{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.label.red{color:var(--red)}

/* ---------- film background (fixed, 3D parallax) ---------- */
.film{position:fixed;inset:-4%;z-index:-2;perspective:900px;pointer-events:none}
.film .plane{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease}
.film video.on{opacity:1}
.scrim{position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(to left,rgba(6,8,12,.82) 0%,rgba(6,8,12,.62) 42%,rgba(6,8,12,.28) 100%),
  linear-gradient(to top,rgba(6,8,12,.7),rgba(6,8,12,0) 40%)}
html[dir=ltr] .scrim{background:linear-gradient(to right,rgba(6,8,12,.82) 0%,rgba(6,8,12,.62) 42%,rgba(6,8,12,.28) 100%),linear-gradient(to top,rgba(6,8,12,.7),rgba(6,8,12,0) 40%)}
#snow{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}

/* ---------- header ---------- */
.wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
header.site{position:relative;z-index:5}
.brandbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-block:22px 18px;border-bottom:1px solid var(--line)}
.brand{text-decoration:none;display:flex;flex-direction:column;gap:4px}
.brand b{font-family:var(--display);font-size:clamp(22px,2.4vw,28px);font-weight:900;line-height:1}
.brand span{font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--soft)}
.langs{display:flex;flex-wrap:wrap;gap:8px}
.langs a{font-size:13.5px;text-decoration:none;padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--soft);background:rgba(6,8,12,.35)}
.langs a[aria-current]{border-color:var(--red);color:#fff}
.langs a.soon{opacity:.45;pointer-events:none}
.navbar{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line)}
.navbar nav{display:flex;gap:clamp(14px,2.4vw,30px);overflow-x:auto;scrollbar-width:none;min-width:0}
.navbar nav a{font-size:15px;font-weight:600;text-decoration:none;color:var(--soft);padding-block:14px;border-bottom:2px solid transparent;white-space:nowrap}
.navbar nav a:hover{color:#fff}
.navbar nav a[aria-current]{color:#fff;border-bottom-color:var(--red)}
.search{font-size:15px;font-weight:600;color:var(--soft);text-decoration:none;white-space:nowrap}
@media (max-width:720px){.search{display:none}}

/* ---------- sections ---------- */
section.panel{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(70px,12vh,140px)}
section.hero{min-height:calc(100svh - 130px);padding-block:clamp(50px,10vh,120px)}
.num{display:block;margin-bottom:14px}

.hero h1{font-family:var(--display);font-weight:900;font-size:clamp(44px,6.6vw,86px);display:flex;flex-wrap:wrap;align-items:baseline;gap:.25em}
.hero h1 .sep{color:var(--red);font-weight:400}
.hero h1 .light{font-weight:400;color:#e2e0db}
.hero .kicker{font-family:var(--display);color:var(--red);font-size:clamp(26px,3vw,36px);margin-top:14px;line-height:1.2}
.hero .sub{font-family:var(--display);font-size:clamp(20px,2vw,25px);color:#e8e5df;margin-top:6px}
.hero p{font-family:var(--display);font-size:clamp(18px,1.7vw,21px);line-height:1.75;color:#e4e1db;max-width:58ch;margin:22px 0 0}
.cue{margin-top:40px;font-size:12px;letter-spacing:.2em;color:var(--muted)}

/* latest (featured) */
.latest{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);border:1px solid var(--line);background:rgba(6,8,12,.28)}
.latest .main{padding:clamp(26px,4vw,56px);display:flex;flex-direction:column;gap:16px;min-width:0}
.latest h2{font-size:clamp(30px,3.6vw,48px);font-weight:800}
.latest .date{font-size:13px;color:var(--soft)}
.latest .desc{margin:0;color:#dedbd5;max-width:56ch}
.latest .side{border-inline-start:1px solid var(--line);padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-width:0}
.latest .side .mark{font-family:var(--display);font-size:clamp(26px,2.6vw,34px);font-weight:900}
.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:8px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:1px solid var(--red);text-decoration:none;font-weight:700;font-size:15px;transition:background .2s}
.btn:hover{background:var(--red)}
.link{font-weight:700;font-size:15px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.link:hover{color:var(--red)}
@media (max-width:860px){.latest{grid-template-columns:1fr}.latest .side{border-inline-start:0;border-top:1px solid var(--line)}}

/* article list */
.h-sec{font-family:var(--display);font-size:clamp(30px,3.4vw,44px);font-weight:800;margin-bottom:26px}
.list{display:flex;flex-direction:column;gap:16px}
.item{display:flex;flex-direction:column;gap:8px;padding:clamp(20px,2.6vw,30px) clamp(20px,3vw,36px);border:1px solid var(--line);border-inline-start:3px solid var(--red);background:rgba(6,8,12,.26);text-decoration:none;transition:background .25s}
.item:hover{background:rgba(6,8,12,.5)}
.item h3{font-size:clamp(22px,2.3vw,30px);font-weight:800}
.item .date{font-size:13px;color:var(--soft)}
.item p{margin:0;color:#dcd9d3;max-width:72ch}
.item .link{align-self:flex-start;margin-top:6px}
.draft{font-size:11px;font-weight:700;letter-spacing:.1em;color:#fff;background:var(--red);padding:2px 7px;margin-inline-start:10px;vertical-align:middle;text-shadow:none}
.all{margin-top:26px;align-self:flex-start}

/* legal fields */
.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.field{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.6vw,34px);border:1px solid var(--line);background:rgba(6,8,12,.3);min-width:0}
.field .n{font-family:var(--display);color:var(--red);font-size:24px;font-weight:700}
.field h3{font-size:clamp(23px,2.2vw,28px);font-weight:800}
.field p{margin:0;color:#d6d3cd;font-size:16px}
.field .count{font-size:12.5px;font-weight:700;letter-spacing:.12em;color:var(--soft);margin-top:4px}
.field .link{align-self:flex-start;margin-top:auto}
@media (max-width:900px){.fields{grid-template-columns:1fr}}

.record{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.record > div{padding:clamp(22px,2.6vw,34px);border:1px solid var(--line);background:rgba(6,8,12,.3);display:flex;flex-direction:column;gap:12px;min-width:0}
.record h3{font-family:var(--display);font-size:clamp(24px,2.4vw,32px);font-weight:800}
.record p{margin:0;color:#d6d3cd}
.record .link{align-self:flex-start}
@media (max-width:860px){.record{grid-template-columns:1fr}}

footer.site{border-top:1px solid var(--line);background:rgba(6,8,12,.6);padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));color:var(--soft);font-size:14px}
footer.site .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer.site p{margin:0;max-width:80ch}

@media (prefers-reduced-motion:reduce){.film video{transition:none}}