@font-face{font-family:Archive;src:url(/fonts/fell-1.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Archive;src:url(/fonts/fell-0.ttf)format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-0.ttf)format("truetype");font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#070809;--ivory:#dedbd2;--silver:#b8bcbf;--paper:#d7d2c7;--ink:#222320}*{box-sizing:border-box}html,body{background:var(--black);min-height:100%;margin:0}body{color:var(--ivory);font-family:Georgia,Times New Roman,serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}button,a,input{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid #e9edf1}button{color:inherit}::selection{color:#0a0b0c;background:#b4bcc4}input{caret-color:var(--ink)}.installation{background:#070809;width:100%;height:100svh;min-height:600px;position:relative;overflow:hidden}.signature{z-index:3;letter-spacing:-.03em;pointer-events:none;color:#efede7;text-shadow:0 2px 8px #000;margin:0;font-size:25px;font-weight:400;line-height:1.02;position:absolute;bottom:80px;left:32px}.signature em{font-weight:400}.wall-scroll{scrollbar-width:none;overscroll-behavior-x:contain;align-items:center;width:100%;height:100%;display:flex;overflow:auto hidden}.wall-scroll::-webkit-scrollbar{display:none}.wall-scene{aspect-ratio:1536/1024;flex:none;width:max(100vw,1050px);position:relative}.wall-image{filter:grayscale()brightness(.72);width:100%;height:auto;display:block}.photograph-hit{cursor:zoom-in;transform-origin:0 0;isolation:isolate;background:0 0;border:0;outline:none;padding:0;position:absolute}.photograph-hit:hover,.photograph-hit:focus-visible{outline:none}.wall-print{object-fit:cover;filter:grayscale()brightness(.7);pointer-events:none;width:100%;height:100%;transition:filter .25s;display:block;box-shadow:5px 8px 12px #0007}.photograph-hit:hover .wall-print,.photograph-hit:focus-visible .wall-print{filter:grayscale()brightness(.95)}.photograph-hit:focus-visible .print-action{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.photograph-hit:focus-visible .print-number{background:#101112;padding:5px 8px}.print-number,.print-action{color:#fff;opacity:0;text-shadow:0 2px 5px #000;pointer-events:none;font:18px Georgia,serif;transition:opacity .2s;position:absolute}.print-number{bottom:14px;left:14px}.print-action{font-size:15px;font-style:italic;bottom:14px;right:14px}.photograph-hit:hover span,.photograph-hit:focus-visible span{opacity:1}.covered-opening{cursor:help;background:0 0;border:0;width:11%;height:51%;position:absolute;top:29%;left:44.8%}.covered-opening span{text-align:center;opacity:0;color:#eee;text-shadow:0 2px 8px #000;width:140px;font-size:17px;font-style:italic;line-height:1.5;transition:opacity .3s;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.covered-opening:hover span,.covered-opening:focus-visible span,.covered-opening.uncovered span{opacity:1}.covered-opening.uncovered{cursor:pointer;background:#040506a6}.covered-opening.uncovered span{font-size:23px}.whisper{z-index:2;text-align:center;color:#d7d9db;text-shadow:0 2px 7px #000;pointer-events:none;width:max-content;max-width:42%;font-size:16px;font-style:italic;line-height:1.5;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.pan-hint{display:none}.read-note{z-index:3;text-underline-offset:5px;text-shadow:0 2px 6px #000;background:0 0;border:0;min-height:44px;padding:5px 0;font-family:Barlow,Arial,sans-serif;font-size:16px;text-decoration:underline;position:absolute;bottom:29px;left:32px}.read-note:hover{color:#fff}.pocket{z-index:3;text-align:right;position:absolute;bottom:25px;right:27px}.pocket-key{background:0 0;border:0;width:94px;height:100px;margin-left:auto;padding:0;transition:transform .25s;display:block;position:relative;transform:rotate(9deg)}.pocket-key:hover{transform:rotate(-8deg)translateY(-8px)}.pocket-key img{object-fit:cover;mix-blend-mode:screen;filter:grayscale();width:100%;height:100%}.pocket-key span{font-size:20px;position:absolute;bottom:3px;left:-13px}.folded-letter{text-shadow:0 2px 6px #000;background:0 0;border:0;border-bottom:1px solid #a8adb3;min-height:44px;padding:10px 0;font-family:Barlow,Arial,sans-serif;font-size:16px}.connection-error{z-index:10;color:#eed7cf;background:#151619;max-width:85%;margin:0;padding:14px 20px;font-size:16px;line-height:1.4;position:absolute;top:20px;left:50%;transform:translate(-50%)}.artifact-dialog{max-width:min(90vw,620px);max-height:90svh;color:var(--ivory);background:0 0;border:0;padding:0;overflow:visible}.artifact-dialog::backdrop{background:#030405eb}.artifact-dialog[open]{animation:.45s cubic-bezier(.16,1,.3,1) both lift-paper}.put-back{z-index:1;color:#d9dcdf;background:0 0;border:0;border-bottom:1px solid #90979b;min-height:40px;padding:4px 0;font:16px Barlow,Arial,sans-serif;position:absolute;top:-44px;right:0}.held-photograph{width:min(480px,80svh - 136px);max-height:80svh;margin:auto}.photo-in-hand{cursor:grab;background:#151617;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:12px 26px 50px #0008}.photo-in-hand img{filter:grayscale();pointer-events:none;width:100%;height:auto;display:block}.photo-in-hand>span{color:#e3e1d7;text-shadow:0 2px 6px #000;font:22px Georgia,serif;position:absolute;bottom:9%;left:12%}.quiet-button{color:#d9dcdf;background:0 0;border:0;border-bottom:1px solid #8e979d;min-height:44px;padding:10px 0;font:17px Barlow,Arial,sans-serif}.turn-button{margin:26px auto 0;display:block}.reverse{background:var(--paper);color:var(--ink);scrollbar-color:#777971 var(--paper);max-height:76svh;padding:32px;animation:.4s cubic-bezier(.16,1,.3,1) both turn-paper;overflow:auto;box-shadow:12px 26px 50px #0008}.reverse h2{margin:0 0 32px;font-size:29px;font-weight:400;line-height:1.1}.reverse-note{margin:0 0 30px;font-size:21px;line-height:1.5}.pencil-note{margin:20px 0;font-size:16px;font-style:italic;line-height:1.6}.ink-button{color:#eeeae0;background:#262825;border:0;min-height:46px;margin-top:25px;padding:12px 19px;font:18px Barlow,Arial,sans-serif;display:block}.ink-button:hover{background:#424943}.ink-button.secondary{color:#343a36;background:0 0;border:0;border-bottom:1px solid #5a5d56;margin-top:24px;padding:8px 0;font-size:17px}.reverse button:focus-visible,.letter-content button:focus-visible,.letter-content input:focus-visible,.letter-content a:focus-visible{outline-color:#293d48}.found-key img{object-fit:contain;filter:grayscale();background:#080909;width:calc(100% + 64px);height:280px;margin:-18px -32px 22px;display:block}.found-key p{margin:0;font-size:19px;line-height:1.55}.found-key small,.revealed-word small{color:#444942;margin-top:17px;font:14px/1.6 Barlow,Arial,sans-serif;display:block}.revealed-word{margin:38px 0 28px}.revealed-word p{font-size:15px;font-style:italic}.revealed-word strong{letter-spacing:-.025em;text-underline-offset:10px;margin:20px 0;font-size:48px;font-weight:400;text-decoration:underline;text-decoration-thickness:1px;display:block}.paper-dialog{width:550px;margin:auto}.letter-content{background:var(--paper);color:var(--ink);scrollbar-width:thin;scrollbar-color:#777971 var(--paper);max-height:80svh;padding:45px 45px 40px;overflow:auto;box-shadow:12px 26px 50px #0008}.letter-content h2{margin:0 0 28px;font-size:32px;font-weight:400;line-height:1.15}.letter-content p{margin:0 0 24px;font-size:18px;line-height:1.65}.letter-content .postscript{color:#3e453e;margin-top:35px;font:15px/1.6 Barlow,Arial,sans-serif}.shared-words{margin:35px 0;padding:0;list-style:none}.shared-words li{align-items:baseline;gap:28px;margin:20px 0;display:flex}.shared-words li>span{color:#4a5049;width:28px;font-size:16px}.shared-words strong{font-size:27px;font-style:italic;font-weight:400}.letter-content label{margin:22px 0 12px;font-size:19px;display:block}.letter-content input{color:#20271f;background:0 0;border:0;border-bottom:1px solid #62665e;border-radius:0;width:100%;margin:16px 0;padding:12px 0;font:18px Barlow,Arial,sans-serif;display:block}.letter-content input::placeholder{color:#4f554c}.letter-content form small{color:#3e453e;margin-top:17px;font:15px/1.5 Barlow,Arial,sans-serif;display:block}.letter-content .artifact-error,.artifact-error{color:#782e25;margin-top:22px;font:16px/1.5 Barlow,Arial,sans-serif}.letter-content .written-feedback{color:#304d48;margin-top:20px;font:16px/1.5 Barlow,Arial,sans-serif}.invitation{border-top:1px solid #aaa99e;margin-top:24px;padding-top:4px}.invitation label,.invitation input{font-size:15px}.inside-room{background:#030405;width:100%;height:100%;position:relative}.inside-room>img{object-fit:cover;filter:grayscale()brightness(.68);width:70%;height:100%;position:absolute;top:0;right:0}.ending-text{color:#dedfdf;text-shadow:0 2px 12px #000;max-width:370px;position:absolute;top:25%;left:12%}.ending-text h2{letter-spacing:-.025em;margin:0 0 30px;font-size:52px;font-weight:400;line-height:1.07}.ending-text p{margin:20px 0;font-size:20px;line-height:1.6}.ending-text .ending-last{max-width:280px;margin-top:44px;font-size:17px;font-style:italic}.ending-text .quiet-button{margin-top:24px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes lift-paper{0%{opacity:0;transform:translateY(35px)rotate(-3deg)scale(.93)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes turn-paper{0%{opacity:.25;transform:perspective(1000px)rotateY(-65deg)}to{opacity:1;transform:perspective(1000px)rotateY(0)}}@media (min-aspect-ratio:18/10){.wall-scene{width:100%;max-width:170svh;margin:auto}.wall-scroll{background:#070809}}@media (max-width:700px){.installation{min-height:570px}.wall-scene{width:1050px}.signature{font-size:23px;bottom:96px;left:20px}.whisper{max-width:55%;font-size:14px;bottom:30px;left:50%;transform:translate(-50%)}.whisper>.pan-hint{color:#b9c1c8;margin-top:7px;font:13px Barlow,Arial,sans-serif;display:block}.pan-hint.subtle{opacity:.75}.read-note{text-align:left;max-width:110px;font-size:15px;bottom:148px;left:20px}.pocket{bottom:92px;right:18px}.folded-letter{max-width:128px;font-size:15px;line-height:1.3}.pocket-key{width:80px;height:86px}.artifact-dialog{max-width:calc(100vw - 40px)}.held-photograph{width:min(340px,80svh - 136px)}.reverse{max-height:75svh;padding:25px}.reverse h2{margin-bottom:24px}.found-key img{width:calc(100% + 50px);height:220px;margin:-10px -25px 20px}.letter-content{max-height:77svh;padding:32px 26px}.letter-content h2{font-size:29px}.letter-content p{font-size:17px}.reverse-note{font-size:20px}.inside-room>img{filter:grayscale()brightness(.44);width:100%}.ending-text{max-width:300px;top:24%;left:28px}.ending-text h2{font-size:46px}.ending-text p{font-size:19px}.below .signature{bottom:35px}.connection-error{width:90%;max-width:90%;padding:12px;font-size:15px;top:10px}.put-back{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.covered-opening.uncovered{overflow:hidden}.covered-opening>img{object-fit:cover;filter:grayscale()brightness(.58);width:100%;height:100%;position:absolute;inset:0}.signature,.letter-content h2,.ending-text h2,.reverse h2,.shared-words strong,.revealed-word strong{font-family:Archive,Georgia,serif}.social-trace{z-index:3;min-height:44px;color:var(--ivory);text-underline-offset:5px;text-shadow:0 2px 6px #000;align-items:center;padding:0 4px;font:16px Barlow,Arial,sans-serif;-webkit-text-decoration:underline #90979b;text-decoration:underline #90979b;display:inline-flex;position:absolute;top:20px;right:28px}.social-trace:hover{color:#fff;text-decoration-color:currentColor}@media (max-width:700px){.social-trace{font-size:15px;top:12px;right:18px}}.photograph-record{border-top:1px solid #aaa99e;margin-top:32px;padding-top:12px;font:15px/1.55 Barlow,Arial,sans-serif}.photograph-record summary{cursor:pointer;text-underline-offset:5px;min-height:44px;padding:10px 0;text-decoration:underline}.photograph-record p{margin:14px 0}.photograph-record a{color:#343a36;text-underline-offset:4px;min-height:44px;padding:10px 0;display:block}.photograph-record code{overflow-wrap:anywhere;margin:12px 0;font-size:12px;line-height:1.6;display:block}.reverse a:focus-visible,.reverse summary:focus-visible{outline-offset:4px;outline:1px solid #293d48}.archive-consent{align-items:flex-start;gap:12px;font:15px/1.6 Barlow,Arial,sans-serif!important;display:flex!important}.letter-content .archive-consent input{width:20px;height:20px;accent-color:var(--ink);flex:0 0 20px;margin:3px 0 0}.witness-address{overflow-wrap:anywhere;font:16px/1.7 Barlow,Arial,sans-serif!important}.witness-paper a.ink-button{width:fit-content;text-decoration:none}.ending-text .quiet-button{display:block}.inside-room{overflow:auto}.ending-text{padding-bottom:36px}.witness-paper .artifact-error:empty{display:none}.keeper-page{max-width:850px;color:var(--ivory);margin:auto;padding:48px 28px 90px;font-size:18px;line-height:1.65}.keeper-page h1,.keeper-page h2,.keeper-page h3{font-family:Archive,Georgia,serif;font-weight:400;line-height:1.15}.keeper-page h1{margin:38px 0 22px;font-size:48px}.keeper-page h2{margin:0 0 22px;font-size:30px}.keeper-page p{max-width:70ch}.keeper-page section{border-top:1px solid #484b4d;margin-top:48px;padding-top:32px}.keeper-page a{color:var(--ivory);text-underline-offset:5px}.keeper-back{align-items:center;min-height:44px;font-family:Barlow,Arial,sans-serif;display:inline-flex}.keeper-page .keeper-explanation{color:#b8bcbf;font:16px/1.65 Barlow,Arial,sans-serif}.keeper-page .keeper-address{overflow-wrap:anywhere;margin:16px 0;font:16px/1.7 Barlow,Arial,sans-serif;display:block}.keeper-page .ink-button{background:var(--paper);color:var(--ink)}.keeper-page .ink-button:hover{background:#eeeae0}.keeper-page .ink-button.secondary{color:var(--ivory);background:0 0;border-color:#90979b}.keeper-links{flex-wrap:wrap;gap:8px 24px;font:16px/1.6 Barlow,Arial,sans-serif;display:flex}.keeper-links a{align-items:center;min-height:44px;display:inline-flex}.keeper-photographs{margin:28px 0;padding:0;list-style:none}.keeper-photographs li{border-bottom:1px solid #303334;align-items:flex-start;gap:24px;padding:24px 0;display:flex}.keeper-photographs img{object-fit:cover;flex:0 0 96px;width:96px;height:120px}.keeper-photographs li>div{flex:1;min-width:0}.keeper-photographs h3{margin:0 0 10px;font-size:25px}.keeper-photographs h3 span{margin-left:12px;font:17px Barlow,Arial,sans-serif}.keeper-photographs code{overflow-wrap:anywhere;color:#b8bcbf;font-size:12px;line-height:1.7;display:block}.keeper-photographs a{align-items:center;min-height:44px;font:16px Barlow,Arial,sans-serif;display:inline-flex}.keeper-photographs .ink-button{margin-top:10px}.pending-transaction{border-bottom:1px solid #303334;padding:12px 0 20px}.keeper-page details{margin-top:24px}.keeper-page summary{cursor:pointer;min-height:44px;padding:8px 0}.keeper-page label{margin:24px 0 10px;font-family:Barlow,Arial,sans-serif;display:block}.keeper-page input,.keeper-page select{background:var(--black);color:var(--ivory);width:100%;min-height:48px;caret-color:var(--ivory);border:1px solid #757d81;border-radius:0;padding:12px;font:16px Barlow,Arial,sans-serif;display:block}.keeper-page input::placeholder{color:#b8bcbf}.keeper-page .artifact-error{color:#f1b6a8}.keeper-status{background:var(--black);scrollbar-color:#90979b var(--black);max-height:35svh;font:16px/1.5 Barlow,Arial,sans-serif;position:sticky;bottom:0;overflow:auto}.keeper-status p{margin:0;padding:12px 0}.witness-queue{padding:0;font:15px/1.6 Barlow,Arial,sans-serif;list-style:none}.witness-queue li{overflow-wrap:anywhere;margin:20px 0}.witness-queue small{color:#b8bcbf;display:block}@media (max-width:600px){.keeper-page{padding:24px 20px 64px;font-size:17px}.keeper-page h1{font-size:38px}.keeper-page h2{font-size:28px}.keeper-photographs li{gap:16px}.keeper-photographs img{flex-basis:70px;width:70px;height:88px}.keeper-photographs code{font-size:11px}.keeper-page section{margin-top:36px}.keeper-page .keeper-address{font-size:15px}}@media (max-height:700px){.ending-text{top:15%}.ending-text .ending-last{margin-top:22px}.ending-text .quiet-button{margin-top:12px}}
