:root{--paper:#e9e4d7;--ink:#24251e;--red:#b73523;--muted:#66675d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:6px}button{cursor:pointer}header{display:flex;justify-content:space-between;padding:32px 5vw;align-items:start;border-bottom:1px solid #2223}.wordmark{font-size:27px;font-weight:900;line-height:.86;letter-spacing:-1.5px;text-decoration:none}.wordmark span{display:block;font:10px monospace;letter-spacing:1px;margin-top:15px}nav{display:flex;gap:28px;font:12px monospace}nav a{text-decoration:none}.margin-note{font:12px/1.5 monospace;transform:rotate(5deg);margin:0}.threshold{position:relative;padding:65px 12vw 45px;min-height:520px}.eyebrow{font:11px monospace;letter-spacing:3px}h1{font:clamp(58px,8vw,118px)/.88 Georgia,serif;letter-spacing:-6px;margin:25px 0}h1 em{font-weight:normal;color:var(--red)}h1 span{margin-left:9vw}.manifesto{font:14px/1.7 monospace;margin:30px 0 0 28vw}.stamp{position:absolute;right:13%;top:130px;border:3px solid var(--red);color:var(--red);font:20px/1.1 monospace;transform:rotate(14deg);padding:12px}.controls{margin:15px 5vw 60px;border-block:1px solid #2224;padding:18px 0;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.controls button{border:0;background:none;padding:10px;font:11px monospace}.controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.search{font:10px monospace;margin-left:auto}.search input{display:block;border:0;border-bottom:1px solid;background:none;padding:8px 0;color:inherit;width:190px}main{margin:0 8vw}#status{font:11px monospace}#pieces{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:80px 35px;padding:20px 0 80px}.piece{grid-column:span 4;position:relative;min-width:0;transform:rotate(var(--tilt));padding-top:18px;border-top:1px solid #2225}.piece:nth-child(4n+2){grid-column:span 5;margin-top:80px}.piece:nth-child(4n+3){grid-column:span 3;margin-top:20px}.piece .number{font:10px monospace;letter-spacing:2px;color:var(--red)}.piece h2{font:clamp(23px,2.7vw,42px)/1.05 Georgia,serif;letter-spacing:-1px;margin:15px 0}.piece h2 a{text-decoration:none}.piece h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}.piece img{width:100%;max-height:320px;object-fit:cover;filter:saturate(.7);margin:14px 0}.piece p{font:13px/1.65 monospace;overflow-wrap:anywhere}.piece time,.piece .author{font:10px/1.6 monospace;color:var(--muted)}.piece:nth-child(5n){border:0;background:#d7d8bd;padding:28px}.piece:nth-child(7n){color:var(--red)}#more{display:block;margin:0 auto 80px;border:1px solid;background:none;padding:15px 30px;font:12px monospace}footer{border-top:1px solid #2224;padding:35px 5vw;display:flex;justify-content:space-between;gap:20px;font:11px monospace}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:10;background:white;padding:10px}body[data-world=notes]{--paper:#f4eedf;--red:#315caa}body[data-world=notes] #pieces{display:block;max-width:850px;margin:auto;background:repeating-linear-gradient(transparent 0 31px,#315caa18 31px 32px)}body[data-world=notes] .piece{transform:none!important;background:none;margin:0 0 70px;padding:25px 0 25px 65px;border-top:1px solid #315caa55}body[data-world=notes] .piece:nth-child(even){margin-left:15%}body[data-world=notes] .piece img{max-width:270px;float:right;margin:15px}body[data-world=notes] .piece:after{content:'';display:block;clear:both}body[data-world=signal]{--paper:#141817;--ink:#dedfc4;--red:#d7ed66;--muted:#9aab9d}body[data-world=signal] .threshold h1{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-7px}body[data-world=signal] #pieces{gap:45px}body[data-world=signal] .piece{transform:none;background:none;border-top:1px solid #829678;padding:20px 0;margin-top:0}body[data-world=signal] .piece h2{font-family:monospace;font-size:26px;line-height:1.2}body[data-world=signal] .piece:nth-child(5n){grid-column:span 8}body[data-world=signal] .piece img{filter:grayscale(1)}body[data-world=signal] .controls,body[data-world=signal] footer{border-color:#829678}body[data-world=signal] .piece:nth-child(5n) h2{font-size:42px}audio,video{width:100%;max-height:320px}#more[hidden]{display:none}@media(max-width:700px){header{padding:25px 6vw}.wordmark{font-size:22px}nav{gap:13px;font-size:10px}.margin-note{display:none}.threshold{padding:45px 7vw;min-height:430px}h1{letter-spacing:-3px;font-size:66px}.stamp{right:7%;top:40px;font-size:12px;padding:6px}.manifesto{margin-left:8vw;font-size:12px}.controls{margin-bottom:25px;gap:8px}.controls button{font-size:10px;padding:9px 6px}.search{margin-left:0;width:100%}.search input{width:100%}main{margin:0 7vw}#pieces{display:block;padding-bottom:20px}.piece,.piece:nth-child(n){margin:40px 0 65px;transform:rotate(calc(var(--tilt) / 2));padding:20px 0}.piece:nth-child(5n){padding:23px}.piece h2{font-size:36px}.piece img{max-height:350px}body[data-world=notes] .piece:nth-child(n){margin-left:0;padding-left:15px}body[data-world=notes] .piece img{float:none;max-width:100%;margin:15px 0}body[data-world=signal] .piece:nth-child(5n) h2{font-size:32px}footer{flex-wrap:wrap;line-height:1.5}footer p{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}