@font-face{font-family:Archivo;src:url('assets/fonts/archivo-black.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Archivo;src:url('assets/fonts/archivo-regular.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('assets/fonts/noto-sans-sc-bold.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#e6e3da;--chalk:#f2f0e9;--ink:#252521;--graphite:#68675f;--ash:#bab7ad;--surface:rgb(230,227,218);--foreground:rgb(37,37,33);--display:Archivo,'Noto Sans SC',sans-serif;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--surface);color:var(--foreground)}body{font-family:var(--display);overflow:hidden;-webkit-font-smoothing:antialiased}body::after{content:'';position:fixed;inset:0;z-index:8;pointer-events:none;background:url('assets/paper.png') repeat;opacity:.27;mix-blend-mode:multiply}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid currentColor;outline-offset:5px}button:disabled{opacity:.2;cursor:default}h1,h2,p,figure{margin:0}h1,h2{font-weight:900}p{line-height:1.8}::selection{color:var(--surface);background:var(--foreground)}.deck,.stage{width:100%;height:100svh;position:relative;overflow:hidden}.stage{container-type:size;z-index:2;pointer-events:none}.scene{position:absolute;inset:0;isolation:isolate;pointer-events:none}.scene[hidden]{display:none}.scene button{pointer-events:auto}.scene:not(.is-active) button{pointer-events:none}.particle-field{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:pan-y}.art-anchor{position:absolute;pointer-events:none}.art-anchor img{width:100%;height:100%;object-fit:contain}.has-particles .art-anchor img{visibility:hidden}:root:not(.has-particles) .comparison[data-ordered=true] .art-anchor img{visibility:hidden}:root:not(.has-particles) .comparison[data-ordered=true] .art-anchor::after{content:'';position:absolute;inset:20%;background:radial-gradient(circle,currentColor 1.4px,transparent 1.8px) 0 0/18px 18px;transform:perspective(600px) rotateX(15deg) rotateY(-20deg)}.line-mask{display:block;overflow:clip;padding:.09em .08em .13em;margin:-.09em -.08em -.13em}.line-mask>[data-reveal]{display:block;transform-origin:0 70%}.cover-title{position:absolute;left:5.3cqw;bottom:12cqh;font-size:min(17cqw,31cqh);line-height:.89;letter-spacing:-.077em;z-index:2}.cover-title .line-mask+.line-mask{margin-top:.015em}.cover-art{width:58cqw;height:91cqh;right:-.6cqw;top:-5cqh}.cover-caption{position:absolute;left:72cqw;bottom:14cqh;font-size:2.45cqw;line-height:1.4;letter-spacing:-.06em}.scene-controls{position:absolute;inset:0;z-index:9;pointer-events:none;color:var(--foreground)}.icon-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;pointer-events:auto;touch-action:manipulation}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .45s var(--ease)}.icon-button:hover:not(:disabled) svg{transform:scale(1.15)}.icon-button:active:not(:disabled) svg{transform:scale(.86)}.overview-toggle{position:absolute;left:calc(5.3% - 12px);top:24px}.overview-toggle svg{width:17px;height:17px}.fullscreen-toggle{position:absolute;right:calc(5.3% - 12px);top:24px}.fullscreen-toggle svg{width:18px;height:18px}.page-navigation{position:absolute;right:calc(5.3% - 12px);bottom:24px;display:flex;gap:9px;align-items:center;pointer-events:auto}.page-count{font-size:12px;display:flex;gap:10px;font-variant-numeric:tabular-nums}.page-count>span:nth-child(2){opacity:.4}.comparison-title{position:absolute;left:6cqw;top:23cqh;font-size:7.4cqw;line-height:1.2;letter-spacing:-.075em}.comparison-art{left:43cqw;top:2cqh;width:55cqw;height:91cqh}.text-action{display:inline-flex;align-items:center;gap:24px;font-size:1.25cqw;padding:12px 0;position:absolute;left:6.3cqw;bottom:18cqh;touch-action:manipulation}.text-action svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .5s var(--ease)}.text-action:hover svg{transform:translateX(7px)}.chapter-art{width:64cqw;height:104cqh;left:-9cqw;top:-2cqh}.chapter-title{position:absolute;left:51cqw;top:37cqh;font-size:7.1cqw;line-height:1.2;letter-spacing:-.075em}.role-human{position:absolute;left:6cqw;top:15cqh}.roles h2{font-size:6.2cqw;line-height:1.15;letter-spacing:-.065em}.roles p{font-size:1.35cqw;line-height:1.95;margin-top:3.4cqw}.role-agent{position:absolute;left:73cqw;bottom:14cqh}.roles-art{width:50cqw;height:83cqh;left:24cqw;top:6cqh}.statement-art{width:38cqw;height:65cqh;right:3cqw;top:-9cqh}.statement h2{position:absolute;left:8cqw;top:44cqh;font-size:7.4cqw;line-height:1.3;letter-spacing:-.075em}.closing-art{width:82cqw;height:52cqh;right:-7cqw;top:-5cqh}.closing h2{position:absolute;left:6cqw;bottom:13cqh;font-size:11.8cqw;line-height:1.2;letter-spacing:-.075em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.overview{background:var(--surface);color:var(--foreground);border:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:6vh 8vw;overflow:auto}.overview::backdrop{background:var(--surface)}.overview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.overview-header h2{font-size:25px;letter-spacing:-.05em}.overview-grid{display:flex;flex-direction:column;gap:8px}.overview-item{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:15px 0;gap:24px;font-size:clamp(18px,3.5vw,48px);letter-spacing:-.045em;line-height:1.5}.overview-item>span:last-child{font-size:12px;opacity:.5}.overview-item[aria-current=true]>span:first-child{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.overview-item:hover>span:first-child{transform:translateX(7px)}.overview-item>span:first-child{transition:transform .4s var(--ease)}
@media(max-width:900px) and (orientation:portrait){.cover-title{left:7cqw;bottom:29cqh;font-size:25cqw;line-height:.9;letter-spacing:-.087em}.cover-art{width:109cqw;height:61cqh;right:-22cqw;top:-2cqh}.cover-caption{left:8cqw;bottom:14cqh;font-size:6.9cqw}.overview-toggle{left:calc(7% - 12px);top:18px}.fullscreen-toggle{right:calc(7% - 12px);top:18px}.page-navigation{right:calc(7% - 12px);bottom:20px;gap:6px}.comparison-title{left:8cqw;top:16cqh;font-size:12cqw;line-height:1.3}.comparison-art{left:0;top:28cqh;width:100cqw;height:52cqh}.text-action{left:8cqw;bottom:12cqh;font-size:3.8cqw;gap:16px}.chapter-art{width:126cqw;height:72cqh;left:-34cqw;top:-12cqh}.chapter-title{left:12cqw;top:auto;bottom:18cqh;font-size:12.5cqw;line-height:1.3}.role-human{left:8cqw;top:12cqh}.roles h2{font-size:11.5cqw;line-height:1.22}.roles p{font-size:3.4cqw;margin-top:4cqw;line-height:1.85}.role-agent{left:56cqw;bottom:14cqh}.roles-art{width:98cqw;height:48cqh;left:0;top:23cqh}.statement-art{width:82cqw;height:54cqh;right:-13cqw;top:-4cqh}.statement h2{left:8cqw;top:50cqh;font-size:10.8cqw;line-height:1.45}.closing-art{width:145cqw;height:52cqh;right:-40cqw;top:2cqh}.closing h2{left:8cqw;bottom:19cqh;font-size:15.3cqw;line-height:1.4}.overview{padding:7vh 8vw;width:100vw}.overview-header{margin-bottom:20px}.overview-item{padding:12px 0;font-size:4.7cqw}}
@media(min-width:701px) and (max-width:900px) and (orientation:portrait){.cover-title{font-size:22cqw;bottom:27cqh}.cover-art{width:82cqw;height:57cqh;right:-6cqw;top:-5cqh}.cover-caption{font-size:5cqw;bottom:12cqh}.roles-art{width:63cqw;height:34cqh;left:27cqw;top:26cqh}.roles p{font-size:2.7cqw}.role-agent{bottom:12cqh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}
@media print{body{overflow:visible}body::after,.scene-controls,.particle-field,.overview{display:none}.deck,.stage{display:block;height:auto;overflow:visible}.scene,.scene[hidden]{display:block!important;position:relative;width:100vw;height:56.25vw;break-after:page;container-type:size;background:var(--paper);color:var(--ink);print-color-adjust:exact}.art-anchor img,.has-particles .art-anchor img{visibility:visible}.stage{container-type:normal}.scene [data-reveal]{transform:none!important;opacity:1!important}@page{size:landscape;margin:0}}
