:root{--bk:#080808;--yl:#fffb00;--wh:#fff;--of:#f4f3ee;--fd:"Bebas Neue",sans-serif;--md:"Manrope",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--of);background-image:linear-gradient(rgba(8,8,8,.05) 1px,transparent 0),linear-gradient(90deg,rgba(8,8,8,.05) 1px,transparent 0);background-size:28px 28px;font-family:var(--md);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}a,body,html{color:var(--bk)}.wrap{max-width:980px;margin:0 auto;padding:20px 14px 80px}.display{font-family:var(--fd);font-weight:400;letter-spacing:1px;line-height:1;color:var(--bk)}h1.display{font-size:40px}h2.display{font-size:28px}h3.display{font-size:22px}.card{background:var(--wh);color:var(--bk);border:1.5px solid var(--bk);box-shadow:4px 4px 0 var(--bk);padding:20px;margin-bottom:20px}.card.off{background:var(--of)}.card.yl{background:var(--yl)}.btn{display:inline-block;font-family:var(--md);font-weight:800;font-size:16px;letter-spacing:.5px;color:var(--bk);background:var(--wh);border:1.5px solid var(--bk);box-shadow:4px 4px 0 var(--bk);padding:12px 20px;cursor:pointer;text-decoration:none;text-transform:uppercase;-webkit-appearance:none;border-radius:0}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--bk)}.btn.yl{background:var(--yl)}.btn.bk{background:var(--bk);color:var(--wh)}.btn.sm{padding:8px 12px;font-size:14px;box-shadow:3px 3px 0 var(--bk)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{box-shadow:none;background:transparent}.input,.select,.textarea{width:100%;font-family:var(--md);font-size:16px;color:var(--bk);background:var(--wh);border:1.5px solid var(--bk);border-radius:0;padding:12px;-webkit-appearance:none}.textarea{min-height:90px;resize:vertical}.label{display:block;font-size:14px;text-transform:uppercase;margin:14px 0 6px}.badge,.label{font-weight:800;letter-spacing:1px}.badge{display:inline-block;font-family:var(--md);font-size:12px;border:1.5px solid var(--bk);padding:4px 8px;background:var(--wh);color:var(--bk);white-space:nowrap}.badge.approved,.badge.proof_ready{background:var(--yl)}.badge.in_production{background:var(--bk);color:var(--wh)}.badge.edits_requested{background:var(--of)}.row,.spread{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spread{justify-content:space-between}.pill{border:1.5px solid var(--bk);background:var(--wh);color:var(--bk);font-weight:800;font-size:14px;padding:8px 14px;cursor:pointer;border-radius:0}.pill.active{background:var(--bk);color:var(--wh)}.viewer-frame{position:relative;border:1.5px solid var(--bk);background:var(--wh);overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}.viewer-frame img{display:block;width:100%;height:auto}.viewer-frame.pin-mode{cursor:crosshair}.viewer-frame.pin-mode img{touch-action:none}.pin-dot{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;background:var(--yl);border:1.5px solid var(--bk);box-shadow:2px 2px 0 var(--bk);color:var(--bk);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;padding:0;border-radius:0}.pin-dot.resolved{background:var(--wh);opacity:.5}.pin-dot.active,.pin-dot.pending{background:var(--bk);color:var(--yl)}.comment{border:1.5px solid var(--bk);background:var(--wh);padding:12px;margin-bottom:10px}.comment.internal{background:var(--of);border-style:dashed}.comment.resolved{opacity:.55}.comment .meta{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.comment .replies{margin-top:10px;padding-left:12px;border-left:1.5px solid var(--bk)}.notice{border:1.5px solid var(--bk);background:var(--yl);color:var(--bk);box-shadow:4px 4px 0 var(--bk);padding:14px 16px;font-weight:700;margin-bottom:20px}.small{font-size:14px}.mt{margin-top:14px}.mb{margin-bottom:14px}table.plain{width:100%;border-collapse:collapse}table.plain td,table.plain th{border:1.5px solid var(--bk);padding:10px;text-align:left;font-size:16px}table.plain th{background:var(--of);text-transform:uppercase;font-size:13px;letter-spacing:1px}.modal-backdrop{position:fixed;inset:0;background:rgba(8,8,8,.6);display:flex;align-items:center;justify-content:center;z-index:50;padding:14px}.modal{background:var(--wh);color:var(--bk);border:1.5px solid var(--bk);box-shadow:6px 6px 0 var(--bk);max-width:520px;width:100%;padding:24px;max-height:90vh;overflow:auto}@media (max-width:640px){h1.display{font-size:32px}.card{padding:14px}}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--of);border-bottom:1.5px solid var(--bk);display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:56px}.topbar .title{font-family:var(--fd);font-size:22px;letter-spacing:1px;line-height:1}.topbar .sub{font-size:12px;font-weight:800;letter-spacing:1px}.icon-btn{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;background:var(--wh);border:1.5px solid var(--bk);box-shadow:3px 3px 0 var(--bk);color:var(--bk);font-weight:800;font-size:18px;cursor:pointer;border-radius:0;padding:0}.icon-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bk)}.progress-track{display:flex;gap:6px;margin-top:10px}.progress-seg{flex:1 1;height:14px;border:1.5px solid var(--bk);background:var(--wh)}.progress-seg.done{background:var(--yl)}.progress-seg.prod{background:var(--bk)}.tile{width:100%;text-align:left;display:flex;gap:14px;align-items:stretch;background:var(--wh);color:var(--bk);border:1.5px solid var(--bk);box-shadow:4px 4px 0 var(--bk);padding:0;margin-bottom:18px;cursor:pointer;font-family:var(--md);border-radius:0;animation:fadeUp .3s ease both}.tile:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--bk)}.tile .thumb{width:104px;min-width:104px;border-right:1.5px solid var(--bk);background:var(--of);display:flex;align-items:center;justify-content:center;overflow:hidden}.tile .thumb img{width:100%;height:100%;object-fit:cover;display:block}.tile .thumb .noart{font-family:var(--fd);font-size:15px;letter-spacing:1px;padding:8px;text-align:center}.tile .body{padding:14px 14px 14px 0;flex:1 1;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:104px}.tile .name{font-family:var(--fd);font-size:24px;letter-spacing:1px;line-height:1}.tile .meta-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tile .chev{align-self:center;padding:0 14px;font-size:20px;font-weight:800}.review{padding-bottom:120px}.review-grid{display:block}@media (min-width:900px){.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-gap:24px;gap:24px;align-items:start}.art-col{position:-webkit-sticky;position:sticky;top:76px}}.zoom-frame{position:relative;border:1.5px solid var(--bk);background:var(--wh);overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}.zoom-layer{position:relative;transform-origin:0 0}.zoom-layer img{display:block;width:100%;height:auto;pointer-events:none}.zoom-frame.pinning{cursor:crosshair}.zoom-controls{right:10px;display:flex;flex-direction:column;gap:8px}.zoom-controls,.zoom-hint{position:absolute;bottom:10px;z-index:8}.zoom-hint{left:10px;background:var(--wh);padding:4px 8px;font-size:12px;letter-spacing:.5px}.pin-instruction,.zoom-hint{border:1.5px solid var(--bk);font-weight:800}.pin-instruction{background:var(--bk);color:var(--yl);box-shadow:4px 4px 0 rgba(8,8,8,.3);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;animation:fadeUp .2s ease both}.pin-instruction .pill{border-color:var(--yl);background:var(--bk);color:var(--yl)}.fab,.pin-instruction .pill.active{background:var(--yl);color:var(--bk)}.fab{position:fixed;right:16px;bottom:88px;z-index:30;border:1.5px solid var(--bk);box-shadow:4px 4px 0 var(--bk);font-family:var(--md);font-weight:800;font-size:15px;letter-spacing:.5px;padding:14px 18px;cursor:pointer;border-radius:0;text-transform:uppercase}.fab:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--bk)}@media (min-width:900px){.fab{display:none}}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--wh);border-top:1.5px solid var(--bk);padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.actionbar .inner{max-width:980px;margin:0 auto;display:flex;gap:10px}.actionbar .btn{flex:1 1;text-align:center;padding:14px 10px}.sheet-backdrop{position:fixed;inset:0;background:rgba(8,8,8,.55);z-index:45;animation:fadeIn .15s ease both}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--wh);border-top:1.5px solid var(--bk);padding:20px 16px calc(20px + env(safe-area-inset-bottom));animation:slideUp .2s ease both;max-height:82vh;overflow:auto}.sheet .inner{max-width:560px;margin:0 auto}.sheet h3{font-family:var(--fd);font-size:24px;letter-spacing:1px;margin-bottom:10px}.tabs{display:flex;border:1.5px solid var(--bk);margin-bottom:14px}.tabs,.tabs button{background:var(--wh)}.tabs button{flex:1 1;padding:12px 8px;font-family:var(--md);font-weight:800;font-size:14px;letter-spacing:.5px;color:var(--bk);border:none;border-right:1.5px solid var(--bk);cursor:pointer;border-radius:0;min-height:44px}.tabs button:last-child{border-right:none}.tabs button.active{background:var(--bk);color:var(--yl)}.check-item{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--bk);background:var(--wh);padding:12px;margin-bottom:8px;cursor:pointer;font-weight:700}.check-item input{width:22px;height:22px;min-width:22px;accent-color:var(--bk);margin-top:1px}.check-item.checked{background:var(--yl)}.finestatement{font-size:13px;border:1.5px dashed var(--bk);background:var(--of);padding:10px;margin:12px 0;line-height:1.5}.flash{animation:flashBg 1.1s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes flashBg{0%{background:var(--yl)}to{background:var(--wh)}}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.pin-instruction,.sheet,.sheet-backdrop,.tile{animation:none}}.group-header{font-family:var(--fd);font-size:22px;letter-spacing:1px;display:inline-block;background:var(--yl);border:1.5px solid var(--bk);box-shadow:3px 3px 0 var(--bk);padding:4px 14px;margin:8px 0 16px}