:root{--paper:#e8dfc5;--ink:#0b0b0a;--hot:#e73525;--acid:#d9ff18;--dirty:#777164;--tilt:-2deg;--photo-fit:cover}
*{box-sizing:border-box}html{background:#111}body{min-width:320px;margin:0;color:var(--ink);background:repeating-linear-gradient(91deg,transparent 0 40px,rgba(0,0,0,.05) 40px 42px),var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}[hidden]{display:none!important}button,a{font:inherit}.xerox-grit{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.hazard-runner,.bottom-strip{position:relative;z-index:20;overflow:hidden;color:var(--paper);background:repeating-linear-gradient(135deg,var(--ink) 0 20px,var(--acid) 20px 40px);border-block:5px solid var(--ink);font:1000 11px/1 Arial;letter-spacing:.17em;white-space:nowrap}.hazard-runner div,.bottom-strip span{display:block;width:max-content;padding:8px 0;background:var(--ink);animation:runner 20s linear infinite}.zine{position:relative;width:min(1440px,100%);margin:auto;padding:clamp(35px,6vw,85px) clamp(15px,5vw,70px) 80px}.handbill{position:relative;z-index:7;min-height:340px}.issue{display:flex;justify-content:space-between;gap:15px;border-block:7px solid var(--ink);padding:8px 4px;font:1000 9px/1 monospace;letter-spacing:.16em}.stamp{position:absolute;top:65px;right:2%;margin:0;padding:8px 12px;border:5px double var(--hot);color:var(--hot);font:1000 11px/1 monospace;letter-spacing:.1em;transform:rotate(7deg)}h1{display:flex;flex-wrap:wrap;align-items:flex-end;margin:38px 0 5px;max-width:1100px;line-height:.75}.ransom-char{display:inline-grid;min-width:.56em;place-items:center;margin:-2px 1px;padding:.05em .06em;color:var(--paper);background:var(--ink);font-family:Impact,"Arial Black",sans-serif;font-size:clamp(75px,13vw,190px);text-transform:uppercase;transform:rotate(var(--r));box-shadow:5px 5px 0 var(--hot)}.ransom-char:nth-child(3n){color:var(--ink);background:var(--acid);font-family:Georgia,serif;font-style:italic}.ransom-char:nth-child(4n){color:var(--ink);background:transparent;box-shadow:none;-webkit-text-stroke:3px var(--ink)}.tagline{max-width:670px;margin:27px 0 0;font:900 clamp(18px,2.2vw,31px)/1.05 "Courier New",monospace;text-transform:uppercase}.torn-ticker{position:absolute;right:4%;bottom:-18px;padding:12px 22px;color:var(--paper);background:var(--hot);clip-path:polygon(0 9%,8% 0,15% 8%,24% 0,32% 7%,42% 0,53% 8%,62% 0,72% 9%,82% 0,90% 8%,100% 0,96% 100%,87% 91%,77% 100%,66% 92%,56% 100%,45% 91%,34% 100%,24% 91%,12% 100%,0 92%);font-family:Impact,sans-serif;font-size:clamp(30px,5vw,70px);transform:rotate(-5deg)}.evidence-zone{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.55fr);align-items:center;gap:20px;min-height:670px;padding:70px 0}.evidence{position:relative;z-index:4;margin:0;padding:18px 18px 12px;background:#f1ebd9;box-shadow:10px 13px 0 var(--ink),18px 22px 0 var(--hot);transform:rotate(var(--tilt))}.photo-box{position:relative;overflow:hidden;min-height:500px;background:var(--ink)}.photo-box>img{display:block;width:100%;height:100%;min-height:500px;max-height:720px;object-fit:var(--photo-fit);filter:contrast(1.15) saturate(.75)}.photo-box:after{position:absolute;inset:0;content:"";pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,0,0,.1) 4px 5px);mix-blend-mode:multiply}.media-fallback{display:grid;min-height:500px;place-items:center;color:var(--paper);background:repeating-linear-gradient(45deg,#111 0 13px,#292929 13px 26px);text-align:center}.media-fallback strong{font:900 clamp(48px,8vw,105px)/.78 Impact,sans-serif;transform:rotate(-6deg)}.media-fallback span{position:absolute;right:10%;bottom:10%;padding:8px 13px;color:var(--ink);background:var(--acid);font:900 24px Impact,sans-serif;transform:rotate(8deg)}.marker-circle{position:absolute;right:8%;bottom:9%;width:110px;height:90px;border:8px solid var(--hot);border-radius:50%;transform:rotate(-15deg)}.evidence figcaption{padding:14px 4px 2px;font:1000 10px/1.2 "Courier New",monospace;letter-spacing:.08em}.duct,.duct-tape-a,.duct-tape-b,.duct-tape-c{position:absolute;z-index:7;width:120px;height:34px;background:rgba(172,169,153,.86);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);filter:contrast(1.2)}.duct-tape-a{top:-6px;left:15%;transform:rotate(-8deg)}.duct-tape-b{right:-34px;bottom:18%;transform:rotate(78deg)}.duct-tape-c{top:-9px;left:45%;transform:rotate(3deg)}.marker-note{position:relative;z-index:5;padding:25px 13px 25px 28px;border-left:10px solid var(--hot);transform:rotate(3deg)}.marker-note small{font:1000 9px monospace;letter-spacing:.16em}.marker-note strong{display:block;margin-top:25px;font:900 clamp(32px,4vw,58px)/.88 "Comic Sans MS","Segoe Print",cursive}.marker-note i{display:block;font:900 90px/1 "Comic Sans MS";transform:rotate(17deg)}.scrap{position:absolute;z-index:6;padding:8px 12px;border:3px solid var(--ink);color:var(--ink);background:var(--acid);box-shadow:4px 5px 0 var(--hot);font:1000 10px/1 Arial;letter-spacing:.1em}.scrap.red{color:var(--paper);background:var(--hot)}.scrap.black{color:var(--paper);background:var(--ink)}.rip-grid{display:grid;grid-template-columns:1.3fr .8fr .7fr;gap:18px;align-items:start}.contract-sheet,.manifesto,.flyer-links{min-height:230px;padding:22px;border:4px solid var(--ink);background:#f2ebd5;box-shadow:8px 9px 0 var(--ink)}.contract-sheet{background:var(--acid);transform:rotate(-1deg)}.sheet-head{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:4px solid var(--ink);font:1000 9px monospace;letter-spacing:.1em}.contract-sheet p{font:1000 10px monospace}.contract-sheet code{display:block;margin:18px 0;overflow-wrap:anywhere;font:900 12px/1.4 "Courier New",monospace}.contract-sheet button{padding:10px 13px;border:3px solid var(--ink);color:var(--paper);background:var(--ink);box-shadow:4px 4px 0 var(--hot);font:1000 9px monospace;letter-spacing:.12em;cursor:pointer}.contract-sheet output{margin-left:9px;font:900 9px monospace}.manifesto{position:relative;background:var(--hot);color:var(--paper);transform:rotate(2deg)}.manifesto small{font:1000 9px monospace;letter-spacing:.16em}.manifesto strong{display:block;margin:34px 0;font:900 clamp(27px,3vw,43px)/.88 Impact,sans-serif}.blackout{display:inline-block;padding:4px 7px;color:var(--ink);background:var(--ink);font:900 8px monospace;transform:rotate(-2deg)}.blackout:hover{color:var(--paper)}.flyer-links{padding:0;background:var(--paper);transform:rotate(-2deg)}.flyer-links p{margin:0;padding:16px;border-bottom:4px solid var(--ink);font:1000 10px monospace;letter-spacing:.12em}.flyer-links a{display:block;padding:17px;border-bottom:3px dashed var(--ink);color:var(--ink);font:1000 12px monospace;text-decoration:none}.flyer-links a:hover{color:var(--paper);background:var(--ink)}.banner-paste{position:relative;margin-top:75px;padding:20px;background:#f0e9d6;box-shadow:12px 13px 0 var(--hot);transform:rotate(.6deg)}.banner-paste p{margin:0 0 11px;font:1000 10px monospace;letter-spacing:.14em}.banner-paste img{display:block;width:100%;max-height:400px;object-fit:cover;filter:contrast(1.12) saturate(.72)}.bottom-strip{position:fixed;right:0;bottom:0;left:0}.bottom-strip span{animation-direction:reverse}
html[data-composition=stacked-handbill] .evidence-zone{grid-template-columns:1fr}html[data-composition=stacked-handbill] .evidence{width:min(850px,94%);margin:auto}html[data-composition=stacked-handbill] .marker-note{width:min(650px,86%);margin:-80px 0 0 auto;background:var(--paper)}html[data-composition=evidence-wall] .evidence-zone{grid-template-columns:.55fr 1.15fr}html[data-composition=evidence-wall] .evidence{grid-column:2;grid-row:1}html[data-composition=evidence-wall] .marker-note{grid-column:1;grid-row:1}html[data-composition=evidence-wall] .rip-grid{grid-template-columns:.7fr 1.3fr .7fr}html[data-composition=flyer-stack] .evidence-zone{min-height:790px}html[data-composition=flyer-stack] .evidence{width:78%;margin-left:auto}html[data-composition=flyer-stack] .marker-note{position:absolute;left:0;bottom:12%;width:35%;background:var(--acid);border:4px solid var(--ink)}html[data-frame=hard] .evidence{padding:7px}html[data-frame=hard] .photo-box img{filter:grayscale(1) contrast(1.45)}html[data-frame=bleed] .evidence{padding:0}html[data-frame=bleed] .evidence figcaption{padding:14px}
@keyframes runner{to{transform:translateX(-50%)}}
@media(max-width:900px){.evidence-zone,html[data-composition] .evidence-zone{grid-template-columns:1fr}.evidence,html[data-composition] .evidence{grid-column:auto;grid-row:auto;width:min(780px,94%);margin:auto}.marker-note,html[data-composition] .marker-note{position:relative;grid-column:auto;grid-row:auto;left:auto;bottom:auto;width:auto;margin:-25px 0 0 12%;background:transparent}.rip-grid,html[data-composition] .rip-grid{grid-template-columns:1fr 1fr}.flyer-links{grid-column:1/3}}@media(max-width:580px){.zine{padding-inline:9px}.handbill{min-height:400px}.stamp{top:54px;font-size:8px}.ransom-char{font-size:clamp(62px,23vw,110px)}.torn-ticker{right:1%;bottom:0}.evidence-zone{padding-top:25px}.photo-box,.photo-box>img,.media-fallback{min-height:380px}.rip-grid{grid-template-columns:1fr}.flyer-links{grid-column:auto}.scrap:nth-child(n+5){display:none}.bottom-strip{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}