:root{--bg:#050505;--paper:#f2eee7;--muted:#aaa69f;--panel:#0d0d0d;--line:rgba(242,238,231,.16);--signal:#ff2f92;--mono:"IBM Plex Mono",ui-monospace,monospace;--display:"Bricolage Grotesque",Inter,system-ui,sans-serif;--body:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--paper);font-family:var(--body)}body:before{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.035;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.22) 4px)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.header{position:sticky;top:0;z-index:50;border-top:4px solid var(--signal);border-bottom:1px solid var(--line);background:rgba(5,5,5,.88);backdrop-filter:blur(17px)}.header-in{width:min(1180px,calc(100% - 30px));min-height:66px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.wordmark{font:800 16px/1 var(--display);letter-spacing:-.035em;text-transform:uppercase}.back,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 13px;border:1px solid var(--line);background:#090909;font:700 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}.back:hover,.btn:hover{border-color:var(--signal);color:var(--signal)}.btn.primary{background:var(--signal);border-color:var(--signal);color:#050505}.main{width:min(1180px,calc(100% - 30px));margin:auto;padding:28px 0 90px}.file-label{margin:0 0 12px;font:600 9px/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--signal)}.player{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);background:#000;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);box-shadow:0 30px 90px rgba(0,0,0,.45)}.player:before{content:"UNAUTHORIZED TRANSMISSION / PLAYBACK";position:absolute;z-index:2;left:12px;top:12px;padding:6px 8px;background:var(--signal);color:#050505;font:700 8px/1 var(--mono);letter-spacing:.1em}.player iframe{width:100%;height:100%;border:0}.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-top:16px}.visual,.copy,.log{overflow:hidden;border:1px solid var(--line);background:var(--panel);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.visual{position:relative;min-height:430px}.visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.74) contrast(1.08)}.visual:before{content:"PROJECT EVIDENCE / DJSG";position:absolute;z-index:2;left:13px;bottom:12px;padding:6px 8px;background:rgba(5,5,5,.76);font:600 8px/1 var(--mono);letter-spacing:.1em}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(5,5,5,.68))}.copy{padding:clamp(24px,4.5vw,52px);display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font:600 9px/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--signal)}h1{max-width:100%;margin:16px 0 7px;font:800 clamp(50px,8vw,100px)/.82 var(--display);letter-spacing:-.075em;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance}h2{max-width:100%;margin:0;color:var(--signal);font:700 clamp(22px,3vw,35px)/1 var(--display);letter-spacing:-.04em;overflow-wrap:anywhere}.summary{font-size:18px;line-height:1.6;color:#d3cfc7}.meta,.actions{display:flex;flex-wrap:wrap;gap:8px}.meta span{padding:7px 9px;border:1px solid var(--line);font:600 8px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#aaa69f}.actions{margin-top:24px}.story{display:grid;gap:12px;margin-top:16px;counter-reset:log}.log{position:relative;padding:26px 28px 27px 92px;counter-increment:log}.log:before{content:"LOG " counter(log,decimal-leading-zero);position:absolute;left:22px;top:28px;font:700 9px/1 var(--mono);letter-spacing:.12em;color:var(--signal)}.log p{margin:0;color:#d8d4cc;font-size:clamp(16px,2vw,20px);line-height:1.7}.more-head{margin:58px 0 18px}.more-head p{margin:0;font:600 9px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}.more-head h3{max-width:100%;margin:8px 0 0;font:800 clamp(38px,6vw,72px)/.86 var(--display);letter-spacing:-.065em;text-transform:uppercase;overflow-wrap:anywhere}.more{display:grid;grid-auto-flow:column;grid-auto-columns:min(76vw,360px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px;scrollbar-width:none}.more::-webkit-scrollbar{display:none}.mini{scroll-snap-align:start;min-height:205px;padding:22px;border:1px solid var(--line);background:#0b0b0b;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.mini:hover{border-color:var(--signal)}.mini p{margin:0;font:600 8px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.mini h4{max-width:100%;margin:45px 0 0;font:750 28px/.95 var(--display);letter-spacing:-.045em;text-transform:uppercase;overflow-wrap:anywhere}@media(max-width:850px){.intro{grid-template-columns:1fr}.visual{min-height:340px}.copy{padding:28px 23px}.log{padding:72px 22px 24px}.log:before{left:22px;top:23px}.header-in{min-height:60px}.back{font-size:8px;padding:0 10px}.player{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}}@media(max-width:560px){.main{width:calc(100% - 24px);padding-top:16px}.header-in{width:calc(100% - 24px)}.wordmark{font-size:14px}h1{font-size:clamp(42px,13vw,62px);line-height:.84;overflow-wrap:anywhere}h2{font-size:clamp(20px,7vw,29px)}.summary{font-size:15px}.visual{min-height:280px}.actions{display:grid}.btn{width:100%}.more{grid-auto-columns:82vw}.more-head h3{font-size:clamp(36px,12vw,55px)}}