:root{--paper:#eee9dd;--paper2:#ded7c8;--ink:#171713;--red:#a62b18;--red-light:#ff8a73;--blue:#244d9b;--dust:#aaa395;--mono:"SFMono-Regular",Consolas,monospace;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,"Times New Roman",serif;--pad:clamp(1rem,3.2vw,3.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-underline-offset:.22em}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip-link{position:fixed;z-index:99;left:1rem;top:1rem;padding:.8rem 1rem;background:var(--blue);color:white;transform:translateY(-180%)}.skip-link:focus{transform:none}
.masthead{height:86px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid;position:relative;z-index:5}.wordmark{font:900 .85rem/.8 var(--sans);text-decoration:none;letter-spacing:-.04em}.masthead p{margin:0;font:11px/1 var(--mono);text-transform:uppercase}.masthead p span{color:var(--red)}.masthead nav{justify-self:end;display:flex;gap:1.5rem}.masthead nav a{font:11px/1 var(--mono);text-transform:uppercase}
.opening{min-height:calc(100svh - 86px);padding:clamp(3rem,7vw,8rem) var(--pad) 2rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,31rem);grid-template-rows:auto 1fr auto;gap:2rem;position:relative}.folio{font:10px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}.opening>.folio{grid-column:1/-1}.opening h1{margin:0;align-self:center;font:400 clamp(4rem,10vw,10.8rem)/.78 var(--serif);letter-spacing:-.075em}.opening h1 em{color:var(--red);font-weight:400}.opening-note{align-self:end;max-width:29rem;border-top:1px solid;padding-top:1.25rem}.opening-note p{font:clamp(1rem,1.4vw,1.3rem)/1.45 var(--serif);margin:0 0 2rem}.opening-note a{font:700 12px/1 var(--mono);text-transform:uppercase}.thesis{grid-column:1/-1;border-top:1px solid;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding-top:1rem;font:10px/1.2 var(--mono)}.thesis strong{font:400 4.5rem/.8 var(--serif);color:var(--blue)}.thesis span:last-child{text-align:right}
.object-section{background:var(--ink);color:var(--paper);padding:5rem var(--pad) 7rem}.chapter-head{display:grid;grid-template-columns:4rem minmax(8rem,1fr) minmax(0,2fr);gap:1rem;border-top:1px solid currentColor;padding-top:1rem;align-items:start}.chapter-head>span{font:700 12px var(--mono);color:var(--red)}.chapter-head p{margin:0;font:10px/1.4 var(--mono);text-transform:uppercase}.chapter-head h2{font:400 clamp(3.3rem,7vw,8rem)/.82 var(--serif);letter-spacing:-.06em;margin:0}.object-workbench{margin-top:7rem;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(2rem,6vw,8rem);align-items:center}.poster-frame{aspect-ratio:4/5;max-width:650px;width:100%;margin:auto;background:#c7c0b2;padding:clamp(1rem,4vw,3rem);position:relative;box-shadow:12px 16px 0 #070806}.poster{height:100%;background:var(--paper);color:var(--ink);padding:7%;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .5s,color .5s,transform .5s,filter .5s}.poster::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 19px,rgba(23,23,19,.045) 20px);mix-blend-mode:multiply;pointer-events:none}.poster-code{font:9px var(--mono)}.poster strong{font:900 clamp(3.5rem,7.7vw,8rem)/.75 var(--sans);letter-spacing:-.09em;margin:auto 0;position:relative;z-index:1}.poster i{position:absolute;width:44%;aspect-ratio:1;border-radius:50%;background:var(--red);right:-4%;top:25%;mix-blend-mode:multiply}.poster b{height:13%;width:75%;position:absolute;left:0;bottom:20%;background:var(--blue);mix-blend-mode:multiply}.poster small{font:700 clamp(.65rem,1.1vw,1rem)/1.25 var(--mono);max-width:80%;position:relative;z-index:1}.poster[data-state="1"]{filter:grayscale(1) contrast(1.35);transform:rotate(-.7deg) scale(.985)}.poster[data-state="1"]::after{background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.14) 4px)}.poster[data-state="2"]{background:#d6e0ca}.poster[data-state="2"] strong{letter-spacing:-.04em}.poster[data-state="3"]{transform:scale(1.22) translateX(-7%)}.poster[data-state="4"]{transform:scale(.72);box-shadow:0 0 0 16px #fff,0 0 0 17px #aaa;background:#f3f2ee}.crop-mark{position:absolute;width:25px;height:25px;border-color:var(--red)}.crop-a{top:.5rem;left:.5rem;border-left:2px solid;border-top:2px solid}.crop-b{right:.5rem;bottom:.5rem;border-right:2px solid;border-bottom:2px solid}
.panel-label,.note-index{font:10px/1 var(--mono);text-transform:uppercase}.edition-tabs{border-top:1px solid #69695f}.edition-tabs button{width:100%;min-height:68px;border:0;border-bottom:1px solid #69695f;background:transparent;color:inherit;display:grid;grid-template-columns:2rem 1fr auto;align-items:center;text-align:left;padding:.75rem 0;cursor:pointer}.edition-tabs button span,.edition-tabs button small{font:10px var(--mono)}.edition-tabs button b{font:400 clamp(1.3rem,2.3vw,2rem) var(--serif)}.edition-tabs button[aria-selected="true"]{color:#fff;background:linear-gradient(90deg,var(--red) 0 4px,transparent 4px);padding-left:1rem}.edition-tabs button[aria-selected="true"] small::before{content:"ACTIVE / ";color:var(--red)}.edition-note{padding-top:2.5rem}.edition-note h3{font:400 clamp(2rem,3.6vw,4rem)/.95 var(--serif);margin:.75rem 0 1rem}.edition-note>p:last-of-type{font:1rem/1.55 var(--serif);color:#c9c5ba;max-width:35rem}.edition-note dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #69695f;margin-top:2rem}.edition-note dl div{padding:1rem 0}.edition-note dt{font:9px var(--mono);text-transform:uppercase;color:var(--dust)}.edition-note dd{margin:.5rem 0 0;font:13px var(--mono)}
.reading{background:var(--red);color:var(--ink);padding:6rem var(--pad)}.chapter-head.inverse>span{color:var(--paper)}.reading-grid{margin-top:6rem;display:grid;grid-template-columns:1.3fr .8fr .7fr;gap:clamp(2rem,5vw,6rem);align-items:start}.pull{font:italic 400 clamp(2rem,4vw,4.5rem)/.98 var(--serif);margin:0}.essay p{font:1.05rem/1.6 var(--serif);margin:0 0 1.5rem}.drop{float:left;font:5rem/.7 var(--serif);padding:.12em .08em 0 0}.survival-list{list-style:none;padding:0;margin:0;border-top:1px solid}.survival-list li{display:grid;grid-template-columns:2rem 1fr;border-bottom:1px solid;padding:1rem 0}.survival-list span,.survival-list small{font:9px var(--mono)}.survival-list b{font:1.25rem var(--serif)}.survival-list small{grid-column:2;margin-top:.3rem}.source{padding:8rem var(--pad);display:grid;grid-template-columns:1fr 2fr;gap:2rem}.source .folio{grid-column:1/-1}.source h2{font:400 clamp(3rem,6vw,7rem)/.85 var(--serif);letter-spacing:-.06em;margin:0}.source>p:not(.folio){font:1.1rem/1.55 var(--serif);max-width:45rem;margin:0}.source>a{grid-column:2;font:700 11px var(--mono);text-transform:uppercase;margin-top:2rem}footer{background:var(--ink);color:var(--paper);padding:1.5rem var(--pad);display:flex;justify-content:space-between;font:9px var(--mono);text-transform:uppercase}
@media(max-width:720px){.masthead{grid-template-columns:1fr auto;height:72px}.masthead>p{display:none}.masthead nav a:not(:first-child){display:none}.opening{min-height:auto;grid-template-columns:1fr;padding-top:4rem}.opening h1{font-size:clamp(3.7rem,18vw,6rem)}.opening-note{max-width:none}.chapter-head{grid-template-columns:2rem 1fr}.chapter-head h2{grid-column:1/-1;margin-top:2rem}.object-section{padding-top:4rem}.object-workbench{grid-template-columns:1fr;margin-top:3rem}.edition-panel{min-width:0}.edition-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.edition-tabs button{min-width:130px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;scroll-snap-align:start;padding:.75rem}.edition-tabs button[aria-selected="true"]{padding-left:.75rem;background:linear-gradient(180deg,transparent calc(100% - 4px),var(--red) 0)}.reading-grid{grid-template-columns:1fr}.source{grid-template-columns:1fr;padding-block:5rem}.source>a{grid-column:1}footer{gap:1rem;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster{transition:none}}
@media(forced-colors:active){.poster i,.poster b{border:2px solid}.poster::after{display:none}}
.chapter-head.inverse>span{color:var(--ink)}
.object-section{--red:var(--red-light)}
.reading{background:var(--red-light)}
.skip-link{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;transform:none;top:0}
.skip-link:focus{width:auto;height:auto;padding:.8rem 1rem;clip-path:none;top:1rem}