:root{color-scheme:dark;--black:#07090d;--blue:#647b9d;--silver:#c8cbd1;--bone:#d9d2c7;--gold:#a18a69;--muted:#89909d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font-family:Georgia,'Times New Roman',serif;font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #b9c8e0;outline-offset:5px}.hidden{display:none!important}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.masthead{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding:27px clamp(24px,5vw,80px);font-size:9px;letter-spacing:.25em;color:#a4a7ae}.edition{color:#6b7587}.intro{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse 65% 70% at 86% 34%,#273c58 0%,#17243a 23%,#0b111c 56%,transparent 90%),linear-gradient(118deg,#050609 0%,#090b11 58%,#121c2b 100%)}.intro:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(97deg,transparent 0%,transparent 9%,#7b8eaf0b 11%,#00000020 14%,transparent 20%);transform:rotate(-7deg) skewX(-6deg);filter:blur(19px);opacity:.8;pointer-events:none}.intro:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06070ae8 0%,#06070a99 48%,transparent 100%),linear-gradient(0deg,#050608 0%,transparent 34%);pointer-events:none}.cape{position:absolute;width:47%;height:140%;right:0;top:-20%;transform:rotate(8deg);background:linear-gradient(95deg,transparent,#7b8da222 18%,#121a2d33 27%,#7388a01e 39%,#080d1933 55%,#8397b012 67%,transparent);filter:blur(16px)}.intro-inner{position:relative;z-index:2;max-width:1150px;margin:auto;padding:clamp(125px,17vh,205px) 7% 65px}.eyebrow,.instruction,.chapter,.folio-index,.back,.footnote,.provenance,.arrow,footer{letter-spacing:.2em;text-transform:uppercase}.eyebrow{color:#9aa6b9;font-size:10px;margin:0 0 18px}.intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(76px,12vw,165px);line-height:.83;letter-spacing:-.055em;margin:0;color:#e7e3df;text-shadow:0 12px 40px #0006}.intro h1 em{font-weight:400;color:#8094b2}.fine-rule{height:1px;width:150px;background:linear-gradient(90deg,var(--gold),transparent);margin:42px 0 27px}.foreword{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,3.5vw,42px);line-height:1.15;margin:0;color:#c9cdd7;font-style:normal}.thesis{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,3vw,37px);line-height:1.14;margin:27px 0 76px;color:#d5c9b7}.instruction{font-size:10px;color:#9ca8bb;margin-bottom:23px}.thresholds{display:grid;grid-template-columns:1fr 1px 1fr;max-width:880px}.rift{width:1px;background:linear-gradient(transparent,#7e829166,transparent);transform:skew(-8deg)}.threshold{border:0;text-align:left;background:transparent;color:var(--bone);padding:26px 35px 28px 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:background .2s,color .2s}.threshold.walker{padding-left:45px}.threshold:hover{background:#ffffff08}.chapter{font-size:10px;color:#8da0bb}.walker .chapter{color:#7f9991}.threshold strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4vw,49px);font-weight:500;line-height:1}.description{font-family:Georgia,'Times New Roman',serif;font-size:21px;font-style:normal;color:#a9abb1}.arrow{margin-top:20px;font-size:9px;color:#c3b298}.footnote{font-size:9px;color:#777f8e;margin-top:55px}.archive{min-height:100svh;background:radial-gradient(ellipse at 85% 5%,#273b55 0%,transparent 53%),#080b11}.archive.walker-active{background:radial-gradient(ellipse at 80% 20%,#1a2b29 0%,transparent 45%),radial-gradient(ellipse at 20% 70%,#101a1b 0%,transparent 60%),#050707}.folio{max-width:760px;margin:auto;padding:120px 28px 100px}.back{border:0;background:none;color:#9aa6b7;font-size:10px;padding:12px 0}.folio-heading{margin:70px 0 60px;border-bottom:1px solid #4c5c704d;padding-bottom:40px}.folio-index{color:#9daac1;font-size:10px}.folio h2,.closing h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(56px,10vw,100px);font-weight:500;line-height:.93;letter-spacing:-.035em;margin:23px 0;color:#e4e0db}.provenance{font-size:10px;color:#a69783}.manuscript{font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,3.2vw,34px);line-height:1.33;color:#d1d2d1}.manuscript p{margin:0 0 19px}.manuscript p.emphasis{color:#d7c2a6}.folio-nav{border-top:1px solid #57647955;margin-top:65px;padding-top:30px;display:flex;flex-wrap:wrap;gap:15px}.folio-nav button,.closing button{background:transparent;border:1px solid #647b9d77;color:#d3d6dc;padding:18px 22px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.folio-nav button:hover,.closing button:hover{background:#647b9d24}.closing{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 25px;background:radial-gradient(ellipse at center,#1a2330,transparent 65%),#06080b}.closing h2{font-size:clamp(60px,10vw,115px)}.closing>p:not(.eyebrow):not(.secret){font-family:Georgia,'Times New Roman',serif;font-size:27px;line-height:1.2}.closing button{margin:32px 0 70px}.secret{font-family:Georgia,'Times New Roman',serif;font-style:normal;color:#717c8d;font-size:17px;opacity:1;transition:color .3s}.secret:hover,.secret:focus{opacity:1}footer{display:flex;justify-content:space-between;gap:15px;padding:24px 5%;font-size:9px;color:#7c8798;border-top:1px solid #222b36}@media(max-width:640px){.masthead{padding:23px 20px;font-size:8px}.edition{display:none}.intro-inner{padding:145px 25px 50px}.intro h1{font-size:clamp(70px,16vw,100px)}.thesis{margin-bottom:48px}.thresholds{grid-template-columns:1fr}.rift{width:100%;height:1px;transform:none}.threshold,.threshold.walker{padding:23px 0}.footnote{line-height:1.8}.folio{padding:85px 25px}.folio-heading{margin-top:45px}.folio h2{font-size:65px}footer{flex-direction:column;text-align:center;line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* THE UNSETTLED ARCHIVE: archival restraint, deliberate unease. */
:root{--black:#030507;--bone:#d7d9d7;--muted:#aab5b9;--gold:#8f918a}
body{background:#030507;color:#d7d9d7;letter-spacing:.005em}
.intro{background:radial-gradient(ellipse 42% 55% at 92% 26%,#172330 0%,#0b1219 37%,transparent 82%),linear-gradient(102deg,#020304 8%,#080c11 70%,#101820 100%)}
.intro:before{transform:rotate(-11deg) skewX(-13deg);opacity:.43;filter:blur(23px)}
.intro:after{background:linear-gradient(90deg,#030506e8 0%,#03050677 58%,transparent 100%),linear-gradient(0deg,#030506 0%,transparent 37%)}
.cape{opacity:.52;transform:rotate(13deg)}
.intro h1{font-size:clamp(64px,10vw,128px);letter-spacing:-.07em;line-height:1.01;font-weight:400;text-shadow:none}
.intro h1 em{font-style:normal;color:#a7b4c1}
.foreword{font-size:clamp(21px,2.6vw,30px);line-height:1.4;color:#b7c2c6}
.thesis{font-size:clamp(22px,2.6vw,31px);line-height:1.4;color:#d1d6d4}
.fine-rule{width:76px;background:#83929b;opacity:.75}
.threshold strong{font-size:clamp(27px,3.5vw,40px);font-weight:400;line-height:1.18}
.description{font-size:17px;color:#a9b4b7}
.eyebrow,.instruction,.chapter,.folio-index,.back,.footnote,.provenance,.arrow,footer,.masthead{letter-spacing:.13em}
.archive{background:radial-gradient(ellipse 45% 38% at 95% 2%,#172331 0%,transparent 90%),#030507}
.archive.walker-active{background:radial-gradient(ellipse 38% 38% at 90% 20%,#101e1c 0%,transparent 88%),#020504}
.folio h2,.closing h2{font-weight:400;font-size:clamp(48px,8vw,83px);line-height:1.1;letter-spacing:-.055em}
.manuscript{font-size:clamp(21px,2.7vw,27px);line-height:1.55;color:#d1d7d5}
.manuscript p{margin-bottom:23px}
.folio-heading{border-bottom-color:#66777c88}
.closing{background:radial-gradient(ellipse at 58% 45%,#0f1a20,transparent 58%),#020304}
.secret{font-size:15px;line-height:1.65;color:#bdc8c8;opacity:1;letter-spacing:.035em;max-width:32ch;border-top:1px solid #63767d;padding-top:20px}
.secret:hover,.secret:focus{color:#edf1ee}
footer{font-size:10px;color:#c1cbd0;border-top:1px solid #50606a;line-height:1.8;background:#030507}
.footnote{color:#b3bec3}
@media(max-width:640px){.intro h1{font-size:clamp(61px,14vw,86px)}.folio h2{font-size:clamp(44px,12vw,68px)}.masthead{font-size:9px}.secret{font-size:15px}}

/* Unobtrusive, accessible opt-in audio control */
.sound-dock{position:fixed;right:clamp(12px,3vw,36px);bottom:clamp(54px,7vw,80px);z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}
.sound-dock button{pointer-events:auto;cursor:pointer;border:1px solid #73818a;background:#090d12f2;color:#e5e9e8;font:600 10px/1.4 system-ui,sans-serif;letter-spacing:.15em;padding:12px 15px;border-radius:2px;box-shadow:0 5px 28px #0009}
.sound-dock button:hover,.sound-dock button:focus-visible{border-color:#c5cdd0;color:#fff}
.sound-dock span{font:9px/1.3 system-ui,sans-serif;letter-spacing:.13em;color:#9ba8b0;background:#07090de0;padding:3px 6px}
@media(max-width:560px){.sound-dock{bottom:65px;right:12px}.sound-dock button{padding:11px;font-size:9px}}