/* Silvered space. The sharp image is enclosed by a soft field of correspondence. */
.mobile-intro,.end-links .mobile-conversation{display:none}
:root{--ink:#373634;--accent:#817f7c;--muted:#787877;--bar:104px;--dock:123px;--drift-x:0px;--drift-y:0px}
body{background:#d8d8d7;color:var(--ink)}
.echo-space{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 52% 38%,#f6f6f6 0%,#e1e0df 38%,transparent 72%),linear-gradient(112deg,#b2b1b0,#d7d7d6 48%,#bdbcbb);z-index:0}
.echo-space:after{content:'';position:absolute;inset:0;background:url('../images/handled-paper.png') center/1100px;opacity:.055;mix-blend-mode:multiply}
.light-sail{position:absolute;width:135vw;height:100vh;left:-15vw;top:-56vh;border-radius:50%;border-bottom:1px solid #ffffff99;box-shadow:0 20px 65px #f5f5f46b,0 55px 70px #7c7b7a12;transform:translate(var(--drift-x),var(--drift-y)) rotate(-13deg);background:linear-gradient(176deg,transparent 50%,#f0f0ef33);transition:transform 1.5s ease-out}
.sail-two{top:60vh;left:-5vw;transform:translate(var(--drift-x),var(--drift-y)) rotate(-14deg);box-shadow:0 -20px 65px #ffffff44;background:linear-gradient(0deg,#76757408,transparent);opacity:.7;border-top:1px solid #ffffff55;border-bottom:0}
.space-horizon{position:absolute;left:13%;right:13%;top:84%;height:1px;background:linear-gradient(90deg,transparent,#8989883b,transparent);filter:blur(.5px)}
/* Masthead: a printed title, overlapping initials, hanging reader tabs. */
.appbar{height:var(--bar);margin:0 4vw;position:relative;align-items:flex-start;padding-top:23px;gap:30px;color:#434240}
.appbar:after{bottom:14px;background:linear-gradient(90deg,#7b7a785e,transparent 25%,transparent 70%,#7b7a785e)}
.book-logo{font:28px var(--song);letter-spacing:.24em;color:#474645;align-items:center;gap:13px;padding-top:8px;min-width:180px;text-shadow:none}
.cat-mark{width:47px;height:34px;stroke:#72716e;stroke-width:.95}
.masthead-mark{position:absolute;left:45%;top:8px;transform:translateX(-50%) rotate(-5deg);display:flex;align-items:center;justify-content:center;font:italic 67px/.95 var(--display);letter-spacing:-.17em;color:#848280;opacity:.48;pointer-events:none}
.masthead-mark span:last-child{transform:translate(-10px,13px);color:#62605e}.masthead-mark i{font:18px var(--display);letter-spacing:0;transform:translate(-3px,12px);color:#868583}
.appbar nav{align-items:flex-start;gap:29px;margin-left:auto;position:relative}
.appbar nav>button{font:25px var(--display);color:#444341;display:grid;gap:1px;text-align:left;min-width:82px;padding:4px 0 13px;border-bottom:1px solid #7c7b7a55}
.appbar nav>button span{font:9px var(--song);color:#787776;letter-spacing:.18em}
.appbar nav>button:after{bottom:-1px;border-color:#848380}
.appbar nav>i{display:none}.appbar nav #menu-open{font:11px var(--song);padding-top:16px;color:#767574;min-width:auto;margin-left:5px;border:0}
/* Continuous hinges, deeper alternating planes, cast shadow beneath the book. */
.book-viewport{perspective:1700px;perspective-origin:50% 40%;z-index:2}
.fold-book{left:calc(50% + var(--book-shift,0px));transform:rotateX(7deg) rotateZ(-1deg);top:47%;transform-style:preserve-3d}
.leaf{filter:blur(var(--defocus,0px)) brightness(var(--fold-light,1));box-shadow:0 0 0 .7px #ffffff99,0 3px 0 #a2a2a1,2px 15px 14px #52504e2b;backface-visibility:hidden}
.leaf:after{bottom:-3px;height:3px;background:repeating-linear-gradient(0deg,#9c9c9b 0 1px,#e2e1e0 1px 2px);border-color:#6d6c6a55}
.hinge-shade{background:linear-gradient(90deg,#201f1e50,transparent 18%,transparent 67%,#2827253a 98%,#ffffff99)!important;opacity:.75;mix-blend-mode:multiply}
.leaf:nth-child(even) .hinge-shade{background:linear-gradient(90deg,#ffffff99,#2d2c2b47 3%,transparent 21%,transparent 82%,#4948452f)!important}
.book-shadow{background:radial-gradient(ellipse,#5352504d,transparent 68%);filter:blur(14px);height:72px;top:calc(47% + var(--leaf-h)/2 - 12px);transform:scaleX(.9)}
.leaf-foot{opacity:.65}.edge-cue{display:none}
/* Side blur belongs behind the letters, not on them. */
.edge-mist{position:absolute;z-index:5;inset:0 auto 0 0;width:calc((100% - var(--leaf-w))/2 + 30px);pointer-events:none;background:linear-gradient(90deg,#d3d2d1de 5%,#d8d7d6aa 60%,#dadad900);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);mask-image:linear-gradient(90deg,#000000 35%,#000000bb 66%,transparent);-webkit-mask-image:linear-gradient(90deg,#000000 35%,#000000bb 66%,transparent)}
.mist-left{width:calc((100% - var(--leaf-w))/2 + var(--book-shift,0px) + 30px)}
.mist-right{left:auto;right:0;transform:scaleX(-1);width:calc((100% - var(--leaf-w))/2 - var(--book-shift,0px) + 30px)}
.margin-panel{position:absolute;z-index:7;top:22%;width:clamp(180px,calc((100vw - var(--leaf-w))/2 - 100px),310px);pointer-events:none;color:#4e4d4b}
.margin-panel[hidden]{display:none}.margin-panel button{pointer-events:auto}
.opening-note,.echo-left{left:4.8vw}.closing-note,.echo-right{right:4.8vw}
.margin-kicker{font:italic 29px/1.3 var(--display);color:#72706e;margin-bottom:25px}
.opening-note .margin-kicker,.closing-note .margin-kicker{font:10px var(--song);letter-spacing:.2em;margin-bottom:24px;color:#8c8b89}
.opening-note h2{font:54px/.95 var(--display);letter-spacing:-.025em;color:#4e4d4b;margin-bottom:32px;font-weight:400}
.opening-note h2 em{font:italic 33px var(--display);color:#979694;padding-right:8px}
.opening-note>p:not(.margin-kicker){font:13px/2.25 var(--song);color:#737271;margin-top:16px;letter-spacing:.025em}
.echo-panel{top:27%}.echo-right{top:46%}
.echo-panel blockquote{font:clamp(14px,1.28vw,20px)/2.05 var(--song);letter-spacing:.035em;white-space:pre-line;text-wrap:pretty}
.echo-panel .echo-source{font:9px var(--sans);letter-spacing:.06em;color:#82807e;margin-top:25px;border-bottom:1px solid #9d9c9955;min-height:30px}
.echo-source:hover{color:#494744;border-color:currentColor}.echo-right .margin-kicker{margin-bottom:20px}
.closing-note{top:19%}.closing-person{padding-bottom:25px;margin-bottom:27px;border-bottom:1px solid #8e8c8a55}.closing-person h2{font:45px var(--display);font-weight:400;letter-spacing:-.03em;margin-bottom:10px}.closing-person button{font:12px var(--song);color:#6d6c6a;margin-right:25px;min-height:38px;border-bottom:1px solid transparent}.closing-person button:hover{border-color:currentColor}
/* The opening's plum cloth faces a pale photographic leaf. */
.cover-leaf{background:#5f5e5c;color:#e8e7e5}.cover-leaf .leaf-content{background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#31302f22 0 1px,transparent 1px 3px);box-shadow:inset 10px 0 15px #2f2e2d55}
.cover-leaf .leaf-content:before{border-color:#d0cfce6b;box-shadow:inset 0 0 0 4px #5f5e5c,inset 0 0 0 5px #c9c8c633}
.cover-leaf h1{color:#e0dfde;text-shadow:0 1px #ffffff55,0 -1px #373634}.cover-leaf h1>span{color:#bebdbb}.cover-edition{color:#d8d7d6}.cover-edition span{color:#bcbbba}.cover-poem{color:#dddcdb}.cover-poem .citation{color:#b8b7b6}.cover-cat{opacity:.49}.cover-cat img{filter:invert(1) grayscale(1) brightness(.9)}
.room-leaf{background:#eaeae9;color:#4e4e4d}.room-leaf h2{color:#615f5e}.room-leaf .running-head{color:#8d8c8b;border-color:#a1a09e55}.room-switch{color:#8d8c8a}.room-switch button[aria-pressed=true]{color:#716f6a}.room-leaf #room-original{color:#7d7c7b}.room-leaf .leaf-foot{color:#888786}.room-print{box-shadow:0 4px 12px #3e3d3c3b}
.room-words{background:#b5b4b2}.room-words .leaf-content{background:none}.room-words .running-head{color:#f1f1f0;border-color:#f1f1f055}.room-second-plate{display:block;position:absolute!important;inset:0;width:100%;height:100%;padding:0;z-index:-1;cursor:zoom-in}.room-second-plate img{height:100%;width:100%;object-fit:cover;filter:saturate(.65) brightness(.85)}.room-words .room-voices{display:none}.room-words .leaf-foot{color:#e6e6e5;border-color:#eeeeee55}
.ambrose-leaf{background:#ececec}.ambrose-leaf .author-name{color:#5e5d5c}.judas-leaf{background:#838382;color:#f7f7f7}.judas-leaf .author-name{color:#e9e8e7}.judas-leaf .running-head,.judas-leaf .diary-date,.judas-leaf .leaf-foot{color:#d5d4d3;border-color:#dddcda55}.judas-leaf .primary-read{color:#e8e7e5;border-color:#dfdedd66}
.sea-leaf{background:#e9e9e8}.music-leaf{background:#4d4c4a;color:#e0dfde}.music-leaf .leaf-content{background:radial-gradient(circle at 72% 25%,#7c7b7a55,transparent 60%)}.music-large{color:#adacab}.music-leaf .running-head,.music-leaf .music-bottom .citation,.music-player>div,.music-player time,.music-leaf .leaf-foot{color:#c1c0be;border-color:#c1c0be44}.music-player>button{background:#91908e;color:#f0efee;border-color:#c5c4c2}.wave line{stroke:#aaa9a7aa}.wave #wave-needle{stroke:#ffffff}.record-ring{border-color:#cbcac744;background:repeating-radial-gradient(circle,#c4c2c014 0 1px,transparent 1px 6px)}
.ship-leaf{background:#8f8e8b;color:#ededec}.ship-leaf h2{color:#efeeed;font-size:calc(var(--font)*2.8);margin-bottom:18px}.ship-leaf .running-head{color:#dededd;border-color:#d7d6d555}.ship-leaf .mounted-art{height:50%;width:calc(100% + 12%);margin-bottom:12px}.ship-process img{object-fit:contain;background:#c7c7c7;filter:none;transform:none}.ship-process:hover img{transform:none}
.process-tabs{display:flex;justify-content:space-between;gap:9px;flex:none;border-top:1px solid #b3b2b070;border-bottom:1px solid #b3b2b070}.process-tabs button{font:10px var(--song);min-height:36px;opacity:.6;position:relative}.process-tabs button[aria-pressed=true]{opacity:1}.process-tabs button[aria-pressed=true]:after{content:'';position:absolute;height:2px;bottom:-1px;left:0;right:0;background:currentColor}.process-credit{font:9px/1.8 var(--sans);margin-top:13px;color:#dededd}.ship-leaf #ship-source{margin-top:auto;font-size:9px;color:#dededd}.sea-leaf .mounted-art{margin-bottom:14px;height:44%}.sea-tabs{margin-bottom:15px;color:#7c7b78}.sea-leaf .caption-quote{margin-top:auto}
.cafe-leaf{background:#a3a19e}.cafe-leaf h2,.cafe-leaf .script-excerpt{color:#efeeed}.cafe-leaf .running-head,.cafe-leaf .citation,.cafe-leaf .leaf-foot{color:#e4e3e1;border-color:#e1e0df66}.table-leaf{background:#e0dfde}.umbrella-leaf{background:#757472;color:#f0f0ef}.umbrella-leaf h2{color:#dfdedd}.umbrella-leaf .running-head,.umbrella-leaf .citation,.umbrella-leaf .leaf-foot{color:#d3d1cf;border-color:#d3d1cf55}
.letter-leaf{background:#e6e6e5}.letter-leaf .leaf-content{background:linear-gradient(105deg,#f8f8f755,#c4c3c122)}.goodbye-ambrose{background:#d1d1d0}.last-night{background:#7e7d7b;color:#e8e7e6}.last-night h2{color:#e6e5e4}.last-night-text blockquote,.last-night-thanks blockquote{color:#e8e7e6}.last-night .running-head,.last-night .citation,.last-night .leaf-foot{color:#cbcac9;border-color:#cbcac944}.end-leaf{background:#cbcbca}.end-authors span{color:#605e5d}.end-authors small,.end-links>*,.end-leaf #return-start{color:#767572}
/* A thin silver scale, an optical cursor, and the folio numbers engraved beneath. */
.ruler-dock{padding:0 4.8vw;height:var(--dock);z-index:8;color:#61605e;background:none}.reading-line{height:31px;color:#8e8d8c;font-size:9px}.reading-line #page-label{font-size:15px;color:#757471}.reading-line #gesture-hint{color:#838280;font-size:18px}
.wood-ruler{height:48px;margin:0;border:1px solid #f4f4f3aa;border-radius:0;background:linear-gradient(180deg,#ffffff70,#e1e1e071 12%,#bab9b750 82%,#fafaf98c);box-shadow:inset 0 1px 0 #ffffff,0 2px 0 #82817f2e,0 8px 20px #61605e17;backdrop-filter:blur(12px)}
.wood-ruler:after{background:linear-gradient(104deg,transparent,#ffffff88,transparent);background-size:30% 100%;background-position:calc(var(--travel)*100%) 0;opacity:.5}.ruler-grain,.ruler-screw{display:none}.ruler-marks{inset:0 7px;background-image:repeating-linear-gradient(90deg,#6d6c6977 0 1px,transparent 1px calc(100% / 150));background-size:100% 8px}.ruler-marks>span{font:12px var(--display);padding-top:18px;color:#676664;text-shadow:0 1px #ffffffaa}.ruler-marks>span:before{border-color:#6f6e6b99;height:14px}
.red-thread{background:#807f7c;width:1px;top:-6px;bottom:-4px;box-shadow:1px 0 #ffffff99}.red-thread:before{width:22px;height:58px;left:-10px;top:0;transform:none;border-radius:1px;border:1px solid #ffffff99;background:linear-gradient(90deg,#ffffff0a,#ffffff88 48%,#e3e2e130);box-shadow:1px 2px 5px #64625f2e;z-index:-1}.ruler-bottom{height:39px}.chapter-nav>button{color:#92908e;font-size:9px;letter-spacing:.06em}.chapter-nav>button[aria-current=true]{color:#595754}.chapter-nav>button:hover,.turn-buttons button{color:#6d6c69}.wood-ruler:focus-within{outline-color:#807e7b}
.reader .reader-top,.directory{background:#4e4d4b}.reader-logo,.directory-logo{color:#e2e2e1}.reader-aside{background:#e1e1e0}.reader-main{background-color:#ededed}.art-view #art-body{background:#343332}
@media(min-width:1800px){.margin-panel{max-width:355px}.echo-panel blockquote{font-size:21px}.opening-note h2{font-size:70px}.opening-note>p:not(.margin-kicker){font-size:16px}}
@media(max-width:1100px){.margin-panel{width:calc((100vw - var(--leaf-w))/2 - 48px)}.opening-note,.echo-left{left:22px}.closing-note,.echo-right{right:22px}.echo-panel blockquote{font-size:13px}.margin-kicker{font-size:24px}.opening-note h2{font-size:40px}.opening-note>p:not(.margin-kicker){font-size:11px}.closing-person h2{font-size:32px}.closing-person button{font-size:10px;margin-right:12px}}
@media(max-width:800px){:root{--bar:88px;--dock:112px}.appbar{padding-top:14px}.book-logo{min-width:0;font-size:22px;gap:7px}.cat-mark{width:32px}.masthead-mark{display:none}.appbar nav{gap:18px}.appbar nav>button{font-size:21px;min-width:0}.appbar nav #menu-open{font-size:10px}.margin-panel{display:none!important}.edge-mist{width:16%;opacity:.65}.fold-book{transform:rotateX(5deg) rotateZ(-.7deg)}.room-words .room-voices{display:flex}.room-second-plate{display:none}.room-words{background:#dddddc;color:#4e4d4b}.room-words .running-head{color:#757472;border-color:#89878533}.room-voice .citation{color:#838280}.wood-ruler{height:43px}.ruler-dock{padding-left:5vw;padding-right:5vw}.ruler-bottom{height:32px}.chapter-nav{gap:19px}.process-tabs button{font-size:9px}}
@media(max-width:420px){.appbar{margin:0 5vw;gap:10px}.book-logo{font-size:18px;letter-spacing:.07em}.cat-mark{width:26px}.appbar nav{gap:12px}.appbar nav>button{font-size:19px}.appbar nav>button span{font-size:8px}.appbar nav #menu-open{font-size:9px;margin-left:0}.ship-leaf .mounted-art{height:43%}.process-credit{font-size:8px}}
@media(max-height:650px){:root{--bar:76px;--dock:100px}.appbar{padding-top:9px}.appbar:after{bottom:6px}.masthead-mark{font-size:49px}.margin-panel{top:16%}.echo-right{top:38%}.opening-note h2{font-size:37px;margin-bottom:15px}.opening-note>p:not(.margin-kicker){font-size:11px;line-height:1.9}.margin-kicker{margin-bottom:13px}.echo-panel blockquote{font-size:13px}.echo-source{margin-top:10px!important}.closing-person{margin-bottom:15px;padding-bottom:13px}.closing-person h2{font-size:32px}.wood-ruler{height:38px}.ruler-dock .reading-line{height:26px}.ruler-bottom{height:30px}.red-thread:before{height:48px}.ship-leaf .mounted-art{height:42%}.process-credit{margin-top:7px;font-size:8px}.process-tabs button{min-height:28px;font-size:9px}.ship-leaf #ship-source{min-height:26px}.room-leaf .room-print{height:59%;max-height:59%}}
@media(prefers-reduced-motion:reduce){.light-sail{transition:none;transform:rotate(-13deg)}.leaf{filter:brightness(var(--fold-light,1))}.edge-mist{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:800px){.mobile-intro{display:block;font:10px/1.9 var(--song);color:#d2d1d0;margin:8px 0 12px}.cover-leaf .cover-cat{height:23%;margin-top:5px}.cover-leaf h1{margin-top:7px;font-size:calc(var(--font)*4.5)}.cover-poem p{font-size:10px}.end-links .mobile-conversation{display:flex}.end-leaf .end-links{margin-top:7px}.end-leaf .end-links>*{min-height:29px;font-size:10px}.end-leaf .end-authors{margin-top:14px}.end-authors>button{padding:11px 0}}