:root{--desk:#15302a;--desk-2:#0e231e;--manila:#e3c27c;--manila-dark:#c9a45e;--paper:#f3f2ec;--ink:#23201c;--pen:#2340a8;--stamp:#cf2230;--postit:#f5e27a;--tape:#f2c230;--cork:#b4895a;--f-stamp:"Big Shoulders Stencil Display", Impact, sans-serif;--f-type:"Special Elite", "Courier New", monospace;--f-hand:"Caveat", cursive;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{background:var(--desk-2)}body{color:var(--ink);font:400 1.125rem/1.6 var(--f-type);-webkit-font-smoothing:antialiased;background:radial-gradient(90% 60svh at 50% 0, #2a5246 0%, transparent 100%), var(--grain), linear-gradient(var(--desk), var(--desk-2));background-blend-mode:normal, soft-light, normal;margin:0}main{overflow-x:clip}img,video{max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--postit);outline-offset:3px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ghost{visibility:hidden}.scribble{font-family:var(--f-hand);display:inline-block}.stamp{font:900 1.6rem/1 var(--f-stamp);text-transform:uppercase;letter-spacing:.08em;color:var(--stamp);mix-blend-mode:multiply;pointer-events:none;white-space:nowrap;border:.14em double;border-radius:.22em;padding:.22em .45em .16em;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -6 4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -6 4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E")}.cover{height:280svh;position:relative}.cover-stage{perspective:2200px;place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.folder{--shift:0%;aspect-ratio:3/4;width:min(84vw,500px,64svh);translate:calc(var(--o,0) * var(--shift)) 0;transform-style:preserve-3d;position:relative}@media (width>=900px){.folder{--shift:50%}}.folder-inside{background:var(--manila-dark);border-radius:3px 10px 10px 3px;padding:14px;position:absolute;inset:0;box-shadow:0 40px 70px -25px #000000b3}.pv{background:var(--paper);height:100%;padding:clamp(18px,7%,40px);font-size:clamp(.85rem,2.6vw,1.05rem);overflow:hidden;box-shadow:0 1px 3px #00000040}.pv h2{font:900 clamp(1.6rem, 6vw, 2.4rem)/1 var(--f-stamp);margin:0 0 1.2em}.pv p{margin:0 0 1em}.pv-next{color:var(--stamp)}.folder-front{transform-origin:0;transform-style:preserve-3d;position:absolute;inset:0}.face{backface-visibility:hidden;border-radius:3px 10px 10px 3px;position:absolute;inset:0;container-type:inline-size}.face.outer{background:var(--grain), var(--manila);background-blend-mode:multiply;padding:9%;box-shadow:inset 0 0 0 1px #00000014,0 30px 60px -25px #000000b3}.face.inner{background:var(--grain), var(--manila-dark);background-blend-mode:multiply;place-items:center;display:grid;transform:rotateY(180deg)}.face.inner p{font:600 7cqi/1.2 var(--f-hand);color:var(--pen);text-align:center;rotate:-4deg}.tab{background:var(--manila);border-radius:10px 10px 0 0;height:32px;padding:7px 18px 0;font-size:.85rem;position:absolute;top:-30px;right:9%}.service{margin:0;font-size:3.6cqi;line-height:1.4}.face h1{font:900 25cqi/.85 var(--f-stamp);letter-spacing:-.01em;color:var(--ink);margin:16cqi 0 0}.face .ref{margin:4cqi 0 0;font-size:3.6cqi;line-height:1.4}.stamp-cover{font-size:8cqi;position:absolute;top:60%;right:7%}.postit{background:var(--postit);width:42cqi;font:700 5.6cqi/1.1 var(--f-hand);color:var(--pen);margin:0;padding:4cqi 4cqi 6cqi;position:absolute;bottom:7%;left:8%;box-shadow:0 10px 16px -8px #0006}.coffee{aspect-ratio:1;background:radial-gradient(circle,#0000 57%,#6e3e1247 60%,#6e3e121a 65%,#0000 69%);border-radius:50%;width:30cqi;position:absolute;top:4%;right:5%}.hint{text-align:center;color:var(--paper);pointer-events:none;position:absolute;bottom:3svh;left:0;right:0}.hint p{font:600 1.5rem/1 var(--f-hand);margin:0}.hint svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;margin:.4rem auto 0;animation:1.6s ease-in-out infinite nudge;display:block}@keyframes nudge{50%{translate:0 8px}}.sheet{background:var(--paper);width:min(92vw,760px);margin:clamp(80px,16svh,180px) auto;padding:clamp(28px,6vw,64px) clamp(22px,6vw,64px) clamp(28px,6vw,64px) clamp(40px,9vw,88px);position:relative;box-shadow:0 2px #0000000f,0 50px 70px -35px #000c}.sheet:before{content:"";background:radial-gradient(circle, var(--desk) 5px, transparent 6px) 0 16% / 14px 14px no-repeat, radial-gradient(circle, var(--desk) 5px, transparent 6px) 0 84% / 14px 14px no-repeat;width:14px;position:absolute;top:0;bottom:0;left:clamp(12px,3vw,28px)}.sheet-head{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:2rem;padding-bottom:.6rem;display:flex}.sheet-head h2{font:900 clamp(2.1rem, 7vw, 3.2rem)/1 var(--f-stamp);margin:0}.sheet-head .ref{font-size:.875rem}.id-grid{gap:2.5rem;display:grid}@media (width>=720px){.id-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.mugshot{align-self:start;position:sticky;top:2rem}}.mugshot{margin:0}.photo{aspect-ratio:3/4;background:#b9b6ad;position:relative;overflow:hidden}.photo img{object-fit:cover;filter:grayscale(.4)contrast(1.08);width:100%;height:100%}.height-chart{pointer-events:none;background:repeating-linear-gradient(#ffffff80 0 1px,#0000 1px 5%);position:absolute;inset:0}.height-chart span{color:#fff;text-shadow:0 1px 2px #000000b3;font-size:.75rem;position:absolute;left:6px}.flash{pointer-events:none;background:#fff;position:absolute;inset:0}.placard{width:86%;color:var(--paper);background:#1e1d1b;justify-content:space-between;gap:1rem;margin:-1.8rem auto 0;padding:.55rem .9rem;font-size:.9rem;display:flex;position:relative;rotate:-1.2deg;box-shadow:0 6px 12px -4px #00000080}.fields{margin:0}.fields dt{opacity:.65;margin-top:1.1rem;font-size:.8rem}.fields dt:first-child{margin-top:0}.fields dd{border-bottom:1px dashed #23201c59;margin:.15rem 0 0;padding-bottom:.3rem}.alias{margin:0;padding:0;list-style:none}.circled{display:inline-block;position:relative}.circled svg{fill:none;width:124%;height:180%;stroke:var(--pen);stroke-width:2.5px;stroke-linecap:round;position:absolute;inset:-40% -12%;overflow:visible}.circled svg path{vector-effect:non-scaling-stroke}.pen-note{color:var(--pen);margin-top:.2rem;font-size:1.5rem;line-height:1;rotate:-3deg}.danger{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;display:flex}.meter{border:2px solid var(--ink);flex:140px;height:14px}.meter span{transform-origin:0;background:repeating-linear-gradient(45deg, var(--stamp) 0 6px, #a3141f 6px 12px);height:100%;display:block}.charges{gap:2.4rem;margin:0;padding:0;list-style:none;display:grid}.charge{position:relative}.charge h3{text-underline-offset:4px;margin:0 0 .35rem;font-size:1.2rem;text-decoration:underline}.charge p{max-width:46ch;margin:0 0 .3rem}.charge .stamp{font-size:clamp(1.3rem,4vw,1.9rem);position:absolute;top:-.4rem;right:-.4rem}.tapes{place-items:center;height:clamp(170px,26vw,280px);display:grid;position:relative;overflow:clip}.tape{white-space:nowrap;background:var(--tape);width:130vw;color:var(--ink);font:900 clamp(1.1rem, 3vw, 1.6rem)/1 var(--f-stamp);text-transform:uppercase;letter-spacing:.14em;word-spacing:.3em;grid-area:1/1;padding:.5em 0 .4em;overflow:hidden;box-shadow:0 12px 22px -10px #000000b3}.board{position:relative}.board-stage{background-color:var(--cork);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .18 0 0 0 0 .08 0 0 0 -3 2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E");border-block:12px solid #5a3a21;height:100svh;position:sticky;top:0;overflow:hidden;box-shadow:inset 0 0 90px #00000073}.track{align-items:flex-start;gap:clamp(56px,9vw,130px);width:max-content;height:100%;padding:0 clamp(28px,10vw,140px);display:flex;position:relative}.board.static .board-stage{height:auto;position:relative;overflow-x:auto}.board.static .track{height:auto;padding-block:4svh 10svh}.pin{background:radial-gradient(circle at 35% 35%, #ff9a9a 0 14%, var(--stamp) 42%, #6e0d15 100%);z-index:3;border-radius:50%;width:20px;height:20px;margin-left:-10px;position:absolute;top:2px;left:50%;box-shadow:2px 5px 5px #00000073}.index-card{z-index:1;background:linear-gradient(#0000 3.2rem,#cf223080 3.2rem 3.3rem,#0000 3.3rem),repeating-linear-gradient(#0000 0 1.6rem,#2340a82e 1.6rem calc(1.6rem + 1px)) 0 3.3rem/100% 100% no-repeat,#fdfcf7;flex:none;width:clamp(240px,66vw,340px);padding:2.4rem 1.4rem 1.4rem;position:relative;rotate:-2deg;box-shadow:0 18px 30px -12px #0000008c}.index-card h2{font:700 2.6rem/1 var(--f-hand);color:var(--pen);margin:0 0 1.4rem}.index-card p{margin:0 0 .6rem;font-size:.95rem;line-height:1.6rem}.index-card .small{opacity:.7;font-size:.8rem}.evidence{flex:none;width:clamp(220px,62vw,290px);position:relative}.polaroid{z-index:1;transform-origin:50% 0;text-align:center;cursor:zoom-in;background:#fbfaf6;border:0;width:100%;margin:10px 0 0;padding:12px 12px 0;display:block;position:relative;box-shadow:0 20px 30px -12px #0000008c}.polaroid img{aspect-ratio:4/5;object-fit:cover;background:#ccc;width:100%}.polaroid .legende{font:700 1.45rem/1.1 var(--f-hand);color:var(--ink);padding:.6rem .2rem .2rem;display:block}.polaroid .note{text-align:right;font:500 1.25rem/1 var(--f-hand);color:var(--pen);padding:0 .4rem 1rem;display:block;rotate:-3deg}.polaroid .tag{background:radial-gradient(circle at .6rem 50%, var(--cork) 3px, transparent 4px), var(--manila);clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);padding:.3rem .7rem .25rem 1.3rem;font-size:.78rem;position:absolute;bottom:-16px;right:-14px;rotate:8deg}.string{z-index:2;pointer-events:none;filter:drop-shadow(1px 4px 2px #00000059);position:absolute;top:0;left:0;overflow:visible}.string path{fill:none;stroke:#b3121f;stroke-width:2.5px;stroke-linecap:round}.lightbox{z-index:50;cursor:zoom-out;background:#091612db;place-items:center;padding:4vw;display:grid;position:fixed;inset:0}.polaroid.big{cursor:zoom-out;width:min(88vw,500px,58svh)}.polaroid.big .legende{font-size:1.8rem}.close{background:var(--paper);color:var(--ink);cursor:pointer;border:0;border-radius:3px;padding:.5rem 1rem;position:fixed;top:1rem;right:1rem}.cctv{width:min(92vw,820px);margin:clamp(90px,16svh,180px) auto}.desk-title{text-align:center;color:var(--paper);margin-bottom:2.5rem}.desk-title h2{font:900 clamp(2.4rem, 8vw, 4.5rem)/.95 var(--f-stamp);margin:0}.desk-title p{opacity:.75;margin:.8rem 0 0}.cctv-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(22px,3vw,40px);display:grid}.monitor{background:linear-gradient(#34362f,#24261f);border-radius:16px;margin:0;padding:14px 14px 12px;box-shadow:inset 0 2px #ffffff14,0 30px 50px -22px #000c}.screen{aspect-ratio:3/4;background:#000;border-radius:8px;position:relative;overflow:hidden}.screen img,.screen video{object-fit:cover;filter:grayscale()contrast(1.25)brightness(.9);width:100%;height:100%}.screen img{animation:16s ease-in-out infinite alternate drift}@keyframes drift{to{translate:-2% 1%;scale:1.12}}.screen:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:#5affaa1a;position:absolute;inset:0}.screen:after{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.osd{z-index:2;color:#f4f4f4;text-shadow:0 0 4px #fff9;pointer-events:none;white-space:nowrap;grid-template:auto 1fr auto/1fr auto;padding:10px 14px;font:600 clamp(.7rem,1.6vw,.9rem)/1.2 ui-monospace,Menlo,Consolas,monospace;display:grid;position:absolute;inset:0}.osd span:nth-child(3),.osd span:nth-child(4){grid-row:3;align-self:end}.rec{background:#ff2a2a;border-radius:50%;width:.65em;height:.65em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.sound{z-index:3;white-space:nowrap;color:#fff;cursor:pointer;background:#0000008c;border:1px solid #fff9;border-radius:3px;padding:.35rem .8rem;font-size:.8rem;position:absolute;bottom:2.8rem;left:50%;translate:-50%}.label{color:#eee;letter-spacing:.04em;background:#111;width:fit-content;margin:12px auto 0;padding:.3rem .7rem;font-size:.85rem;box-shadow:inset 0 1px #fff3}.verdict{place-items:center;min-height:100svh;padding-block:12svh;display:grid}.verdict .sheet{margin-block:0}.verdict p{margin:0 0 1rem}.stamp-xl{width:fit-content;margin:1.2rem auto 1.6rem;font-size:clamp(3rem,14vw,6.5rem);display:block}.letter{font:600 clamp(1.5rem, 4.2vw, 1.95rem)/1.3 var(--f-hand);color:var(--pen);margin-top:2.4rem}.letter p{margin:0 0 .6rem}.signature{text-align:right;rotate:-3deg}.lettre+.lettre{margin-top:2rem}.shred-btn{background:var(--ink);color:var(--paper);font:900 1.3rem/1 var(--f-stamp);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:0;border-radius:3px;margin:2.6rem auto 0;padding:.9em 1.8em .8em;transition:background .2s;display:block}.shred-btn:hover{background:var(--stamp)}.bday{text-align:center;color:var(--paper);padding-inline:5vw}.bday h2{font:900 clamp(3.6rem, 14vw, 9rem)/.9 var(--f-stamp);text-shadow:.06em .06em 0 var(--stamp);margin:0 0 1.5rem}.bday .scribble{font-size:clamp(1.5rem,4vw,2.1rem)}.shreds{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.shreds span{display:block;position:absolute;top:0}@media (prefers-reduced-motion:reduce){.hint svg,.rec,.screen img{animation:none}}
