:root{--ink:#142e39;--paper:#f4ecd9;--gold:#b38237;--muted:#738181;--depth:0 28px 55px #0005,0 5px 9px #0007;font-family:Georgia,'Times New Roman',serif;color:var(--paper);background:#142b30}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 40%,#29474a 0,#172e33 65%,#10262c 100%);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible{outline:3px solid #d6a45e;outline-offset:5px}button{color:inherit}a{color:inherit}.masthead{height:90px;max-width:1430px;margin:auto;padding:0 45px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font:12px/1.4 Arial,sans-serif;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:2.6px;color:#aab9b6;margin-top:5px}.brand-mark{font:29px Georgia;color:#dab77d;border:1px solid #72817a;width:41px;height:45px;text-align:center;line-height:29px}.brand-mark span{display:block;font:18px Georgia;line-height:9px}nav{display:flex;gap:24px;align-items:center}nav button,footer button{background:none;border:0;font:11px Arial,sans-serif;letter-spacing:.6px;color:#d3d9cf;padding:8px 0}nav button:hover,footer button:hover{color:#ecc991}.menu-symbol{font-size:20px;vertical-align:-2px;margin-right:7px}#fullscreen{font-size:23px}main{max-width:1390px;margin:auto;padding:0 45px}.eyebrow{display:flex;gap:18px;justify-content:center;align-items:center;font:9px Arial,sans-serif;letter-spacing:3px;color:#c1c6b7;margin:8px 0 24px}.fine-rule{width:45px;height:1px;background:#75817a}#book-frame{position:relative;isolation:isolate;perspective:2200px;margin:0 3px 0 0}.page-edges{position:absolute;inset:6px -6px -8px 5px;background:repeating-linear-gradient(to bottom,#b5ad96 0px,#e8dfc7 1px,#ddd2b7 2px,#d0c5ad 3px);border-radius:2px 5px 6px 3px;transform:rotate(.15deg);box-shadow:var(--depth);z-index:-1}#book{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--paper);color:var(--ink);position:relative;border-radius:2px;overflow:hidden}#book:after{content:'';position:absolute;left:calc(50% - 22px);top:0;width:45px;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,#3e321718 35%,#382d3338 49%,#fff2 51%,#0000000c 58%,transparent);z-index:7}.copy{position:relative;padding:38px 48px 35px 48px;background-color:var(--paper);background-image:url('assets/paper.svg');display:flex;flex-direction:column;z-index:2;min-width:0}.kicker,.chapter-number{font:9px/1.5 Arial,sans-serif;letter-spacing:2px;color:#8c6c3e}.chapter-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.chapter-number{font-size:10px;color:#8c978c}.copy h1,.copy h2{font-weight:normal;letter-spacing:-1.8px;line-height:.98;font-size:clamp(35px,3.5vw,53px);margin:0 0 23px}.body-copy{font-size:15px;line-height:1.57}.body-copy p{margin:0 0 13px}.body-copy p:first-child:first-letter{float:left;font-size:43px;line-height:.9;margin:5px 5px 0 0;color:#99723a}.body-copy strong{font-weight:bold}.page-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-top:auto;padding-top:16px;border-top:1px solid #b7a88860;color:#7d7c6b;font:9px/1.5 Arial;letter-spacing:.5px}.source-link{background:none;border:0;border-bottom:1px solid #b7aa91;padding:2px 0;font:9px Arial;color:#74644b}.folio{font:italic 12px Georgia}.visual{position:relative;min-width:0;overflow:hidden;background:#b3b9a0;isolation:isolate}.scene-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform 1.3s cubic-bezier(.2,.8,.2,1);z-index:-3}.visual:hover .scene-image{transform:scale(1.025)}.visual:after{content:'';position:absolute;inset:0;box-shadow:inset 15px 0 30px #0002;pointer-events:none}.scene-shade{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0f282dba);z-index:-2}.art-label{position:absolute;top:25px;right:27px;color:#f6edda;font:8px Arial;letter-spacing:2px;text-shadow:0 1px 4px #0009}.quote-slip{position:absolute;bottom:64px;left:32px;right:29px;padding:26px 30px 28px;filter:drop-shadow(3px 8px 6px #0005);color:var(--ink);background:var(--paper) url('assets/paper.svg');clip-path:polygon(0 3%,9% 1%,18% 3%,29% 0,40% 2%,54% 0,67% 2%,80% 0,100% 3%,99% 90%,87% 94%,77% 92%,65% 98%,53% 94%,40% 99%,29% 94%,17% 97%,1% 93%);transform:rotate(-1.5deg);font-size:25px;line-height:1.15}.quote-slip:before{content:'✦';display:block;color:#ac813e;font-size:16px;margin-bottom:10px}.caption{position:absolute;left:34px;right:32px;bottom:18px;color:#f0eddf;font:9px/1.5 Arial;text-shadow:0 1px 3px #000;opacity:.88}.cover{grid-column:1/-1;position:relative;min-height:650px;isolation:isolate}.cover .scene-image{object-position:center}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8efdde8 0%,#f8efddd9 23%,#f7eddc85 39%,transparent 62%);z-index:-2}.cover-title{width:54%;padding:48px 52px 35px;position:relative}.cover .kicker{color:#806236;font-size:10px}.cover h1{font-size:clamp(69px,8vw,116px);font-weight:normal;line-height:.86;letter-spacing:-6px;margin:39px 0 23px;color:#122e40}.cover-sub{font-size:22px;line-height:1.25;max-width:320px;margin:0 0 18px}.cover-dek{font-size:15px;line-height:1.55;max-width:265px;margin-bottom:26px}.start-button{background:#193b43;color:#fff1d7;border:1px solid #17323a;border-radius:2px;padding:13px 20px;font:10px Arial;letter-spacing:1.4px;box-shadow:2px 4px 0 #b5a482;transition:transform .2s}.start-button:hover{transform:translateY(-2px)}.cover-bottom{position:absolute;bottom:25px;left:52px;font:9px Arial;letter-spacing:2px;color:#465e5a}.navigation{display:flex;justify-content:space-between;align-items:center;margin:27px 0 0}.nav-button{background:none;border:1px solid #aab39e55;padding:12px 16px;display:flex;align-items:center;gap:16px;border-radius:2px;font:10px Arial;letter-spacing:.5px;min-width:132px;justify-content:center}.nav-button span:not(.nav-word){font:22px Georgia;line-height:14px}.nav-button:not(:disabled):hover{background:#e8d6ac12;border-color:#b3b598}.position{text-align:center}#chapter-name{font:italic 13px Georgia;color:#e0dccd}#progress{display:flex;gap:7px;justify-content:center;margin:10px 0 7px}#progress button{width:14px;height:13px;padding:4px 0;background:none;border:0;position:relative}#progress button:after{content:'';position:absolute;left:1px;right:1px;top:5px;height:3px;background:#6e807b}#progress button[aria-current='page']:after{background:#dfba77;height:4px;top:4px}#page-count{font:8px Arial;letter-spacing:2px;color:#9aaa9f}.reader-hint{text-align:center;font:italic 11px Georgia;color:#9dafa7;margin:19px 0 20px}.reader-hint span{font:9px Arial;margin-left:13px;color:#7d948e}footer{max-width:1300px;margin:0 auto;padding:8px 0 22px;display:flex;justify-content:space-between;border-top:1px solid #63786d33;color:#849c91;font:9px Arial;letter-spacing:1px;align-items:center}footer button{font-size:9px;color:#a4b3a5}dialog{border:0;background:var(--paper) url('assets/paper.svg');color:var(--ink);box-shadow:0 30px 100px #0008;width:min(800px,92vw);max-height:85vh;padding:35px 45px;overflow:auto}dialog::backdrop{background:#071e27ba;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:none;font:30px Georgia;line-height:1;padding:0 5px;color:#213d45}dialog h2{font:normal 42px/1.1 Georgia;margin:20px 0 24px}dialog p{font-size:15px;line-height:1.65}#chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.chapter-choice{border:0;border-top:1px solid #c9bea9;background:none;padding:14px 0;text-align:left;display:flex;gap:15px;color:var(--ink);line-height:1.3}.chapter-choice:hover{color:#a7742d}.chapter-choice span{font:11px Arial;color:#a08052}.chapter-choice small{display:block;font:8px Arial;letter-spacing:1px;color:#858471;margin-top:5px}#source-list{padding-left:20px;font:13px/1.6 Arial}#source-list li{padding:8px 0}#source-list li:target{background:#d6c39355}#source-list a{text-decoration-color:#b7a682;text-underline-offset:3px}.colophon{border-top:1px solid #bbad9544;padding-top:15px;font-size:12px!important}.quiet .quote-slip{font-size:23px;background-color:#e1e6df}.quiet .copy{background-color:#edf0e7}.quiet .visual:hover .scene-image{transform:none}#turn-layer{position:absolute;inset:0;pointer-events:none;perspective:2200px;z-index:10}body:fullscreen{overflow:auto}body:fullscreen main{max-width:1500px}@media(min-width:1450px){#book,.cover{min-height:720px}.copy{padding:47px 57px 39px}.body-copy{font-size:17px;line-height:1.65}.cover-title{padding:60px}.cover h1{margin-top:48px}.cover-dek{font-size:17px}}@media(max-width:1100px){.copy{padding:29px 32px}.body-copy{font-size:14px;line-height:1.5}.copy h2{font-size:39px}.quote-slip{font-size:23px;padding:22px}#book,.cover{min-height:635px}main{padding:0 25px}.masthead{padding:0 25px}.cover-title{padding:43px 35px}.cover h1{font-size:87px}.cover-bottom{left:35px}footer{margin:0 25px}}@media(max-width:760px){.masthead{height:75px;padding:0 19px}.brand{font-size:10px;letter-spacing:2px}.brand small{font-size:7px}.brand-mark{display:none}nav{gap:18px}nav button{font-size:10px}#fullscreen{display:none}.eyebrow{font-size:7px;letter-spacing:1.8px;margin:7px 0 18px;gap:10px}.fine-rule{width:18px}main{padding:0 15px}#book{display:flex;flex-direction:column;min-height:0}#book:after{display:none}.cover{min-height:665px}.cover .scene-image{object-position:62% center}.cover:after{background:linear-gradient(180deg,#f5ecdce8 0%,#f5ecdcc9 30%,#f5ecdc25 58%,transparent 78%)}.cover-title{width:100%;padding:32px 26px}.cover h1{font-size:83px;letter-spacing:-4px;margin:26px 0 17px}.cover-sub{font-size:20px;max-width:240px}.cover-dek{font-size:14px;max-width:230px;margin-bottom:19px}.cover-bottom{bottom:19px;left:26px;color:#f5ecd7;text-shadow:0 1px 4px #122d37}.copy{order:2;padding:29px 27px 23px}.copy h2{font-size:44px;margin-bottom:22px}.body-copy{font-size:16px;line-height:1.65}.body-copy p{margin-bottom:16px}.visual{height:340px;order:1}.scene-image{object-position:center 50%}.art-label{top:17px;right:17px}.quote-slip{bottom:40px;left:20px;right:20px;padding:17px 22px 20px;font-size:22px;max-width:430px}.quote-slip:before{display:none}.caption{bottom:10px;left:23px;right:23px;font-size:8px}.navigation{margin-top:24px;gap:9px;align-items:center}.nav-button{min-width:42px;padding:12px 10px}.nav-word{display:none}#chapter-name{font-size:12px}#progress{gap:3px;margin:7px 0 5px}#progress button{width:12px}.reader-hint{font-size:10px;line-height:1.6}.reader-hint span{display:block;margin:4px 0 0}footer{margin:0 20px;font-size:8px}.quiet .quote-slip{font-size:20px}dialog{padding:25px}dialog h2{font-size:35px}#chapter-list{grid-template-columns:1fr}.page-edges{inset:5px -4px -6px 3px}#turn-layer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

button.art-label{border:1px solid #f6edda66;background:#142e3955;padding:9px 10px;border-radius:2px;z-index:3}button.art-label:hover{background:#142e39bb}#art-dialog{width:min(1250px,95vw);padding:18px;background:#142e39;color:#f4ecd9}#art-dialog .close{position:absolute;right:23px;top:23px;color:#fff;background:#142e3980;z-index:2;border-radius:50%;width:35px;height:35px}#full-art{display:block;width:100%;max-height:76vh;object-fit:contain}#full-art-caption{font:12px/1.5 Arial;margin:12px 5px 2px}

/* Revised edition: keep artwork clear and give evidence a readable home. */
.scene-image{object-position:var(--crop,50% 50%)}
.visual{display:flex;flex-direction:column;background:#e5ddc9;overflow:visible}
.art-stage{position:relative;isolation:isolate;flex:1;min-height:430px;overflow:hidden;background:#b0b8a3}
.art-stage .scene-image{z-index:-1}
.visual:after{box-shadow:inset 9px 0 18px #0001}
.quote-slip{position:relative;inset:auto;margin:15px 24px 5px;padding:17px 23px 22px;flex:none;font-size:21px;line-height:1.25;filter:drop-shadow(2px 4px 3px #0002);transform:rotate(-.8deg)}
.quote-slip:before{display:none}
.reflection-label{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#806238;margin-bottom:9px}
.caption{position:relative;inset:auto;margin:9px 25px 19px;color:#43534f;text-shadow:none;opacity:1;font:11px/1.45 Arial,sans-serif}
.quiet .visual{background:#dce1dc}.quiet .quote-slip{font-size:21px}
.source-link{font-size:11px}.page-foot{font-size:10px}
.notes-intro{color:#586b65}.claim-note{border-top:1px solid #c9bea9;padding:8px 0 15px}.claim-note p{margin:7px 0 10px}
.references{display:grid;gap:7px;font:12px/1.5 Arial,sans-serif}.references a{text-underline-offset:3px;text-decoration-color:#b7a682}
#chapter-notes h3{font:normal 25px Georgia;margin:25px 0 13px}.bibliography{border-top:1px solid #bcae95;margin-top:25px;padding-top:20px}.bibliography summary{cursor:pointer;font:14px Arial;line-height:1.5}
@media(min-width:761px) and (max-width:1100px){.body-copy{font-size:15px;line-height:1.55}.copy h2{font-size:37px}.copy{padding:29px}.art-stage{min-height:420px}}
@media(max-width:760px){.visual{height:auto;min-height:0}.art-stage{flex:none;min-height:0;aspect-ratio:1/1;width:100%}.art-stage .scene-image{object-position:var(--mobile-crop,50% 50%)}.quote-slip{font-size:22px;margin:12px 18px 3px;padding:18px 21px 23px}.caption{margin:8px 23px 18px;font-size:11px}.reflection-label{font-size:8px}.copy{padding-top:31px}.visual .art-label{top:14px;right:14px}.quiet .quote-slip{font-size:21px}}


/* Reading edition: comfortable type, quiet controls, flexible paper. */
#book,.book-snapshot{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);color:var(--ink);position:relative;min-height:680px;overflow:hidden;border-radius:2px}
.copy{padding:36px 44px 28px}.body-copy{font-size:18px;line-height:1.55;max-width:62ch}.body-copy p{margin-bottom:16px}
.body-copy p:first-child:first-letter{float:none;font-size:inherit;line-height:inherit;margin:0;color:inherit}
.copy h2{font-size:clamp(36px,3.6vw,52px);line-height:1.02;margin-bottom:25px}.chapter-top{margin-bottom:18px}
.kicker,.chapter-number{font-size:10px}.page-foot{font-size:11px;line-height:1.5;gap:12px}.source-link{font:12px/1.5 Arial,sans-serif;white-space:nowrap;color:#655338}.page-foot>span:first-child{max-width:55%}
.caption{font-size:12px;line-height:1.5;margin:10px 26px 20px}.reflection-label{font-size:10px;letter-spacing:1.2px}.quote-slip{font-size:23px}.art-label{font:11px/1.3 Arial,sans-serif;letter-spacing:.3px}
button.art-label{background:#142e39d9;border-color:#e8e4d399;padding:10px 12px}.visual:hover .scene-image{transform:none}
.cinematic .visual{background:#d9ddcf}.cinematic .art-stage{min-height:540px}.cinematic .quote-slip{position:absolute;bottom:90px;left:0;right:0;margin:0 36px;max-width:430px;padding:20px 26px;font-size:27px;transform:rotate(-1deg);background-color:#f4ecd9ee}.cinematic .caption{min-height:48px}.cinematic .copy{justify-content:center}.cinematic .page-foot{margin-top:32px}.cinematic .copy h2{font-size:clamp(42px,4.5vw,65px)}
.navigation{max-width:680px;margin:27px auto 0;gap:20px}.nav-button{font-size:12px;min-width:120px;min-height:44px}.position{display:flex;align-items:center;gap:22px}#reader-contents{border:0;background:none;padding:10px 0;font:13px Arial,sans-serif;color:#ece5d4}#page-count{font:12px Arial,sans-serif;letter-spacing:.2px;color:#c2cec5;white-space:nowrap}
#progress{display:block;height:2px;max-width:680px;background:#71847c55;margin:18px auto 0}#progress:after{content:'';display:block;width:var(--progress);height:2px;background:#c7a467}
.reader-hint{font:12px/1.5 Arial,sans-serif;margin:16px 0;color:#bdc8bf}.reader-hint button{background:none;border:0;padding:4px 10px;font-size:18px}.reader-hint[hidden]{display:none}footer{margin-top:24px}footer button,nav button{font-size:12px}
.page-edge{position:absolute;top:0;bottom:0;width:23px;border:0;background:transparent;z-index:12;touch-action:pan-y pinch-zoom;padding:0;cursor:grab}.page-edge.left{left:0}.page-edge.right{right:0}.page-edge:active{cursor:grabbing}.page-edge:not(:disabled):hover{background:linear-gradient(90deg,#ac843b00,#ac843b33)}.page-edge.left:not(:disabled):hover{background:linear-gradient(90deg,#ac843b33,#ac843b00)}.page-edge:after{content:'';position:absolute;width:12px;height:12px;bottom:7px;border-bottom:1px solid #7f6f4f99}.page-edge.right:after{right:4px;border-right:1px solid #7f6f4f99}.page-edge.left:after{left:4px;border-left:1px solid #7f6f4f99}.page-edge:disabled{visibility:hidden}
#turn-layer{perspective:2400px;overflow:visible;z-index:10}#turn-layer:empty{display:none}#turn-layer .book-snapshot{position:absolute;inset:0;min-height:0}.book-snapshot .scene-image{transition:none}.book-snapshot .copy,.book-snapshot .visual{height:100%}
.flex-sheet{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d}.paper-strip{position:absolute;left:0;top:0;height:100%;transform-style:preserve-3d;transform-origin:left center;will-change:transform}.strip-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;background:var(--paper)}.strip-face:after{content:'';position:absolute;inset:0;background:rgba(30,23,13,var(--shade));pointer-events:none}.strip-back{transform:rotateY(180deg)}.strip-surface{position:absolute;top:0;height:100%;transform-origin:center}.sheet-content{width:100%;height:100%;position:relative;overflow:hidden}.fixed-half{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.measure-book{position:absolute!important;left:-20000px;top:0;visibility:hidden;pointer-events:none}.mobile-sheet{box-shadow:8px 0 30px #0004}
@media(min-width:761px) and (max-width:1100px){.copy{padding:30px}.body-copy{font-size:18px;line-height:1.55}.copy h2{font-size:37px}.page-foot{flex-wrap:wrap}.page-foot>span:first-child{max-width:100%}}
@media(max-width:760px){#book,.book-snapshot{display:flex;flex-direction:column;min-height:0}.copy{order:1;padding:30px 27px}.visual{order:2}.body-copy{font-size:18px;line-height:1.6}.copy h2{font-size:42px}.page-foot{margin-top:12px;flex-wrap:wrap}.page-foot>span:first-child{max-width:100%}.caption{font-size:12px}.quote-slip{font-size:23px}.cinematic .art-stage{min-height:0}.cinematic .quote-slip{position:relative;inset:auto;margin:14px 22px 0;font-size:25px}.cinematic .copy h2{font-size:45px}.cinematic .page-foot{margin-top:12px}.position{gap:4px;flex-direction:column}.navigation{gap:9px}.nav-button{min-width:70px;padding:10px}.nav-word{display:inline;font-size:11px}.nav-button span:not(.nav-word){font-size:19px}.nav-button{gap:8px}#reader-contents{font-size:12px;padding:3px}#page-count{font-size:11px}.page-edge{width:17px}#turn-layer{overflow:hidden}#turn-layer .book-snapshot{height:100%;overflow:hidden}.book-snapshot .copy,.book-snapshot .visual{height:auto}.masthead nav{gap:12px}.masthead nav button{font-size:10px}footer button{font-size:10px}.reader-hint{font-size:11px}.cover-title{padding-left:27px}.cover h1{font-size:clamp(64px,20vw,83px)}}
.fold-shadow{position:absolute;top:0;bottom:0;width:25%;background:linear-gradient(90deg,#201b10,transparent);pointer-events:none}.fold-shadow+ .flex-sheet{z-index:1}
/* Flatten costly decorative filters only in the temporary animation faces. */
#turn-layer .quote-slip{filter:none}#turn-layer .copy,#turn-layer .quote-slip{background-image:none}.sheet-content>.copy,.sheet-content>.visual{height:100%}.sheet-content .visual{isolation:isolate}
.strip-face:after{display:none}.sheet-shade{position:absolute;inset:0;background:#20170d;opacity:0;will-change:opacity;pointer-events:none}
/* Quiet reader; the picture itself is the enlargement control. */
.masthead{height:78px}.navigation{max-width:420px;margin-top:22px}.position{position:absolute}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.art-stage{display:block;border:0;padding:0;width:100%;text-align:left;cursor:zoom-in}.art-stage:focus-visible{outline-offset:-5px;z-index:3}.art-stage .scene-image{z-index:0;pointer-events:none}.quote-slip{margin-bottom:20px}.cinematic .quote-slip{bottom:26px}.page-edge{width:clamp(64px,6vw,88px)}.page-edge.left{left:-24px}.page-edge.right{right:-24px}.copy{padding-left:66px;padding-right:48px}footer{justify-content:center;gap:32px}
.fold-space{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:0 0}.fold-front,.fold-back,.cast-shadow{position:absolute;inset:0;transform-origin:0 0;background:var(--paper);will-change:transform,clip-path}.fold-back{z-index:3}.fold-front{z-index:2}.cast-shadow{z-index:1;background:#241a10;filter:blur(14px)}.fold-light{position:absolute;inset:0;pointer-events:none}.fold-front>.sheet-content,.fold-back>.sheet-content{transform-origin:center}.fold-space .sheet-content{height:100%}
@media(min-width:761px) and (max-width:1100px){.copy{padding-left:48px;padding-right:32px}.page-edge{width:64px}.page-edge.left{left:-20px}.page-edge.right{right:-20px}}
@media(max-width:760px){.masthead{height:70px}.copy{padding-left:32px;padding-right:27px}.page-edge{width:44px}.page-edge.left{left:-14px}.page-edge.right{right:-14px}.cinematic .quote-slip{bottom:auto}.quote-slip{margin-bottom:20px}.navigation{max-width:300px}.art-stage{aspect-ratio:1/1}}
.sheet-content{color:var(--ink)}.page-edge:after{display:none}

/* Contain resting-page descendants below the entire lifted sheet. Without these
   stacking contexts, .copy's z-index escapes .fixed-half and hides the fold. */
#turn-layer>.book-snapshot{z-index:0;isolation:isolate}
#turn-layer>.fixed-half{z-index:1;isolation:isolate}
#turn-layer>.fold-space{z-index:2;isolation:isolate}
#turn-layer>.mobile-sheet{z-index:3}

/* One panorama, two adjacent windows. Fade only the text-side ink. */
.copy{isolation:isolate}
.copy:before{content:'';position:absolute;top:0;left:0;right:auto;width:var(--scene-width,200%);height:var(--scene-height,85%);z-index:-1;pointer-events:none;background-image:var(--page-art,none);background-size:cover;background-position:50% var(--art-y,50%);background-repeat:no-repeat;opacity:1;clip-path:inset(0 50% 0 0);mask-image:linear-gradient(90deg,transparent 8%,#00000008 30%,#00000018 44%,#00000055 48%,#000 50%);-webkit-mask-image:linear-gradient(90deg,transparent 8%,#00000008 30%,#00000018 44%,#00000055 48%,#000 50%)}
.art-stage .scene-image{width:200%;max-width:none;left:-100%;right:auto;object-fit:cover;object-position:var(--crop,50% 50%)}
@media(max-width:760px){.copy:before{display:none}footer{gap:20px;flex-wrap:wrap}}

/* Keep the remaining book tools at the right after removing the masthead brand. */
.masthead{justify-content:flex-end}

/* Full-page illustrations with a loose paper fact card, across every story. */
.visual{position:relative;overflow:hidden}
.visual .art-stage{min-height:100%;height:100%;flex:1}
.visual .quote-slip,.cinematic .visual .quote-slip{position:absolute;inset:auto 32px 28px;margin:0;padding:20px 25px;max-width:430px;font-size:25px;line-height:1.25;transform:rotate(-1deg);background-color:#f4ecd9ee;pointer-events:none;z-index:2}
.body-copy p:last-child{margin-bottom:0}
@media(max-width:760px){.visual .art-stage{min-height:0;height:auto;flex:none;aspect-ratio:1/1}.visual .quote-slip,.cinematic .visual .quote-slip{inset:auto 23px 23px;padding:16px 20px;font-size:21px}}
