.obk .chs{padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(64px,8vw,120px);background:#0B0B0B;border-top:2px solid #1E1E1E;border-bottom:2px solid #1E1E1E}
.obk .sec-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:40px}
.obk .sec-h > p{max-width:340px;color:var(--bone2);line-height:1.5}
.obk .chs-row{display:flex;flex-wrap:wrap;gap:32px;align-items:stretch}
.obk .tv{flex:999 1 560px;min-width:0;background:#1A1A1A;border-radius:34px;padding:clamp(12px,2.4vw,32px);box-shadow:inset 0 0 0 2px #2C2C2C,0 40px 80px rgba(0,0,0,.6)}
.obk .screen{position:relative;aspect-ratio:16/10;border-radius:46px/38px;overflow:hidden;background:#0A0A0A;box-shadow:inset 0 0 80px rgba(0,0,0,.9);animation:ob-flick 4s infinite}
@media (max-width:749px){.obk .screen{aspect-ratio:4/5;border-radius:30px/24px}}
.obk .ch{position:absolute;inset:0;display:none;flex-direction:column;justify-content:space-between;padding:clamp(20px,4vw,56px)}
.obk .ch.on{display:flex}
.obk .ch-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.obk .ch > *:not(.ch-bg){position:relative}
.obk .ch-top,.obk .ch-bot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.obk .osd{font-family:'VT323',monospace;font-size:clamp(26px,3vw,44px);color:#4BFF7A;text-shadow:0 0 12px rgba(75,255,122,.7)}
.obk .ch-t{font-family:'Anton',Impact,sans-serif;font-size:clamp(48px,8.5vw,150px);line-height:.85;text-transform:uppercase;text-shadow:-3px 0 rgba(255,45,32,.8),3px 0 rgba(0,229,255,.6);white-space:pre-line}
.obk .ch-b{max-width:460px;font-size:clamp(14px,1.3vw,19px);line-height:1.45;color:#DDD9D1;margin-top:14px}
.obk .tune{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--bone);padding:14px 18px;text-decoration:none}
.obk .static{position:absolute;inset:0;background:#888;display:none;z-index:2}
.obk .static.on{display:block}
.obk .static svg{width:100%;height:100%;display:block}
.obk .static span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'VT323',monospace;font-size:56px;color:var(--bone);background:var(--ink);padding:4px 18px}
.obk .screen .scan,.obk .screen .vig{position:absolute;inset:0;pointer-events:none;z-index:3}
.obk .remote{flex:1 1 280px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.obk .chan{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;min-height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:#111;color:var(--bone);border:2px solid #2A2A2A;text-align:left;transition:all .15s}
.obk .chan:hover{border-color:var(--bone);transform:translateX(6px)}
.obk .chan.on{background:var(--red);border-color:var(--red);color:var(--ink)}
.obk .chan-pm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.obk .chan-pm .chan{justify-content:center}
.obk .cases{padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(64px,8vw,120px)}
.obk .filters{display:flex;flex-direction:column;gap:12px;margin-bottom:56px}
.obk .frow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.obk .frow .eyebrow{width:90px;font-size:12px;letter-spacing:.16em}
.obk .pill{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:0 18px;min-height:46px;border:2px solid var(--bone);color:var(--bone);transition:all .12s}
.obk .pill:hover{background:var(--bone);color:var(--ink)}
.obk .pill.on{background:var(--red);border-color:var(--red);color:var(--ink)}
.obk .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 32px}
@media (max-width:1199px){.obk .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899px){.obk .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 14px}}
.obk .case{position:relative;background:var(--paper);color:#111;padding:14px 14px 16px;transform:rotate(var(--rot,0deg));box-shadow:0 18px 40px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.2,.9,.3,1.4),box-shadow .3s;min-width:0}
.obk .case[hidden]{display:none}
.obk .case:hover{transform:rotate(0deg) translateY(-12px) scale(1.03);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 0 3px var(--red);z-index:2}
.obk .case-tape{position:absolute;top:-14px;left:50%;width:110px;height:28px;margin-left:-55px;background:rgba(255,212,0,.85);transform:rotate(var(--tape,0deg))}
.obk .case-h{display:flex;justify-content:space-between;gap:8px;font-family:'JetBrains Mono',monospace;font-weight:800;font-size:11px;letter-spacing:.08em;margin-bottom:12px}
.obk .case-h span:last-child{color:#5A564F}
.obk .case-img{position:relative;display:block;aspect-ratio:4/5;background:#151515;overflow:hidden}
.obk .case-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s}
.obk .case-img img.alt{opacity:0}
.obk .case:hover .case-img img.alt{opacity:1}
.obk .case:hover .case-img{animation:ob-shake .3s steps(2) 1}
.obk .case:hover .case-img img{animation:ob-rgb .18s steps(2) infinite}
.obk .case-img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.1em;color:#8F8B83}
.obk .case-img .scan{position:absolute;inset:0;opacity:.35;pointer-events:none}
.obk .stamp{position:absolute;right:10px;bottom:14px;transform:rotate(-8deg);border:3px solid var(--red);color:var(--red);padding:4px 10px;font-family:'Anton',Impact,sans-serif;font-size:clamp(14px,1.6vw,22px);letter-spacing:.06em;background:rgba(7,7,7,.65);z-index:1}
.obk .case-t{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:14px}
.obk .case-t a{text-decoration:none;min-width:0}
.obk .case-n{font-family:'Anton',Impact,sans-serif;font-size:clamp(18px,1.9vw,26px);line-height:1;text-transform:uppercase;display:block}
.obk .case-f{display:block;margin-top:4px;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:11px;letter-spacing:.06em;color:#5A564F;text-transform:uppercase}
.obk .case-p{font-family:'Anton',Impact,sans-serif;font-size:clamp(16px,1.8vw,24px);white-space:nowrap}
.obk .buy{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.obk .infect{width:100%;min-height:50px;background:var(--ink);color:var(--bone);font-family:'Anton',Impact,sans-serif;font-size:20px;letter-spacing:.08em;text-transform:uppercase;transition:all .12s}
.obk .infect:hover{background:var(--red);color:var(--ink)}
.obk .infect.done{background:var(--red);color:var(--ink)}
.obk .infect[disabled]{background:#BDB9B0;color:#5A564F;cursor:not-allowed}
.obk .sizes{display:flex;flex-wrap:wrap;gap:6px}
.obk [hidden]{display:none !important}
.obk .size{flex:1 0 44px;min-height:44px;border:2px solid var(--ink);color:var(--ink);font-family:'JetBrains Mono',monospace;font-weight:800;font-size:13px}
.obk .size:hover{background:var(--ink);color:var(--paper)}
.obk .size[disabled]{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.obk .viewbag{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#111}
.obk .buy-msg{font-family:'JetBrains Mono',monospace;font-size:12px;color:#B3261E}
.obk .empty{padding:80px 24px;border:2px dashed var(--red);text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}
.obk .empty .anton{font-size:clamp(40px,5vw,72px);text-transform:uppercase;color:var(--red)}
.obk .empty p{color:var(--bone2)}
.obk .cams{padding-top:clamp(48px,7vw,110px);padding-bottom:clamp(64px,8vw,120px)}
.obk .cam-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:749px){.obk .cam-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.obk .cam{display:block;text-decoration:none;transition:transform .2s}
.obk .cam:hover{transform:scale(1.03)}
.obk .cam-s{position:relative;aspect-ratio:1/1;background:#121212;border:2px solid #2A2A2A;overflow:hidden;display:flex;align-items:center;justify-content:center}
.obk .cam:hover .cam-s{border-color:var(--red)}
.obk .cam-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.1)}
.obk .cam-s .ph{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.1em;color:#8F8B83;text-align:center;padding:0 12px}
.obk .lab{position:absolute;font-family:'VT323',monospace;font-size:clamp(18px,2vw,26px);z-index:2}
.obk .cam-s .scan,.obk .cam-s .vig{position:absolute;inset:0;pointer-events:none;z-index:1}
.obk .foot{position:relative;border-top:2px solid var(--red);padding-top:40px;overflow:hidden}
.obk .foot-r{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.obk .foot-r nav{display:flex;flex-wrap:wrap;gap:28px}
.obk .foot-r a{text-decoration:none}
.obk .foot-r a:hover{color:var(--red)}
.obk .foot-logo{display:block;width:100%;height:auto;margin:48px 0 -6%}
.obk .foot-word{font-family:'Anton',Impact,sans-serif;font-size:24vw;line-height:.8;margin:40px 0 -4vw;letter-spacing:-.02em}
@media (prefers-reduced-motion:reduce){.obk .track,.obk .track-r,.obk .grain,.obk .segs i,.obk .screen,.obk .scroll{animation:none}}