:root{--ink:#0d0d0d;--ink-soft:#232019;--paper:#f3ecda;--paper-dim:#e7ddc3;--paper-line:#0d0d0d2e;--redact:#b3140c;--redact-dark:#7c0d08;--grey:#8a8677}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Work Sans,sans-serif}.display{font-family:Alfa Slab One,serif}.type{letter-spacing:.02em;font-family:Special Elite,monospace}a{color:inherit}.grain{position:relative}.grain:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:radial-gradient(#0000000f 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}nav{z-index:50;background:var(--ink);border-bottom:3px solid var(--paper);align-items:center;gap:2px;padding:8px 18px;display:flex;position:sticky;top:0}nav .brand{align-items:center;gap:12px;margin-right:22px;display:flex}nav .brandmark{border:2px solid var(--paper);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden}nav .brandmark img{object-fit:cover;width:100%;height:100%;display:block}nav .brand-name{letter-spacing:.06em;text-transform:uppercase;color:var(--paper);white-space:nowrap;font-family:Special Elite,monospace;font-size:13px}@media (max-width:640px){nav .brand-name{display:none}}nav .tabs{flex-wrap:wrap;gap:2px;display:flex}nav .tab{letter-spacing:.08em;text-transform:uppercase;color:var(--paper);border-left:1px solid #f3ecda26;padding:14px 16px;font-family:Special Elite,monospace;font-size:12px;text-decoration:none;transition:background .15s,color .15s}nav .tab:hover{background:var(--paper);color:var(--ink)}nav .case-no{color:var(--grey);white-space:nowrap;margin-left:auto;padding:14px 4px;font-family:Special Elite,monospace;font-size:11px}@media (max-width:640px){nav{flex-wrap:nowrap}nav .tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}nav .tabs::-webkit-scrollbar{display:none}nav .tab{flex-shrink:0;padding:14px 12px}nav .case-no{display:none}}header.hero{text-align:center;flex-direction:column;align-items:center;padding:64px 18px 90px;display:flex;position:relative;overflow:hidden}.evidence{background:var(--paper);color:var(--ink);max-width:300px;margin:0;padding:18px 18px 26px;position:relative;transform:rotate(-2.2deg);box-shadow:0 18px 40px #00000073}.evidence:after{content:"";border:5px solid #b9bcc2;border-bottom:none;border-radius:14px 14px 0 0/20px 20px 0 0;width:26px;height:46px;position:absolute;top:-16px;left:26px;transform:rotate(-8deg);box-shadow:0 2px 3px #00000059}.evidence img{filter:grayscale(85%)contrast(1.08);outline:1px solid var(--paper-line);border:6px solid #fff;width:100%;height:auto;display:block}.evidence figcaption{letter-spacing:.03em;color:var(--ink-soft);text-align:left;margin-top:10px;font-family:Special Elite,monospace;font-size:11px}.stamp{color:var(--redact);border:3px solid var(--redact);letter-spacing:.05em;white-space:nowrap;z-index:2;background:#f3ecdaf2;padding:5px 9px;font-family:Special Elite,monospace;font-size:13px;font-weight:700;position:absolute;top:10px;right:10px;transform:rotate(11deg)}h1.title{letter-spacing:.01em;margin:38px 0 6px;font-size:clamp(34px,8vw,74px);line-height:.98}p.tagline{color:#cfc9b4;max-width:520px;margin:0 0 30px;font-size:14.5px;line-height:1.7}.cta-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn{letter-spacing:.05em;text-transform:uppercase;border:2px solid var(--paper);color:var(--paper);cursor:pointer;background:0 0;padding:14px 24px;font-family:Special Elite,monospace;font-size:13px;text-decoration:none;transition:transform .12s,background .15s,color .15s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--redact);border-color:var(--redact);color:var(--paper)}.btn.primary:hover{background:var(--redact-dark)}.redact-bar{background:var(--ink);border-top:1px solid #f3ecda1f;border-bottom:1px solid #f3ecda1f;height:34px;position:relative;overflow:hidden}.redact-bar .fill{letter-spacing:.35em;text-transform:uppercase;color:#050505;background:#050505;justify-content:center;align-items:center;font-family:Special Elite,monospace;font-size:11px;transition:color .35s;display:flex;position:absolute;inset:0}.redact-bar:hover .fill{color:#6f6a5a}section{padding:70px 18px}.section-head{max-width:900px;margin:0 auto 40px}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--redact);font-family:Special Elite,monospace;font-size:11px}.section-head h2{margin:8px 0;font-size:clamp(26px,4.4vw,40px)}.section-head p{color:#a9a48f;max-width:520px;font-family:Special Elite,monospace;font-size:13px;line-height:1.6}section#live{background:var(--ink)}.live-grid{grid-template-columns:1.1fr 1.4fr 1fr;gap:18px;max-width:1100px;margin:0 auto;display:grid}@media (max-width:880px){.live-grid{grid-template-columns:1fr}}.panel{background:var(--ink-soft);border:1px solid #f3ecda24;padding:20px}.panel h3{letter-spacing:.1em;text-transform:uppercase;color:#cfc9b4;justify-content:space-between;align-items:center;margin:0 0 14px;font-family:Special Elite,monospace;font-size:12px;display:flex}.pill{letter-spacing:.08em;color:#a9a48f;background:#3a382f;border-radius:20px;padding:3px 8px;font-family:Special Elite,monospace;font-size:10px}.pill.on{background:var(--redact);color:var(--paper);animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.platter{flex-direction:column;align-items:center;gap:16px;padding:10px 0 4px;display:flex}.platter-inner{position:relative}.vinyl{background:repeating-radial-gradient(circle,#111 0 2px,#1c1c1c 3px 4px);border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;animation:3.5s linear infinite paused spin;display:flex;position:relative;box-shadow:0 10px 24px #00000080}.vinyl.playing{animation-play-state:running}.vinyl:after{content:"";background:var(--redact);border:3px solid var(--paper);border-radius:50%;width:44px;height:44px}@keyframes spin{to{transform:rotate(360deg)}}.tonearm{transform-origin:100%;background:#c9c5b4;border-radius:3px;width:70px;height:5px;transition:transform .4s;position:absolute;top:-14px;right:6px;transform:rotate(-32deg)}.tonearm:after{content:"";background:#c9c5b4;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-5px}.tonearm.playing{transform:rotate(-8deg)}.play-btn{letter-spacing:.05em;text-transform:uppercase;background:var(--redact);color:var(--paper);cursor:pointer;border:none;padding:10px 20px;font-family:Special Elite,monospace;font-size:12px}.play-btn:hover{background:var(--redact-dark)}.stream-note{color:#847f6d;text-align:center;font-family:Special Elite,monospace;font-size:11px}.cctv-wrap{aspect-ratio:4/3;background:#000;border:1px solid #f3ecda24;position:relative;overflow:hidden}.cctv-wrap:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#ffffff0d 0,#0000 1px 3px);position:absolute;inset:0}.cctv-embed{border:none;width:100%;height:100%;display:block}.cctv-wrap .rec{z-index:2;color:#e34b40;align-items:center;gap:5px;font-family:Special Elite,monospace;font-size:10px;display:flex;position:absolute;top:8px;left:8px}.cctv-wrap .dot{background:#e34b40;border-radius:50%;width:6px;height:6px;animation:1s infinite pulse}.chat-embed{border:1px solid #f3ecda24;overflow:hidden}.chat-embed iframe{border:none;width:100%;height:480px;display:block}section#playlist{background:var(--ink)}.playlist-embed{border:1px solid #f3ecda24;border-radius:12px;max-width:700px;margin:0 auto;overflow:hidden}.playlist-embed iframe{border:none;width:100%;display:block}.playlist-toggle{gap:2px;max-width:700px;margin:0 auto 14px;display:flex}.playlist-toggle-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #f3ecda40;padding:8px 16px;font-family:Special Elite,monospace;font-size:11px;transition:background .15s,color .15s,border-color .15s}.playlist-toggle-btn:hover{background:#f3ecda14}.playlist-toggle-btn.active{background:var(--redact);border-color:var(--redact);color:var(--paper)}section#dossier{background:var(--paper);color:var(--ink)}section#dossier .eyebrow{color:var(--redact-dark)}section#dossier .section-head p{color:var(--ink-soft);opacity:.75}.case-list{border-top:1px solid var(--paper-line);max-width:900px;margin:0 auto}.case-row{border-bottom:1px solid var(--paper-line);grid-template-columns:120px 1fr auto auto;align-items:center;gap:18px;padding:20px 4px;display:grid}@media (max-width:700px){.case-row{grid-template-columns:1fr;gap:6px}}.case-row .num{color:var(--redact-dark);font-family:Special Elite,monospace;font-size:12px}.case-row .what b{font-size:16px;font-weight:600;display:block}.case-row .what span{color:#6b6656;font-family:Special Elite,monospace;font-size:11.5px}.stamp-mini{letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--redact);color:var(--redact);white-space:nowrap;justify-self:start;padding:4px 9px;font-family:Special Elite,monospace;font-size:10px;transform:rotate(-4deg)}.stamp-mini.pending{color:#8a8677;border-color:#8a8677}.case-row a.open,.case-row span.open{color:var(--ink);border-bottom:1px solid var(--ink);white-space:nowrap;font-family:Special Elite,monospace;font-size:11px;text-decoration:none}.case-row span.open.muted{color:#8a8677;border-bottom-color:#c9c3ac}section#bewijs{background:var(--ink)}.board{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 26px;max-width:1000px;margin:0 auto;display:grid}.polaroid{color:#1a1a1a;cursor:default;background:#efe9da;padding:10px 10px 26px;font-family:Special Elite,monospace;transition:transform .2s;box-shadow:0 10px 20px #0006}.polaroid:nth-child(odd){transform:rotate(-4deg)}.polaroid:nth-child(2n){transform:rotate(3deg)}.polaroid:hover{z-index:2;position:relative;transform:scale(1.06)rotate(0)}.polaroid .frame{aspect-ratio:1;background:linear-gradient(135deg,#2b2b2b,#0e0e0e);justify-content:center;align-items:center;font-size:26px;display:flex}.polaroid .cap{text-align:center;letter-spacing:.03em;margin-top:8px;font-size:10px}footer{text-align:center;border-top:3px solid var(--paper);background:#050505;padding:60px 18px 40px}footer .eyebrow{color:var(--redact)}footer h2{margin:8px 0 20px;font-family:Alfa Slab One,serif;font-size:clamp(24px,4vw,34px)}.tip-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:26px;display:flex}footer .fine{color:#5c5847;font-family:Special Elite,monospace;font-size:10.5px}.admin-login{background:var(--paper);min-height:100vh;color:var(--ink);justify-content:center;align-items:center;padding:24px;display:flex}.admin-login-box{border:1px solid var(--paper-line);background:#fff;width:100%;max-width:360px;padding:32px;box-shadow:0 18px 40px #00000026}.admin-login-box h1{margin:8px 0 4px;font-size:30px}.admin-login-box p{color:#6b6656;margin:0 0 20px}.admin-error{color:var(--redact-dark);margin-top:12px;font-family:Special Elite,monospace;font-size:12px}.admin-shell{background:var(--paper);min-height:100vh;color:var(--ink);padding:40px 20px 80px}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;max-width:900px;margin:0 auto 32px;display:flex}.admin-back{color:#6b6656;margin-bottom:10px;font-family:Special Elite,monospace;font-size:11px;text-decoration:none;display:block}.admin-header h1{margin:6px 0 0;font-size:28px}.admin-manager{flex-direction:column;gap:28px;max-width:900px;margin:0 auto;display:flex}.admin-card{border:1px solid var(--paper-line);background:#fff;padding:22px}.admin-card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--redact-dark);margin:0 0 16px;font-family:Special Elite,monospace;font-size:13px}.admin-form{flex-direction:column;gap:10px;display:flex}.admin-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-form-grid button{grid-column:1/-1;justify-self:start}@media (max-width:560px){.admin-form-grid{grid-template-columns:1fr}}.admin-form input,.admin-form select{background:var(--paper);color:var(--ink);border:1px solid #cfc7ab;padding:10px 12px;font-family:Work Sans,sans-serif;font-size:13.5px}.admin-form input:focus,.admin-form select:focus{outline:2px solid var(--redact);outline-offset:1px}.admin-list{flex-direction:column;gap:10px;display:flex}.admin-row{border-bottom:1px solid var(--paper-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 4px;display:flex}.admin-row b{font-size:15px;display:block}.admin-row span{color:#6b6656;font-family:Special Elite,monospace;font-size:11px}.admin-row-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-row-actions .btn,.admin-row-edit .btn{color:var(--ink);border-color:var(--ink);padding:8px 14px;font-size:11px}.admin-row-actions .btn.primary,.admin-row-edit .btn.primary{color:var(--paper)}.admin-row-edit{background:var(--paper-dim);border:1px dashed var(--redact-dark);padding:14px}section#fotos{background:var(--ink)}.photo-empty{text-align:center;color:#a9a48f}.photo-board{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px 30px;max-width:1100px;margin:0 auto;display:grid}.photo-tile{background:#efe9da;padding:10px;transition:transform .2s;box-shadow:0 10px 20px #0006}.photo-tile:nth-child(odd){transform:rotate(-2deg)}.photo-tile:nth-child(2n){transform:rotate(2deg)}.photo-tile:hover{z-index:2;position:relative;transform:scale(1.04)rotate(0)}.photo-tile img{aspect-ratio:4/3;object-fit:cover;filter:grayscale(15%)contrast(1.05);width:100%;display:block}.admin-manager-spaced{margin-top:0}.admin-upload-form{flex-flow:wrap;align-items:center;margin-bottom:20px}.admin-upload-form input[type=file]{background:var(--paper);min-width:200px;color:var(--ink);border:1px solid #cfc7ab;flex:1;padding:8px;font-family:Work Sans,sans-serif;font-size:13px}.admin-photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.admin-photo-tile{border:1px solid var(--paper-line);flex-direction:column;gap:8px;padding:8px;display:flex}.admin-photo-tile img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.admin-photo-tile .btn{text-align:center;width:100%}