:root{--ink:#191714;--paper:#f0e8d4;--red:#c62d28;color:var(--ink);background:var(--ink);font-family:Arial,sans-serif;scroll-behavior:smooth;scroll-padding-top:85px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}p{line-height:1.65}img{display:block;width:100%;height:100%;object-fit:cover}picture{display:block;width:100%;height:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Anton,Impact,sans-serif;font-weight:400}h1 i{font-style:normal}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:16px}.skip:focus{top:10px}
.masthead{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 5%;background:var(--ink);color:var(--paper);border-bottom:1px solid #ffffff30}.brand{display:flex;align-items:baseline;gap:10px}.brand b{font:32px Anton,Impact,sans-serif}.brand span{font-size:14px}.masthead>nav{display:flex;gap:30px;font:12px 'IBM Plex Mono',monospace;text-transform:uppercase}.masthead>p{font:10px/1.6 'IBM Plex Mono',monospace;margin:0}.menu-button{display:none;background:none;border:1px solid #ffffff60;color:inherit;padding:12px}.menu-button i{display:block;width:22px;height:2px;background:currentColor;margin:5px 0}.mobile-menu[hidden]{display:none!important}
.page,.work-card{position:relative;isolation:isolate}.page{padding:90px 8%}.cover{min-height:850px;background:var(--ink);color:var(--paper);padding-top:65px;overflow:hidden}.cover-note{position:relative;z-index:5;font:11px/1.7 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:2px;margin-bottom:40px}.cover-title{position:relative;z-index:10;max-width:1050px}.cover-title>span{display:block;font:12px/1.8 'IBM Plex Mono',monospace;letter-spacing:3px;margin-bottom:22px}.cover h1{font-size:clamp(68px,11.5vw,170px);line-height:.98;letter-spacing:-.035em;margin:0 0 55px}.cover h1 i{color:var(--red)}.red-sun{position:absolute;width:420px;height:420px;right:10%;top:135px;border-radius:50%;background:var(--red);display:grid;place-items:center;z-index:2}.red-sun b{font:130px/1.05 'Noto Serif JP',serif;color:#19171499}.onomatopoeia{position:absolute;right:5%;bottom:160px;font:95px Anton,Impact,sans-serif;transform:rotate(-12deg);z-index:4;color:var(--paper)}.cover-bottom{position:relative;z-index:12;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;max-width:850px}.cover-bottom p{max-width:370px;font-size:15px;margin:0;line-height:1.8}.cover-bottom a{font:12px/1.6 'IBM Plex Mono',monospace;border-bottom:1px solid currentColor;padding:12px 0;white-space:nowrap}.folio{position:absolute;bottom:22px;right:5%;font:10px 'IBM Plex Mono',monospace;letter-spacing:2px;z-index:6}
.art-frag{position:absolute;z-index:-1;pointer-events:none;width:240px;height:320px;opacity:.35;overflow:hidden;transform:rotate(8deg);clip-path:polygon(4% 3%,38% 0,64% 5%,98% 1%,95% 42%,100% 70%,92% 98%,60% 96%,32% 100%,0 94%,4% 57%,0 25%)}.fc-tl{left:-90px;top:130px;z-index:1;opacity:.13}.fc-br{right:-40px;bottom:20px;z-index:1;opacity:.22}.fm-tr,.fa-r{right:-30px;top:95px}.fm-bl,.fb-l{left:-45px;bottom:50px}.fa{left:-45px;top:80px}.fb{right:-40px;bottom:45px}.tear-edge{position:absolute;width:100%;height:56px;top:-1px;left:0;z-index:4;pointer-events:none}.tear-b{top:auto;bottom:-1px}.tear-f{top:-55px}
.manifesto{background:var(--paper);display:grid;grid-template-columns:1fr 1.2fr;gap:22px;padding-top:110px;padding-bottom:110px}.panel{position:relative;padding:30px;border:3px solid var(--ink);min-width:0}.panel-black{background:var(--ink);color:var(--paper);min-height:300px}.caption{font:11px/1.65 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase}.panel-black h2{font-size:clamp(36px,5vw,76px);line-height:1.05;max-width:90%}.panel-black>span{position:absolute;right:25px;bottom:16px;font:90px 'Noto Serif JP',serif;color:var(--red)}.panel-paper{background:#faf4e4;font-size:20px;display:flex;flex-direction:column;justify-content:center}.panel-red{background:var(--red);display:grid;grid-template-columns:.8fr 1fr;gap:24px;grid-column:1/-1;align-items:center}.panel-red h3{font-size:30px}.panel-red .sound{font:clamp(45px,8vw,100px) Anton,Impact,sans-serif;margin:0;transform:rotate(-6deg)}.reading-note{grid-column:1/-1;font:12px/1.8 'IBM Plex Mono',monospace}.reading-note b{margin-right:25px}
.reader{display:grid;grid-template-columns:120px minmax(0,1fr);background:var(--ink)}.rail{position:sticky;top:0;height:100svh;padding:35px 16px;color:var(--paper);display:flex;flex-direction:column;gap:22px;font:11px/1.5 'IBM Plex Mono',monospace}.rail a{opacity:.55;padding:7px 0}.rail a.is-active{opacity:1;color:#f06d62}.rail-progress{position:absolute;bottom:20px;width:3px;height:100px;background:#ffffff20}.rail-progress:after{content:'';display:block;width:100%;height:calc(var(--reader-progress,0)*100%);background:var(--red)}.pages{min-width:0}.work-card{padding:95px 6% 90px;background:var(--paper);overflow:hidden;border-top:1px solid #19171430}.page-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px;font:11px/1.6 'IBM Plex Mono',monospace}.page-head p{margin:0}.comic-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;position:relative;z-index:2}.scene{padding:0;min-height:430px;grid-row:span 2;background:var(--ink);color:var(--paper);overflow:hidden}.scene-art{position:absolute;inset:0;filter:grayscale(1);opacity:.8}.scene .glyph{position:absolute;right:20px;top:20px;font:95px 'Noto Serif JP',serif;color:var(--accent)}.scene .sound{position:absolute;bottom:25px;left:22px;font:clamp(45px,6vw,85px) Anton,Impact,sans-serif;transform:rotate(-8deg);text-shadow:3px 3px var(--ink)}.title-panel{background:var(--accent);display:flex;flex-direction:column;justify-content:center}.title-panel>span,.title-panel>p{font:12px/1.5 'IBM Plex Mono',monospace}.title-panel h2{font-size:clamp(36px,4.5vw,72px);line-height:1.04;margin:15px 0}.thesis-panel{background:var(--ink);color:var(--paper)}.thesis-panel p{font-size:23px;line-height:1.4;margin:0}.copy-panel{grid-column:1/-1;background:#faf4e4}.copy-panel>p{max-width:780px}.copy-panel ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;font:11px 'IBM Plex Mono',monospace}.copy-panel li{border:1px solid var(--ink);padding:7px 12px}.speech{font-family:Georgia,serif;font-size:22px;line-height:1.6}.copy-panel blockquote{margin:28px 0 0;padding:22px;border-top:2px solid var(--accent);font-size:24px}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;font:11px/1.7 'IBM Plex Mono',monospace;margin-top:28px;position:relative;z-index:5}.page-controls a{border-bottom:1px solid currentColor;padding-bottom:7px}.wash-clip{position:absolute;inset:0;pointer-events:none;z-index:-1}.chapter-wash{height:100%;background:radial-gradient(ellipse at top right,var(--accent),transparent 65%);opacity:.12}
.epilogue{background:var(--ink);color:var(--paper);padding-top:140px;padding-bottom:140px;overflow:hidden}.epilogue-mark{position:absolute;right:4%;top:100px;color:var(--red);font:100px 'Noto Serif JP',serif;opacity:.4;z-index:-1}.epilogue h2{font-size:clamp(40px,7vw,100px);line-height:1.1;max-width:1050px}.epilogue div>p{max-width:600px;font-size:18px}.epilogue>a{display:inline-block;margin-top:30px;padding:15px 0;border-bottom:1px solid currentColor;font:12px 'IBM Plex Mono',monospace}footer{position:relative;background:var(--red);padding:40px 6%;display:flex;justify-content:space-between;gap:24px;font:10px/1.7 'IBM Plex Mono',monospace}.chapter-hud{position:fixed;bottom:15px;left:15px;background:var(--ink);color:var(--paper);padding:10px 16px;font:10px 'IBM Plex Mono',monospace;z-index:25;border:1px solid #ffffff30}.chapter-hud.is-changing{opacity:.5}