:root{--ink:#1b1712;--paper:#e9dfca;--paper2:#d9c9a8;--red:#7d211b;--gold:#a98443;--night:#16120d;--muted:#746a59;--line:#b7a98d}
.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#6e5a37;border:1px solid #6e5a37;margin-bottom:1.2rem}.mode{background:#1b1711;border:0;text-align:left;padding:1rem 1.2rem;color:#b9aa91}.mode strong,.mode span{display:block}.mode strong{color:#dac8a6;margin-bottom:.25rem}.mode span{text-transform:none;letter-spacing:0;font-weight:normal;font-family:Georgia,serif}.mode.active{background:#7d211b}.mode.active strong,.mode.active span{color:#fff}@media(max-width:800px){.mode-picker{grid-template-columns:1fr}}
.mapfax{padding:clamp(5rem,9vw,9rem) clamp(1.2rem,7vw,8rem);background:#c8b58f}.map-lab{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:1.5rem;align-items:start}.map-side,.map-copy{min-width:0}.pixel-map{display:grid;grid-template-columns:repeat(var(--cols),1fr);aspect-ratio:16/10;border:1px solid #6d5e46;background:#e7dcc4}.pixel-map>*{border:0;border-right:1px solid #bdae92;border-bottom:1px solid #bdae92;background:transparent;padding:0;min-width:0}.pixel-map>.on{background:#72231d;box-shadow:inset 0 0 0 2px #a9824b}.map-copy label{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:bold;color:#6b211d;margin-bottom:.7rem}.map-copy textarea{width:100%;resize:vertical;background:#eee4d0;border:1px solid #75664d;padding:1rem;font:italic .9rem/1.5 Georgia,serif}.map-help{font-size:.78rem;color:#665c4c}.historical-note{max-width:960px;margin:2rem 0 0;border-left:2px solid #7d211b;padding-left:1rem;color:#554a39}@media(max-width:900px){.map-lab{grid-template-columns:1fr}.pixel-map{max-width:520px}}
.present{padding:clamp(4rem,8vw,8rem) clamp(1.2rem,7vw,8rem);background:#251d14;color:#e9dfca;display:grid;grid-template-columns:.7fr 1.3fr;gap:1rem 4rem}.present h2{font-size:clamp(2.3rem,5vw,5rem);font-weight:normal;line-height:1;margin:.4rem 0;grid-column:1}.present>div{grid-column:2;grid-row:1/3;font-size:1.05rem;color:#cfc0a6}.present-links{grid-column:1/3;display:flex;gap:1.4rem;border-top:1px solid #67553a;padding-top:1rem}.present a{color:#d3ad6a}@media(max-width:800px){.present{grid-template-columns:1fr}.present h2,.present>div,.present-links{grid-column:1;grid-row:auto}.present-links{display:block}.present-links a{display:block;margin:.7rem 0}}
.cases{padding:clamp(5rem,9vw,9rem) clamp(1.2rem,7vw,8rem);background:#ede3ce}.case-list{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #b7a98d;border-top:1px solid #b7a98d}.case-list article{padding:clamp(1.5rem,4vw,3rem);border-right:1px solid #b7a98d;border-bottom:1px solid #b7a98d}.case-date{color:#7d211b;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:bold}.case-list h3{font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1.12;font-weight:normal;margin:.6rem 0 1rem}.case-list dl{display:grid;gap:.4rem;margin:1.5rem 0}.case-list dl div{display:grid;grid-template-columns:90px 1fr;border-top:1px solid #c9baa0;padding-top:.35rem}.case-list dt{text-transform:uppercase;letter-spacing:.1em;font-size:.64rem;color:#7d211b}.case-list dd{margin:0;font-size:.85rem}.case-list a{color:#5d201c}@media(max-width:760px){.case-list{grid-template-columns:1fr}}
.time-axis{padding:clamp(5rem,9vw,9rem) clamp(1.2rem,7vw,8rem);background:#8b2b22;color:#f2e7d1;display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem 5rem}.time-axis .eyebrow{color:#e8c18a}.time-axis h2{font-size:clamp(2.6rem,6vw,6rem);font-weight:normal;line-height:.94;margin:.4rem 0}.time-line{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:1rem}.time-line span{text-align:center}.time-line b,.time-line small{display:block}.time-line b{font-size:1.1rem}.time-line small{color:#dbc6aa;font-size:.72rem}.time-line i{height:1px;background:#d6ac70;position:relative}.time-line i:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid #d6ac70;border-block:3px solid transparent}.time-copy{font-size:1.25rem;max-width:62ch}.time-condition{border-left:2px solid #e0b679;padding-left:1.2rem;color:#ead8bb;max-width:65ch}@media(max-width:800px){.time-axis{grid-template-columns:1fr;padding-left:max(1.5rem,calc(env(safe-area-inset-left) + 1.1rem));padding-right:max(1.5rem,calc(env(safe-area-inset-right) + 1.1rem))}.time-line{grid-template-columns:1fr}.time-line i{height:40px;width:1px;margin:auto}.time-line i:after{right:-3px;top:auto;bottom:0;border-top:6px solid #d6ac70;border-inline:3px solid transparent;border-bottom:0}.time-copy{font-size:1.08rem}}
.narrator{position:fixed;z-index:100;left:50%;bottom:0;transform:translateX(-50%);width:min(850px,100%);background:#100d09f7;color:#eee4d0;border-top:3px solid #a98443;box-shadow:0 -8px 30px #0005}.listen{width:100%;border:0;display:flex;align-items:center;gap:.8rem;padding:1rem 1.25rem;text-align:left}.listen span{font-size:.8rem}.listen small{margin-left:auto;color:#ead9bd;text-transform:none;letter-spacing:.04em}.audio-player{padding:.75rem max(1.25rem,env(safe-area-inset-left)) calc(.75rem + env(safe-area-inset-bottom))}.audio-now{display:flex;justify-content:space-between;gap:1rem}.audio-now small{color:#c69a58;letter-spacing:.12em}.audio-caption{min-height:2.8em;padding:.45rem 0;color:#d7c9b1;line-height:1.4}.audio-caption b{color:#d7a268;margin-right:.55rem}.audio-controls{display:flex;gap:.4rem;flex-wrap:wrap}.audio-controls button{background:#211a12;color:#eee4d0;padding:.5rem .7rem}.audio-controls #audio-chapters-toggle{margin-left:auto}.audio-controls [aria-pressed="true"]{border-color:#c89a54}.audio-player input{width:100%;accent-color:#8a2a22}.audio-chapters{position:absolute;left:0;right:0;bottom:100%;max-height:55svh;overflow:auto;background:#100d09;border-top:2px solid #a98443;padding:.5rem}.audio-chapters button{display:block;width:100%;text-align:left;background:none;color:#eee4d0;border:0;border-bottom:1px solid #3e3324;padding:.8rem}.audio-chapters button.active{color:#d6a45f}body{padding-bottom:76px}
@media(max-width:800px){body{font-size:18px;line-height:1.72}.hero,.argument,.cases,.codec,.mapfax,.method,.present,.sources{padding-left:max(1.5rem,calc(env(safe-area-inset-left) + 1.1rem));padding-right:max(1.5rem,calc(env(safe-area-inset-right) + 1.1rem))}.threshold .folio{padding-left:max(1.5rem,calc(env(safe-area-inset-left) + 1.1rem));padding-right:max(1.5rem,calc(env(safe-area-inset-right) + 1.1rem))}.argument-grid article,.case-list article,.panel{padding:1.35rem}.hero-copy>p:not(.eyebrow):not(.standfirst),.section-head>p,.case-list article>p,.method-copy,.historical-note{max-width:65ch}.section-head h2{font-size:clamp(2.45rem,12vw,3.5rem);line-height:1.04}.case-list h3{font-size:1.7rem;line-height:1.18}.panel textarea,.map-copy textarea{font-size:1rem;line-height:1.65}.listen small{display:none}.audio-now{display:block}.audio-now small,.audio-now strong{display:block}.audio-controls #audio-chapters-toggle{margin-left:0}.audio-caption{font-size:.85rem}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.65;background-image:radial-gradient(#735d3920 .6px,transparent .7px);background-size:5px 5px}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.7rem;z-index:20}.skip:focus{top:1rem}.masthead{height:74px;padding:0 clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #6e6048;background:#19150fee;color:#f4ead6;position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}.mark{color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:.8rem}.mark span{display:inline-grid;place-items:center;border:1px solid var(--gold);border-radius:50%;width:35px;height:35px;margin-right:.65rem;font-size:1.25rem}.masthead nav{display:flex;gap:1.4rem}.masthead nav a{color:#d8ccb6;text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:5vw;align-items:center;padding:clamp(4rem,9vw,9rem) clamp(1.2rem,8vw,9rem);background:linear-gradient(90deg,#17130e 0 62%,#241d14 62%);color:#eee4d0}.hero-copy{min-width:0}.eyebrow,.folio-label{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:bold;color:var(--red)}.hero .eyebrow,.light .eyebrow{color:#c69472}.hero h1{font-size:clamp(3.2rem,8vw,8.5rem);line-height:.87;letter-spacing:-.055em;max-width:900px;margin:.45rem 0 1.2rem;font-weight:normal;overflow-wrap:break-word}.standfirst{font-size:clamp(1.45rem,3vw,2.6rem);font-style:italic;color:#c5a876;margin:.25rem 0 2rem}.hero-copy>p:not(.eyebrow):not(.standfirst){max-width:690px;color:#cfc3ae;font-size:1.05rem}.button,button{display:inline-block;border:1px solid var(--gold);background:var(--red);color:white;padding:.8rem 1rem;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font:700 .69rem Arial,sans-serif;cursor:pointer}.button{margin-top:1rem}.seal{text-align:center;margin:0}.seal-ring{margin:auto;width:min(290px,65vw);aspect-ratio:1;border:1px solid #ac8b50;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 0 12px #17130e,0 0 0 13px #6c5b3c}.seal-ring:before,.seal-ring:after{content:"";position:absolute;background:#7f6a44}.seal-ring:before{width:70%;height:1px}.seal-ring:after{height:70%;width:1px}.seal-ring b{font-size:7rem;font-weight:normal;color:#b89458;z-index:1;text-shadow:3px 3px #000}.seal-ring span,.seal-ring small{position:absolute;letter-spacing:.35em;font-size:.68rem}.seal-ring span{top:13%}.seal-ring small{bottom:14%}.seal figcaption{font-style:italic;color:#a99b83;margin-top:2rem}.threshold{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.folio{min-height:480px;padding:clamp(3rem,7vw,7rem);position:relative}.latin-folio{background:#cdbb98}.reveal-folio{background:#f1e8d5}.folio blockquote{font-size:clamp(1.6rem,3vw,3rem);line-height:1.3;margin:2rem 0;max-width:700px}.latin-folio blockquote{font-style:italic}.marginal,.annotation{color:var(--red);max-width:260px;border-left:2px solid var(--red);padding-left:1rem;margin-top:3rem;font-size:.9rem}.argument,.method{padding:clamp(5rem,9vw,9rem) clamp(1.2rem,7vw,8rem)}.section-head{max-width:850px;margin-bottom:3.5rem}.section-head h2{font-size:clamp(2.4rem,5vw,5rem);line-height:1;margin:.5rem 0;font-weight:normal;letter-spacing:-.035em}.argument-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.argument-grid article{padding:2.2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.argument-grid article>span{color:var(--red);font-size:.75rem;letter-spacing:.15em}.argument-grid h3{font-size:1.45rem;font-weight:normal;margin:.5rem 0}.argument-grid p{color:#4f493f}.distinction{margin-top:2rem;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:1rem;align-items:center;border:1px solid var(--red);padding:1.2rem;color:#5c261f}.distinction span{border-left:1px solid #ad8378;padding-left:1rem}.codec{background:var(--night);color:#eee3cd;padding:clamp(5rem,9vw,9rem) clamp(1.2rem,7vw,8rem)}.light p{color:#c8baa2}.workbench{display:grid;grid-template-columns:1fr auto 1fr;gap:1.2rem;align-items:center}.panel{border:1px solid #6e5a37;padding:1.3rem;background:#201a12;min-width:0}.panel label{display:block;text-transform:uppercase;letter-spacing:.16em;color:#cfa55f;font-size:.7rem;margin-bottom:.7rem}.panel textarea{width:100%;resize:vertical;background:#15110d;color:#f1e4cc;border:1px solid #594b34;padding:1rem;font:1.05rem/1.6 Georgia,serif}.manuscript textarea{font-style:italic;color:#d6bd8e}.actions{display:flex;gap:.7rem;margin-top:.8rem;flex-wrap:wrap}.quiet{background:transparent;color:#d8c7aa}.transfer{color:#b99455;font-size:2rem}.status{min-height:1.4rem;color:#c6a66e;font-size:.8rem;margin:.6rem 0 0}.decoded{margin-top:1.4rem;border:1px solid #8c744a;background:#eee4cf;color:#1e1912;padding:1.5rem}.decoded output{white-space:pre-wrap;font-size:1.25rem}.method-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:1rem;border-block:1px solid var(--line);padding:2rem 0}.method-flow div{min-height:120px}.method-flow b{font-size:1.25rem;font-weight:normal}.method-flow p{color:#655d50;font-size:.9rem}.method-flow i{color:var(--red);font-size:1.5rem}.method-copy{columns:2;column-gap:3rem;margin:2.5rem 0;max-width:1000px}.method-copy p{margin-top:0}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0}summary{cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:bold}.spec{max-width:900px;color:#554d40}.sources{padding:4rem clamp(1.2rem,7vw,8rem);background:#bbaa87;display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}.sources h2{font-weight:normal;font-size:2.2rem;margin:.2rem 0}.sources ul{padding-left:1.1rem}.sources a{color:#431c18}footer{background:#100d09;color:#b8aa92;display:flex;justify-content:space-between;padding:2rem clamp(1.2rem,7vw,8rem);font-size:.75rem;letter-spacing:.1em}footer p{margin:0;font-style:italic}.error{color:#e39c8f!important}.ok{color:#9fbf91!important}@media(max-width:800px){.masthead nav{display:none}.hero{grid-template-columns:minmax(0,1fr);background:#17130e}.seal{display:none}.threshold{grid-template-columns:1fr}.folio{min-height:0}.argument-grid{grid-template-columns:1fr}.distinction{grid-template-columns:1fr}.distinction span{padding:.6rem 0;border-left:0;border-top:1px solid #ad8378}.workbench{grid-template-columns:minmax(0,1fr)}.transfer{text-align:center;transform:rotate(90deg)}.method-flow{grid-template-columns:1fr}.method-flow div{min-height:0}.method-flow i{transform:rotate(90deg);text-align:center}.method-copy{columns:1}.sources{grid-template-columns:1fr;gap:1rem}footer{display:block}.hero h1{font-size:clamp(3rem,15vw,3.45rem)}}