:root{--paper:#e8e5de;--sheet:#f5f2eb;--ink:#20221f;--grey:#787a74;--line:#b8b7ad;--red:#aa4837;--dark:#232521;--mono:'DM Mono',monospace;--serif:'Newsreader',Georgia,serif;--sans:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}::selection{background:#c9a89b}body.open{overflow:hidden}
.mono{font:10px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase}.faint{color:var(--grey)}.red{color:var(--red)}.rule{height:1px;background:var(--line)}
header{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 4.4vw;border-bottom:1px solid var(--line);position:relative;z-index:4} .logo{font:25px var(--serif);letter-spacing:-.035em}.logo small{font:9px var(--mono);letter-spacing:.04em;margin-left:9px;color:var(--grey)}nav{display:flex;gap:30px;align-items:center}nav a,nav button{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;background:none;border:0;padding:7px 0}nav a:hover,nav button:hover{color:var(--red)}.nav-mark{border-bottom:1px solid var(--red)!important}
.hero{min-height:680px;display:grid;grid-template-columns: minmax(0,1.14fr) minmax(400px,.86fr);border-bottom:1px solid var(--line)}.hero-left{padding:7vh 4vw 44px 7.7vw;position:relative;display:flex;flex-direction:column}.hero-top{display:flex;justify-content:space-between;max-width:570px}.hero h1{font:clamp(92px,10.8vw,180px)/.77 var(--serif);letter-spacing:-.092em;font-weight:300;margin:95px 0 25px;max-width:750px}.hero h1 span{display:block}.hero h1 span:nth-child(2){padding-left:17%;font-style:italic;color:var(--red)}.hero-kicker{font:clamp(18px,2vw,25px)/1.35 var(--serif);font-style:italic;margin:12px 0 32px;max-width:500px}.hero-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:35px}.hero-bottom p{max-width:315px;font:14px/1.65 var(--sans);color:#53564f}.text-link{border:0;border-bottom:1px solid var(--ink);background:none;color:var(--ink);padding:0 0 9px;text-align:left;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.text-link:hover{color:var(--red);border-color:var(--red)}
.hero-right{background:#d7d5cc;position:relative;min-height:600px;overflow:hidden;border-left:1px solid var(--line)}.hero-right:before,.graphic:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 98%,rgba(30,29,26,.055) 99%),linear-gradient(0deg,transparent 98%,rgba(30,29,26,.055) 99%);background-size:34px 34px;opacity:.42;pointer-events:none}.hero-right .paperclip{position:absolute;width:95px;height:175px;border:6px solid #7e8178;border-radius:52px;transform:rotate(20deg);top:-75px;right:10%;z-index:2;opacity:.6}.hero-marks{position:absolute;inset:45px 9% 40px;display:flex;flex-direction:column}.hero-marks .stamp{align-self:flex-end;border:1px solid #7e8278;padding:10px;transform:rotate(7deg);font:10px var(--mono);color:#666961}.hero-vignette{height:65%;display:flex;align-items:center;justify-content:center}.hero-vignette svg{width:100%;height:100%;max-width:480px}.hero-note{font:clamp(22px,2.1vw,34px)/1.18 var(--serif);font-style:italic;margin:auto 0 30px;transform:rotate(-3deg);max-width:385px}.hero-no{display:flex;justify-content:space-between;border-top:1px solid #9fa096;padding-top:13px}
.interlude-photo{padding:28px 7.7vw 42px;border-bottom:1px solid var(--line);background:var(--paper)}.interlude-figure{margin:0}.interlude-figure img{display:block;width:100%;max-height:430px;object-fit:cover;border:1px solid var(--line);background:#d8d4cb}.interlude-figure figcaption{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-top:12px;flex-wrap:wrap}.interlude-figure .credit{font:11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--grey)}.interlude-figure .credit a{border-bottom:1px solid transparent}.interlude-figure .credit a:hover{color:var(--red);border-color:var(--red)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:38px}.section-heading h2{font:clamp(55px,6vw,94px)/.9 var(--serif);letter-spacing:-.065em;font-weight:300;margin:10px 0}.collection{padding:90px 7.7vw 115px}.section-heading .aside{max-width:300px;font:13px/1.7 var(--sans);color:var(--grey)}.chapters{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.chapter{min-height:425px;padding:23px 19px 25px;border:0;border-right:1px solid var(--line);background:transparent;text-align:left;display:flex;flex-direction:column;transition:background .3s;position:relative;overflow:hidden}.chapter:last-child{border-right:0}.chapter:hover{background:#dcd9d0}.chapter:hover .chapter-art{transform:translateY(-9px) rotate(-2deg)}.chapter-top{display:flex;justify-content:space-between}.chapter-art{flex:1;display:flex;align-items:center;justify-content:center;transition:transform .45s}.chapter-art svg{width:85%;height:215px;max-width:240px}.chapter h3{font:clamp(29px,2.8vw,43px)/1 var(--serif);letter-spacing:-.04em;font-weight:300;margin:0 0 12px}.chapter-arrow{font-size:25px;float:right}.chapter p{font:11px/1.7 var(--mono);color:var(--grey);margin:0;max-width:190px}
.poems-section{padding:80px 7.7vw 125px;background:var(--sheet);border-top:1px solid var(--line)}.poem-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:18px;flex-wrap:wrap}.filters{display:flex;gap:20px;flex-wrap:wrap}.filter{border:0;background:none;padding:5px 0;color:var(--grey);font:10px var(--mono);text-transform:uppercase}.filter.active{color:var(--red);border-bottom:1px solid var(--red)}.search{border:0;background:transparent;outline:none;font:12px var(--mono);width:185px;color:var(--ink)}.poem-list{display:grid;grid-template-columns:1fr 1fr}.poem-row{border-bottom:1px solid #c8c6bd;min-height:120px;border-right:1px solid #d0cdc4;padding:18px 25px 22px 0;display:grid;grid-template-columns:40px 1fr auto;align-items:start;gap:13px;text-align:left;background:transparent;transition:background .2s}.poem-row:nth-child(even){border-right:0;padding-left:25px}.poem-row:hover{background:#e9e5dc}.poem-row h3{font:clamp(24px,2.15vw,34px)/1.1 var(--serif);font-weight:300;margin:0 0 13px}.poem-row p{font:12px/1.5 var(--serif);font-style:italic;color:var(--grey);margin:0}.poem-row .idx{font:10px var(--mono);color:var(--red)}.poem-row .arr{font-size:23px;color:var(--red)}
.about{padding:90px 7.7vw 120px;display:grid;grid-template-columns:1.1fr .9fr;gap:11%}.about blockquote{font:clamp(33px,4vw,60px)/1.13 var(--serif);letter-spacing:-.038em;font-weight:300;margin:40px 0}.about blockquote em{color:var(--red)}.about-copy{padding-top:30px;max-width:410px}.about-copy h2{font:42px var(--serif);margin:18px 0}.about-copy p{font:14px/1.85 var(--sans);color:#5c5e59}footer{padding:24px 7.7vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);gap:20px;flex-wrap:wrap}
/* READING ROOM — NOT A MODAL CARD */
.reader{position:fixed;inset:0;z-index:20;background:var(--sheet);display:none;overflow:auto}.reader.visible{display:block;animation:appear .38s ease both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reader-top{height:64px;position:sticky;top:0;z-index:6;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.5vw;background:rgba(245,242,235,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.reader-top .top-end{justify-self:end;display:flex;gap:15px;align-items:center}.reader-top button{background:none;border:0;color:var(--ink)}.reader-top button:hover{color:var(--red)}.reader-progress{position:fixed;z-index:8;top:63px;left:0;height:2px;width:0;background:var(--red);transition:width .1s}.reading-grid{display:grid;grid-template-columns:43% 57%;min-height:calc(100vh - 64px)}.reader-stage{position:sticky;top:64px;height:calc(100vh - 64px);border-right:1px solid var(--line);background:#d9d8cf;overflow:hidden;display:flex;flex-direction:column}.reader-stage:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.31;background-image:repeating-linear-gradient(0deg,transparent,transparent 5px,rgba(70,67,60,.07) 6px)}.stage-head{padding:35px clamp(25px,4vw,65px) 0;display:flex;justify-content:space-between;gap:15px;position:relative}.stage-art{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 9%;min-height:0}.stage-art svg{max-width:100%;width:100%;height:100%;max-height:520px;filter:drop-shadow(7px 12px 10px rgba(41,41,36,.06))}.stage-foot{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:0 clamp(25px,4vw,65px) 40px;position:relative}.stage-annotation{font:italic clamp(20px,2.3vw,32px)/1.2 var(--serif);max-width:330px;transform:rotate(-2deg);color:#565c55}.stage-foot .mono{writing-mode:vertical-rl}.reading-sheet{padding:clamp(45px,6vw,100px) clamp(35px,8vw,155px) 80px;max-width:920px;width:100%;margin:0 auto;display:flex;flex-direction:column}.read-context{display:flex;gap:25px;align-items:center;color:var(--red)}.reading-sheet h2{font:clamp(65px,6.7vw,114px)/.88 var(--serif);font-weight:300;letter-spacing:-.064em;margin:48px 0 20px;max-width:690px}.reading-sheet h2.smalltitle{font-size:clamp(54px,5.2vw,82px)}.read-intro{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0 30px}.read-intro .dash{background:var(--red);height:1px;width:32px}.poem-body{white-space:pre-wrap;font:var(--read-size,23px)/1.8 var(--serif);letter-spacing:-.012em;margin:52px 0 85px;max-width:590px;overflow-wrap:anywhere}.poem-body::first-line{color:var(--ink)}.read-bottom{margin-top:auto;border-top:1px solid var(--ink);padding-top:28px}.read-nav{display:flex;justify-content:space-between;gap:25px}.read-nav button{max-width:48%;text-align:left;border:0;background:none;padding:0}.read-nav button:last-child{text-align:right}.read-nav b{display:block;font:21px var(--serif);font-weight:400;margin:7px 0}.read-nav button:hover b{color:var(--red)}.read-index{margin-top:40px;display:flex;justify-content:space-between;gap:15px;align-items:center}.read-index button{background:none;border:1px solid var(--line);padding:10px 15px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em}.read-index button:hover{border-color:var(--red)}
.reader.dark{--sheet:#222623;--paper:#292c28;--ink:#e9e6de;--line:#565a53;--grey:#b4b5ae;--red:#dfa98f; color:var(--ink)}.reader.dark .reader-stage{background:#30362f}.reader.dark .stage-annotation{color:#c9c5b9}.reader.dark .reader-top{background:#222623f0}.reader.dark .reader-stage svg{filter:invert(.85) hue-rotate(160deg)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-left{min-height:520px;padding:45px 7vw}.hero h1{font-size:clamp(90px,15vw,160px);margin:70px 0 30px}.hero-right{min-height:390px}.hero-vignette{height:65%}.hero-marks{inset:20px 9%}.reading-grid{grid-template-columns:1fr}.reader-stage{position:relative;top:auto;height:380px;border-right:0;border-bottom:1px solid var(--line)}.stage-art{padding:0 20%}.stage-head{padding-top:16px}.stage-foot{padding-bottom:15px}.reading-sheet{padding:45px 8vw 70px}.chapters{grid-template-columns:1fr 1fr}.chapter:nth-child(2){border-right:0}.chapter:nth-child(-n+2){border-bottom:1px solid var(--line)}.about{gap:6%}}
@media(max-width:600px){header{height:62px;padding:0 6vw}nav{gap:14px}nav a:nth-child(1),nav a:nth-child(2){display:none}.logo{font-size:23px}.logo small{display:none}.hero-left{min-height:540px}.hero h1{font-size:clamp(77px,18vw,120px)}.hero-bottom{flex-direction:column;align-items:start;gap:10px}.hero-right{min-height:340px}.hero-note{font-size:23px}.interlude{grid-template-columns:1fr}.interlude>div+div{border-left:0;border-top:1px solid var(--line)}.collection,.poems-section{padding:67px 6vw}.section-heading{display:block}.section-heading h2{font-size:62px}.chapters{grid-template-columns:1fr 1fr}.chapter{min-height:345px;padding:16px 10px}.chapter h3{font-size:29px}.chapter-art svg{height:160px}.poem-list{grid-template-columns:1fr}.poem-row,.poem-row:nth-child(even){padding:20px 0;border-right:0}.about{grid-template-columns:1fr;padding:70px 6vw}.reader-top{height:58px;padding:0 5vw}.reader-progress{top:57px}.reader-top .middle{display:none}.reader-stage{height:300px}.stage-art{padding:0 23%}.stage-annotation{font-size:18px}.reading-sheet h2{font-size:66px;margin-top:38px}.reading-sheet h2.smalltitle{font-size:54px}.poem-body{font-size:var(--read-size,21px);line-height:1.75;margin:38px 0 65px}.read-nav b{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* A more singular opening: the blank space before words. */
.hero-recast{min-height:min(850px,calc(100svh - 74px));height:auto;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#232822;color:#f2eee4;border-bottom:1px solid #232822;isolation:isolate;padding:31px 6.4vw 35px}
.hero-recast .opening-grain{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 65% 42%,rgba(219,207,183,.105),transparent 40%),radial-gradient(ellipse at 15% 95%,rgba(177,79,56,.18),transparent 48%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.008) 4px 5px)}
.hero-recast:before{content:' ';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(250,245,232,.09);pointer-events:none}
.hero-recast .hero-edition{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#c1bdb1;position:relative;z-index:2}
.hero-recast .hero-center{position:relative;margin:auto 0;z-index:2;padding:75px 0 45px;width:100%}
.hero-recast .hero-ante{font-size:10px;letter-spacing:.18em;line-height:1.8;color:#dbad97;margin-bottom:24px}
.hero-recast h1{font-family:var(--serif);font-size:clamp(85px,13.5vw,215px);line-height:.82;letter-spacing:-.094em;font-weight:300;margin:0;position:relative;max-width:none}
.hero-recast h1 span{display:block}
.hero-recast h1 span:nth-child(2){padding-left:15%;color:#f2eee4;font-style:normal}
.hero-recast h1 i{font-weight:300}
.hero-recast h1 b{color:#be7057;font-style:normal;font-weight:300}
.hero-underline{margin:27px 0 0 16%;display:flex;gap:9px;align-items:center;opacity:.72}
.hero-underline span{width:18px;height:1px;background:#d1c3af}.hero-underline span:nth-child(2){width:75px}.hero-underline span:nth-child(3){width:8px}
.hero-manifesto{font:italic clamp(21px,2.5vw,35px)/1.16 var(--serif);letter-spacing:-.015em;margin:36px 0 0 53%;color:#d8d5cb}
.hero-floating{position:absolute;width:clamp(175px,20vw,282px);right:5.5vw;top:15%;z-index:1;transform:rotate(8deg);filter:drop-shadow(0 23px 22px rgba(0,0,0,.19))}
.hero-floating-top,.hero-floating-bottom{display:block;font-size:8px;letter-spacing:.12em;color:#d2baaa;margin:8px 5px}
.hero-paper{min-height:195px;background:#d6cec0;color:#292a27;padding:25px 19px 18px;border:1px solid #bdb1a3;position:relative;display:flex;flex-direction:column;justify-content:space-between;clip-path:polygon(0 0,100% 0,100% 94%,98% 96%,100% 98%,0 100%)}
.hero-paper:before{content:'';position:absolute;top:10px;left:10px;bottom:10px;right:10px;border:1px solid rgba(67,62,53,.26)}
.hero-paper-lines{width:45px;height:2px;background:#a14c3c;margin:6px 0 18px}
.hero-paper>span{font:italic clamp(17px,1.9vw,25px)/1.26 var(--serif);position:relative;z-index:1}
.hero-paper small{font:9px var(--mono);letter-spacing:.06em;position:relative;text-align:right;margin-top:20px}
.hero-recast .hero-low{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px;position:relative;z-index:3}
.hero-low-intro{display:flex;align-items:flex-start;gap:16px;max-width:315px}.hero-low-intro .tiny-rule{width:26px;height:1px;background:#be7057;margin-top:10px;flex:none}
.hero-low-intro p{margin:0;font:12px/1.65 var(--sans);color:#d5d0c4}
.hero-enter{display:flex;align-items:center;gap:30px;cursor:pointer;background:#cf7f5e;color:#272620;padding:17px 18px 17px 22px;border:none;transition:background .2s,transform .2s}
.hero-enter:hover{background:#e0a083;transform:translateY(-3px)}
.hero-enter .mono{font-size:10px;letter-spacing:.13em}.hero-enter-arrow{font:25px var(--serif)}
.hero-scroll{justify-self:end;font-size:9px;letter-spacing:.12em;color:#aeb3a9;white-space:nowrap}
.hero-scroll span{margin-left:11px;font-size:18px}
@media(max-width:1050px){.hero-floating{right:4%;top:12%;opacity:.72}.hero-recast h1{font-size:clamp(85px,13.4vw,160px)}.hero-manifesto{margin-left:40%}}
@media(max-width:700px){.hero-recast{min-height:750px;padding:24px 7vw 32px}.hero-recast:before{left:58%}.hero-recast .hero-edition{font-size:8px}.hero-recast .hero-center{padding-top:105px}.hero-recast h1{font-size:clamp(65px,17.2vw,115px)}.hero-recast h1 span:nth-child(2){padding-left:5%}.hero-recast .hero-ante{font-size:9px;max-width:230px}.hero-floating{width:150px;top:15%;right:-21px;opacity:.52}.hero-paper{min-height:145px;padding:16px 13px}.hero-paper>span{font-size:16px}.hero-manifesto{margin:45px 0 0 15%;font-size:27px}.hero-recast .hero-low{grid-template-columns:1fr;align-items:start;gap:22px}.hero-low-intro{max-width:300px}.hero-enter{justify-content:space-between;width:100%;max-width:330px}.hero-scroll{display:none}}
@media(prefers-reduced-motion:reduce){.hero-enter{transition:none}}

/* Inventory section: high contrast on the warm-white background */
#poems .section-heading h2 { color:#20221f !important; opacity:1; text-shadow:none; }
#poems .section-heading .mono.red { color:#873a2d !important; opacity:1; font-weight:600; }
#poems .section-heading .aside { color:#444740; }

/* Inventory poem cards: explicit dark text on the pale paper background */
#poems .poem-row { color: #20221f; }
#poems .poem-row h3 { color: #20221f !important; opacity: 1; }
#poems .poem-row p { color: #555952; }
#poems .poem-row .idx, #poems .poem-row .arr { color: #963e30; }
#poems .poem-row:hover h3 { color: #85392d !important; }

/* Reading room footer: accessible contrast in both themes */
.reader:not(.dark) .read-nav button,
.reader:not(.dark) .read-nav button b { color:#20221f !important; opacity:1; }
.reader:not(.dark) .read-nav button .mono { color:#62665f !important; }
.reader:not(.dark) .read-index button { color:#20221f !important; border-color:#989b92 !important; }
.reader:not(.dark) .read-bottom > .mono,
.reader:not(.dark) .read-index > .mono { color:#62665f !important; }
.reader:not(.dark) .read-nav button:hover b,
.reader:not(.dark) .read-index button:hover { color:#963e30 !important; }
.reader.dark .read-nav button,
.reader.dark .read-nav button b,
.reader.dark .read-index button { color:var(--ink) !important; }
.reader.dark .read-nav button .mono,
.reader.dark .read-bottom > .mono,
.reader.dark .read-index > .mono { color:var(--grey) !important; }
.reader.dark .read-index button { border-color:var(--line) !important; }

/* DAYLIGHT CHAPTER GRID: replace pale white headings and numerals with legible terracotta. */
.collection .chapter h3,
.collection .chapter .chapter-top,
.collection .chapter .chapter-top .mono,
.collection .chapter .chapter-arrow {
  color: #9b402f !important;
  opacity: 1 !important;
}
.collection .chapter:hover h3,
.collection .chapter:hover .chapter-top,
.collection .chapter:hover .chapter-top .mono,
.collection .chapter:hover .chapter-arrow {color:#823122 !important;}

/* THE ARCHIVE, REFINED: semantic colors and coherent contrast */
:root{--red:#91402e;--line:#aaa99f;--grey:#565a52}
body{background:#e9e6df}
.collection{background:#e9e6df}.poems-section{background:#f5f2ec}
.collection .chapter{color:var(--ink);min-height:440px}
.collection .chapter h3{color:#853a2b!important}
.collection .chapter p{color:#4f524b}
.collection .chapter-top{font-weight:500}
.poem-row{outline-offset:-3px}
.poem-row:focus-visible,.chapter:focus-visible{outline:2px solid #984734;outline-offset:-4px}
.filter.active{font-weight:500}
.reader:not(.dark) .reader-top{background:#f5f2eb}
.reader:not(.dark) .reader-stage{background:#dad9d0}
.reader:not(.dark) .reader-top button,.reader:not(.dark) .read-index button{color:#30342e!important}
.reader:not(.dark) .read-context{color:#8e3b2c}
.reader:not(.dark) .stage-head,.reader:not(.dark) .stage-instruction{color:#454941}
.reader:not(.dark) .read-nav b{color:#262a25!important}
.reader:not(.dark) .read-nav button:hover b{color:#8e3b2c!important}
.reader.dark .read-nav button:hover b{color:#f1bfa7!important}
.reader .reading-sheet{max-width:950px}
.reader .poem-body{line-height:1.84;letter-spacing:.002em}
.reader .reader-top button{min-height:38px;padding:8px 5px}
.reader .read-index button{min-height:42px}
.reader .stage-instruction{position:absolute;bottom:135px;left:clamp(25px,4vw,65px);right:clamp(25px,4vw,65px);text-align:center;font-size:10px;letter-spacing:.1em;pointer-events:none}
/* An editorial interaction drawn from Unanswered Letters, not decorative movement. */
.envelope-interaction{appearance:none;background:transparent;border:0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:min(90%,420px);height:min(77%,440px);padding:0 12px;color:#30352e;cursor:pointer;transform:rotate(-4deg);transition:transform .65s cubic-bezier(.18,.72,.25,1)}
.envelope-interaction:hover{transform:rotate(-1deg) translateY(-5px)}
.envelope-interaction:focus-visible{outline:3px solid #91402e;outline-offset:10px}
.envelope-date{align-self:flex-start;margin:0 0 25px 17%;font-size:10px;letter-spacing:.16em;color:#72594b}
.envelope-body{display:block;position:relative;width:min(85%,330px);aspect-ratio:1.45;background:#d1b59a;border:1px solid #9d8169;box-shadow:15px 19px 24px rgba(52,49,43,.13);isolation:isolate;overflow:hidden}
.envelope-body:before,.envelope-body:after{content:'';position:absolute;inset:0;pointer-events:none}
.envelope-body:before{z-index:3;background:linear-gradient(32deg,transparent 49.7%,#a98d75 50%,transparent 50.4%) left bottom/50% 100% no-repeat,linear-gradient(-32deg,transparent 49.7%,#a98d75 50%,transparent 50.4%) right bottom/50% 100% no-repeat}
.envelope-flap{position:absolute;z-index:4;top:0;left:0;width:100%;height:56%;background:#ddc5ac;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transition:transform 1.1s cubic-bezier(.25,.75,.25,1);filter:drop-shadow(0 2px 2px #8e7662)}
.envelope-seal{position:absolute;z-index:5;left:50%;top:46%;transform:translate(-50%,-50%);width:37px;height:37px;border-radius:50%;background:#974630;color:#ecd7bd;display:grid;place-items:center;font:25px var(--serif);transition:opacity .2s}
.envelope-letter{position:absolute;z-index:2;left:12%;right:12%;height:76%;bottom:8%;background:#f1e7d7;box-shadow:0 0 2px #9a806c;padding:22% 10% 5%;display:flex;flex-direction:column;justify-content:space-between;text-align:left;color:#6e3a2e;font:italic clamp(19px,2vw,27px)/1.2 var(--serif);transition:transform 1s ease}
.envelope-letter .letter-small{font-size:8px;font-style:normal;color:#8f8271}
.envelope-caption{margin-top:25px;font-size:10px;letter-spacing:.12em;color:#734734}
.envelope-interaction.unsealed .envelope-flap{transform:rotateX(180deg);z-index:1}
.envelope-interaction.unsealed .envelope-letter{transform:translateY(-34%);z-index:4}
.envelope-interaction.unsealed .envelope-seal{opacity:0}
.envelope-interaction.unsealed .envelope-caption:before{content:'OPENED / '}
.reader.dark .envelope-interaction{color:#e9e6de}.reader.dark .envelope-caption,.reader.dark .envelope-date{color:#ead6bd}
@media(max-width:900px){.reader .stage-instruction{bottom:65px}.envelope-interaction{height:84%;width:300px}.envelope-date{margin-bottom:5px}.envelope-caption{margin-top:10px}.envelope-letter{padding-top:15%}}
@media(max-width:600px){.reader .stage-instruction{bottom:46px;font-size:8px}.envelope-interaction{height:78%;width:240px}.envelope-body{width:75%}.envelope-caption{font-size:8px}.envelope-date{font-size:8px}.envelope-letter{font-size:16px}.reading-sheet{padding-left:7vw;padding-right:7vw}.reader .poem-body{line-height:1.78}}
@media(prefers-reduced-motion:reduce){.envelope-interaction,.envelope-flap,.envelope-letter,.envelope-seal{transition:none!important}}

/* THE SECOND EDITION: narrative-led discovery */
:root{--accent:#91402e;--deep:#222721;--quiet:#d1c9bb}
.discovery{background:#252a25;color:#f1ede4;padding:105px 7.7vw 110px;position:relative;overflow:hidden;border-top:1px solid #4b4f48}
.discovery:after{content:'NOT ALL RECORDS ARE OPENED IN ORDER';position:absolute;right:-18px;top:20px;font:9px var(--mono);letter-spacing:.19em;writing-mode:vertical-rl;color:#9d9f96}
.discovery-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:7%;margin-bottom:52px}
.discovery h2{font:300 clamp(56px,7vw,118px)/.92 var(--serif);letter-spacing:-.069em;margin:20px 0 0;max-width:760px}
.discovery h2 em{color:#d58a6b;font-weight:300}
.discovery-intro{font:16px/1.7 var(--serif);max-width:330px;color:#cfcec5;margin:0 0 6px auto}
.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#697069;border:1px solid #697069}
.path-card{appearance:none;border:0;background:#2d332d;color:#f2eee5;text-align:left;min-height:420px;padding:27px 30px;position:relative;display:flex;flex-direction:column;overflow:hidden;transition:background .35s}
.path-card:hover,.path-card:focus-visible{background:#383f37}.path-card:focus-visible{outline:3px solid #dfa286;outline-offset:-4px}
.path-card .path-tag{font:10px var(--mono);letter-spacing:.14em;color:#d8ae96;display:flex;justify-content:space-between}
.path-card .path-object{height:225px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .45s ease}
.path-card:hover .path-object{transform:translateY(-11px) rotate(-3deg)}
.path-card .path-object svg{height:210px;width:100%;max-width:275px;filter:sepia(.2) brightness(1.8) contrast(.75)}
.path-card .path-title{font:300 clamp(30px,3.3vw,52px)/1.05 var(--serif);letter-spacing:-.045em;margin-bottom:10px}
.path-card .path-foot{display:flex;justify-content:space-between;align-items:end;gap:14px;font:11px/1.5 var(--mono);color:#c6c7bc}
.path-card .path-foot span:last-child{color:#e8a084;font-size:23px}
.poems-section{position:relative}
.poem-list{gap:0}
.poem-row{position:relative;min-height:136px;overflow:hidden;isolation:isolate;padding-top:24px!important;padding-bottom:24px!important;align-items:center}
.poem-row:before{content:'';position:absolute;inset:0;background:#e7e0d5;transform:scaleX(0);transform-origin:left;transition:transform .32s ease;z-index:-1}
.poem-row:hover:before,.poem-row:focus-visible:before{transform:scaleX(1)}
.poem-row .inventory-art{width:68px;height:72px;opacity:.44;transition:opacity .3s,transform .4s;flex:none}
.poem-row .inventory-art svg{width:100%;height:100%}
.poem-row:hover .inventory-art{opacity:1;transform:translateY(-3px) rotate(-5deg)}
.poem-row h3{font-size:clamp(25px,2.4vw,37px)}
.poem-row .record-excerpt{font-size:14px;line-height:1.45;color:#6b6a60;font-family:var(--serif);font-style:italic}
.poem-row .arr{align-self:center;font-size:26px}
.reader-stage{transition:background .4s}
.reader-stage[data-scene='train']{background:#c7c6bc!important}
.reader-stage[data-scene='clock']{background:#d9d1c0!important}
.reader-stage[data-scene='letter']{background:#d9c8b6!important}
.reader-stage[data-scene='map']{background:#c4cbc4!important}
.reader-stage[data-scene='window']{background:#c8c9c6!important}
.reader-stage[data-scene='chair']{background:#d4cfca!important}
.reader.dark .reader-stage{background:#333830!important}
.stage-art svg{animation:scene-arrive .75s cubic-bezier(.2,.7,.2,1) both}
@keyframes scene-arrive{from{opacity:0;transform:translateY(16px) rotate(3deg)}to{opacity:1;transform:none}}
.reader .reading-sheet h2{transition:color .2s}
.reading-sheet .poem-body{max-width:650px}
.reader-folio{position:absolute;bottom:18px;right:27px;color:var(--grey);font:9px var(--mono);letter-spacing:.14em}
.reader-quote{font:italic 18px/1.35 var(--serif);color:#5d554f;position:relative;padding:18px 22px;border-left:2px solid #9b5542;margin:0 clamp(25px,4vw,65px) 18px;max-width:380px}
.reader.dark .reader-quote{color:#d5d0c5}
.reader-stage[data-scene='clock'] .stage-art svg{animation:scene-arrive .75s ease both,slow-drift 7s ease-in-out infinite alternate}
@keyframes slow-drift{to{transform:translateY(-7px)}}
/* Inventory's count stays legible in light mode */
#poems .poem-row .record-excerpt{color:#55564f!important}
@media(max-width:1000px){.discovery-head{grid-template-columns:1fr}.discovery-intro{margin:0}.path-card{min-height:365px;padding:21px}.path-card .path-object{height:190px}}
@media(max-width:700px){.discovery{padding:75px 6vw}.discovery h2{font-size:69px}.path-grid{grid-template-columns:1fr}.path-card{min-height:240px;display:grid;grid-template-columns:1fr 105px;gap:12px}.path-tag{grid-column:1/-1}.path-card .path-object{grid-column:2;grid-row:2/4;height:135px}.path-card .path-object svg{height:130px}.path-card .path-title{font-size:37px;align-self:end}.path-card .path-foot{grid-column:1;align-self:start}.poem-row{grid-template-columns:28px 1fr 48px 20px;gap:7px}.poem-row .inventory-art{width:48px;height:56px}.poem-row h3{font-size:29px}.reader-quote{font-size:15px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.stage-art svg,.reader-stage[data-scene='clock'] .stage-art svg{animation:none!important}.poem-row:before{transition:none}.path-card .path-object{transition:none}}
@media (max-width:700px){.interlude-photo{padding:18px 5vw 26px}.interlude-figure img{max-height:300px}.interlude-figure figcaption{padding-top:10px}}
/* Visual pauses: two separate editorial photo interludes. */
.photo-pause{min-height:490px;position:relative;background:#292a27;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}
.photo-pause__image{position:absolute;inset:0;z-index:0}
.photo-pause__image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 51%;filter:saturate(.6) contrast(.93)}
.photo-pause:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,21,20,.74) 0%,rgba(25,24,23,.42) 45%,rgba(25,24,23,.1) 100%);pointer-events:none;z-index:1}
.photo-pause--other:after{background:linear-gradient(270deg,rgba(20,21,20,.77) 0%,rgba(25,24,23,.42) 47%,rgba(25,24,23,.1) 100%)}
.photo-pause__caption{position:relative;z-index:2;color:#faf4e9;min-height:490px;max-width:680px;padding:76px 7.7vw 39px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.photo-pause--other .photo-pause__caption{margin-left:auto;align-items:flex-start;padding-left:35px;padding-right:7.7vw}
.photo-pause__label{color:#eeb49c;background:rgba(21,21,20,.6);padding:8px 11px;border-left:2px solid #c06c4d}
.photo-pause blockquote{font:300 clamp(32px,4vw,58px)/1.13 var(--serif);letter-spacing:-.035em;margin:31px 0 36px;text-wrap:balance;text-shadow:0 2px 16px rgba(0,0,0,.3)}
.photo-pause blockquote em{font-weight:400;color:#f3c3ad}
.photo-pause__source{font:10px/1.6 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#e0d8cd;background:rgba(21,21,20,.58);padding:7px 10px}
.photo-pause__source a{text-decoration:underline;text-underline-offset:3px}
.photo-pause__source a:hover{color:#f3c3ad}
@media(max-width:700px){.photo-pause,.photo-pause__caption{min-height:440px}.photo-pause__caption{padding:50px 7vw 26px;max-width:100%}.photo-pause--other .photo-pause__caption{padding:50px 7vw 26px}.photo-pause:after,.photo-pause--other:after{background:linear-gradient(0deg,rgba(20,21,20,.78),rgba(20,21,20,.1))}.photo-pause__caption{justify-content:flex-end}.photo-pause blockquote{font-size:clamp(32px,8vw,45px);margin:24px 0}.photo-pause__image img{object-position:center}}

/* Photo interludes: intentionally quiet, with the image leading the composition. */
.photo-pause{min-height:440px}
.photo-pause__caption{min-height:440px;max-width:520px;padding-top:48px;padding-bottom:36px}
.photo-pause--other .photo-pause__caption{max-width:520px}
.photo-pause blockquote{font:300 clamp(20px,2vw,29px)/1.32 var(--serif);letter-spacing:-.012em;margin:22px 0 22px;text-wrap:pretty;max-width:420px;text-shadow:0 1px 7px rgba(0,0,0,.3)}
.photo-pause__label{font-size:9px;padding:6px 9px}
.photo-pause__source{font-size:9px;padding:5px 8px;opacity:.82}
@media(max-width:700px){
  .photo-pause,.photo-pause__caption{min-height:380px}
  .photo-pause__caption,.photo-pause--other .photo-pause__caption{padding:40px 6vw 28px;max-width:100%}
  .photo-pause blockquote{font-size:clamp(20px,5vw,26px);line-height:1.3;max-width:340px;margin:16px 0 18px}
}

/* Full-viewport photographic breathing spaces: exactly one screen per interlude. */
.photo-pause{height:100vh;height:100svh;min-height:0}
.photo-pause__caption{height:100%;min-height:0}
.photo-pause__image img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.photo-pause{height:100vh;height:100svh;min-height:0}.photo-pause__caption{height:100%;min-height:0}}

/* Readability pass — preserves the editorial layout. */
nav a,nav button{font-size:13px;line-height:1.5;letter-spacing:.055em;padding:12px 2px}
.mono{font-size:12px;line-height:1.6;letter-spacing:.065em}
.logo small{font-size:11px}
.text-link{font-size:13px;line-height:1.45}
.chapter p{font-size:13px;line-height:1.6;color:#50534c}
.chapter-top{font-size:12px}
.path-tag,.path-foot{font-size:12px;line-height:1.5}
.filter{font-size:13px;padding:9px 2px;color:#565950}
.search{font-size:14px;min-width:180px}
.poem-row .idx{font-size:12px}
.poem-row p{font-size:15px;color:#5e6059}
.reader-top button{font-size:14px;line-height:1.5;padding:10px 7px}
.reader-top .mono,.read-context,.reader .mono{font-size:12px}
.read-nav .mono{font-size:12px}
.about-copy p{font-size:16px;line-height:1.8}
footer .mono{font-size:12px}
/* Better text legibility, including photography. */
.photo-interlude .mono,.photo-break .mono,.interlude-photo .mono{font-size:12px}
@media(max-width:700px){
 nav{gap:15px}nav a,nav button{font-size:12px;padding:11px 0}
 .mono{font-size:11px}
 .chapter p{font-size:12px}
 .path-tag,.path-foot{font-size:11px}
 .reader-top button{font-size:13px}
 .reader-top .mono,.reader .mono{font-size:11px}
}


/* Revised restrained hero: original title, a quiet CTA, a central scroll cue, and a line-drawn pause. */
.hero-recast{min-height:max(680px,calc(100svh - 70px))}
.hero-recast .hero-center{padding:35px 0 75px;z-index:2}
.hero-recast h1{font-size:clamp(78px,12.2vw,185px)}
.hero-silence-drawing{position:absolute;right:2.3vw;top:23%;width:clamp(260px,33vw,515px);height:auto;z-index:1;opacity:.9;pointer-events:none;transform:rotate(-1.2deg)}
.hero-silence-drawing svg{width:100%;height:auto;display:block}
.hero-recast .hero-low{grid-template-columns:1fr auto 1fr;align-items:end;gap:18px}
.hero-recast .hero-low-intro p{font-size:12px;color:#b9bbb0}
.hero-recast .hero-enter{justify-self:end;display:flex;gap:19px;align-items:center;background:transparent;border:1px solid #9e8c7a;color:#e3cec0;padding:10px 14px 10px 17px;transform:none}
.hero-recast .hero-enter:hover{background:rgba(209,141,107,.12);border-color:#d0a38a;color:#fff;transform:none}
.hero-recast .hero-enter .mono{font-size:12px;letter-spacing:.09em}
.hero-recast .hero-enter-arrow{font-size:20px;color:#d29a7c}
.hero-scroll-arrow{color:#e9d3c5;justify-self:center;align-self:end;display:grid;place-items:center;min-width:48px;min-height:50px;font:31px/1 var(--serif);transition:color .2s}
.hero-scroll-arrow span{display:block;animation:silence-arrow 2.25s ease-in-out infinite}
.hero-scroll-arrow:hover{color:#f7f0e7}
@keyframes silence-arrow{0%,100%{transform:translateY(-3px);opacity:.65}55%{transform:translateY(7px);opacity:1}}
@media(max-width:1050px){.hero-silence-drawing{width:35vw;right:1%;top:31%}.hero-recast h1{font-size:clamp(78px,12vw,155px)}}
@media(max-width:700px){.hero-recast{min-height:730px;padding-bottom:25px}.hero-recast .hero-center{padding:0 0 110px}.hero-recast h1{font-size:clamp(65px,16.4vw,110px)}.hero-silence-drawing{width:56vw;right:3%;top:43%;opacity:.52}.hero-recast .hero-low{display:grid;grid-template-columns:1fr auto;gap:18px}.hero-low-intro{grid-column:1/-1}.hero-scroll-arrow{grid-column:1;justify-self:start}.hero-recast .hero-enter{grid-column:2;justify-self:end;padding:11px 12px}.hero-recast .hero-enter .mono{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-scroll-arrow span{animation:none}}

/* A unique vector illustration accompanies each poem. */
.stage-art > img{display:block;width:100%;height:100%;max-height:520px;object-fit:contain;filter:drop-shadow(6px 9px 7px rgba(41,41,36,.06))}
.inventory-art img{width:100%;height:100%;object-fit:contain}
.path-object img{width:100%;height:100%;max-height:230px;object-fit:contain}
.unanswered-visual{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.unanswered-visual > img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.22;pointer-events:none}
.unanswered-visual .envelope-interaction{position:relative;z-index:1}


.archive-intro{display:none}.discovery-more{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(246,231,214,.26);margin-top:42px;padding-top:25px}.discovery-more>.mono{color:#e5cabc;letter-spacing:.1em}.archive-entry{font-family:Georgia,serif;font-size:clamp(23px,3vw,37px);text-decoration:none;color:#fff4e8;border-bottom:1px solid #d6b4a4;padding-bottom:7px;transition:color .2s}.archive-entry:hover{color:#f2aa86}.archive-entry span{font-family:monospace;font-size:.65em;margin-left:20px}.archive-mode main>section:not(.poems-section){display:none!important}.archive-mode .poems-section{display:block;padding-top:72px;min-height:calc(100vh - 125px)}.archive-mode .archive-intro{display:block;padding-bottom:65px;border-bottom:1px solid rgba(25,30,27,.22);margin-bottom:50px}.archive-return{display:inline-block;color:#6a7169;text-decoration:none;margin-bottom:70px;font-size:12px;letter-spacing:.1em}.archive-return:hover{color:#a7442f}.archive-kicker{display:block;color:#a7442f;font-size:12px;letter-spacing:.15em;margin-bottom:15px}.archive-intro h1{font-size:clamp(70px,11vw,160px);line-height:.95;letter-spacing:-.05em;font-weight:400;margin:0 0 32px;color:#252b26}.archive-intro h1 em{font-weight:400;color:#a7442f}.archive-intro p{font-family:Georgia,serif;font-size:clamp(18px,2vw,24px);line-height:1.55;max-width:610px;color:#515750}.archive-mode footer{display:flex}@media(max-width:700px){.discovery-more{flex-direction:column;align-items:flex-start}.archive-mode .poems-section{padding-top:35px}.archive-return{margin-bottom:40px}.archive-mode .archive-intro{padding-bottom:35px;margin-bottom:35px}.archive-intro h1{font-size:clamp(58px,13vw,86px)}}
@media (max-width:700px){.interlude-photo{padding:18px 5vw 26px}.interlude-figure img{max-height:300px}.interlude-figure figcaption{padding-top:10px}}
/* Full-viewport photographic breathing spaces: exactly one screen per interlude. */
.photo-pause{height:100vh;height:100svh;min-height:0}
.photo-pause__caption{height:100%;min-height:0}
.photo-pause__image img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.photo-pause{height:100vh;height:100svh;min-height:0}.photo-pause__caption{height:100%;min-height:0}}


/* WordPress-specific accessibility and integration */
.admin-bar .reader-top{top:32px} .admin-bar .reader{top:32px} .wp-block-image img{max-width:100%;height:auto}.reader-top button,.text-link{min-height:40px} @media(max-width:782px){.admin-bar .reader{top:46px}.admin-bar .reader-top{top:46px}}