body{background:#141414;color:#171717;font:13px/1.6 Arial,sans-serif}
main{max-width:1120px;margin:35px auto;padding:0 22px}
h1,h2,h3,p{margin:0}
.xerox-shell{display:grid;grid-template-columns:130px 1fr;gap:18px}
.xerox-index{color:#edece7;position:sticky;top:25px;align-self:start;min-height:720px;font:10px/1.6 monospace;border-top:4px solid #e6322b;padding-top:15px}
.xerox-index nav{display:grid;gap:18px;margin:50px 0}
.xerox-index a{color:#e6322b;text-underline-offset:5px}
.xerox-index p{writing-mode:vertical-rl;font:12px/1.4 monospace;letter-spacing:4px;position:absolute;left:0;top:280px}
.xerox-number{font:100px/1 Impact,'Arial Black',sans-serif;position:absolute;bottom:0;color:#555}
.xerox-paper{background:#eeeae1;padding:30px 40px;box-shadow:8px 9px #080808;position:relative}
.xerox-paper:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(1deg,transparent 0 6px,#00000005 6px 7px)}
.xerox-head>span{font:10px monospace;letter-spacing:2px}
.xerox-head h1{font:clamp(100px,14vw,200px)/.73 Impact,'Arial Black',sans-serif;letter-spacing:-8px;margin:35px 0 25px;position:relative}
.xerox-head h1>span{color:#e6322b;font-size:100px;position:absolute;top:0;left:65%}
.xerox-head>div{font:11px/1.6 monospace;text-align:right;border-bottom:4px solid;padding-bottom:14px}
.xerox-scan{margin:25px -65px 30px -20px;position:relative;transform:rotate(-2deg);border:8px solid #151515;box-shadow:4px 6px #e6322b;z-index:2}
.xerox-scan img{width:100%;height:340px;object-fit:cover;filter:contrast(1.15)}
.xerox-scan>span{position:absolute;bottom:10px;left:10px;background:#e6322b;color:#111;padding:5px 8px;font:9px monospace}
.xerox-issue{display:grid;grid-template-columns:170px 1fr;gap:30px;padding:25px 0;border-bottom:2px solid}
.issue-selector h2{font:23px/1 Impact,sans-serif;text-transform:uppercase;margin-bottom:20px}
.issue-selector>div{display:flex;gap:5px}
.issue-selector button{background:#eeeae1;border:1px solid #171717;font:18px monospace;padding:8px}
.issue-selector button[aria-pressed=true]{background:#e6322b}
.xerox-issue article{min-height:250px}
.xerox-issue article>span{font:9px monospace}
.xerox-issue h3{font:45px/.95 Impact,sans-serif;letter-spacing:-1px;margin:15px 0}
.xerox-issue p{font:13px/1.7 Arial;max-width:440px}
.xerox-notes{display:grid;grid-template-columns:170px 1fr;gap:20px 30px;padding:30px 0;border-bottom:2px solid}
.xerox-notes h2{font:18px monospace;transform:rotate(-4deg);color:#c82725}
.xerox-notes details{grid-column:2;font:11px/1.7 monospace}
.xerox-notes summary{cursor:pointer}
.xerox-notes details p{padding-top:12px}
.xerox-links{display:flex;gap:20px;flex-wrap:wrap;padding:25px 0;font:10px monospace}
.xerox-links span{width:100%}
.xerox-links a{background:#171717;color:#eeeae1;padding:10px 12px}
.ring{color:#e5e0d7;max-width:850px;margin-left:auto;border-bottom:1px solid #444;margin-top:20px}
.mock-note{color:#999;text-align:right}
@media(max-width:760px){main{padding:0 15px;margin-top:20px}
.xerox-shell{display:block}
.xerox-index{position:relative;min-height:0;margin-bottom:20px}
.xerox-index nav{display:flex;gap:20px;margin:15px 0}
.xerox-index p,.xerox-number{display:none}
.xerox-paper{padding:25px 22px}
.xerox-head h1{font-size:115px;letter-spacing:-4px}
.xerox-head h1>span{font-size:65px;left:80%}
.xerox-head>span{font-size:8px}
.xerox-scan{margin:25px -25px;transform:rotate(-1deg);border-width:5px}
.xerox-scan img{height:230px}
.xerox-scan>span{font-size:7px}
.xerox-issue,.xerox-notes{grid-template-columns:1fr;gap:20px}
.issue-selector{display:flex;justify-content:space-between;gap:20px;align-items:center}
.issue-selector h2{font-size:18px;margin:0}
.xerox-issue h3{font-size:40px}
.xerox-notes details{grid-column:1}
}