@import url("/fonts.css");
:root{--ink:#151b18;--night:#111714;--paper:#f2ede3;--gold:#c9ad79;--muted:#a6a99f;--line:rgba(204,179,133,.26);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Golos Text',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--paper);font-family:var(--sans);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}em{font-weight:400;color:var(--gold)}img{display:block;width:100%;object-fit:cover}button,a{touch-action:manipulation}.header{height:104px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:var(--serif);font-size:26px;letter-spacing:.17em;white-space:nowrap}.brand span{font-size:18px;color:var(--gold)}.brand i{display:block;font-family:var(--sans);font-style:normal;font-size:12px;letter-spacing:.34em;margin-top:5px;color:var(--muted)}.header nav{display:flex;gap:34px;align-items:center;font-size:14px}.header nav button{padding:12px 0}.header nav a:hover,.header nav button:hover{color:var(--gold)}.header-mark{display:flex;gap:20px;align-items:center;font-size:13px;border:1px solid var(--line);padding:13px 20px}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:500;color:var(--gold);line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 28px;min-height:56px;font-family:var(--serif);font-size:24px;transition:background .2s,transform .2s}.primary{background:#58212a;border:1px solid #b69969;box-shadow:inset 0 0 0 4px #58212a,inset 0 0 0 5px rgba(220,191,140,.25);color:#f3e9d7;border-radius:2px}.primary:hover{background:#712c36;transform:translateY(-2px)}.micro{font-size:12px;line-height:1.7;color:var(--muted)}.hero{min-height:690px;height:calc(100svh - 104px);max-height:940px;position:relative;padding:80px 7vw 95px;display:flex;align-items:center;gap:10vw}.hero-background,.hero-shade{position:absolute;inset:0;height:100%;width:100%;z-index:0}.hero-background{object-position:center 50%}.hero-shade{background:linear-gradient(90deg,rgba(9,15,12,.89),rgba(9,15,12,.46) 52%,rgba(9,15,12,.1)),linear-gradient(0deg,#111714,transparent 30%,transparent 90%)}.hero-copy{position:relative;z-index:1;flex:1}.hero h1{font-size:clamp(52px,5.6vw,88px);line-height:1.04;letter-spacing:-.025em;margin:24px 0}.hero-description{font-family:var(--serif);font-size:25px;line-height:1.4;color:#d5d3c8;margin-bottom:35px}.hero-copy .micro{display:block;margin-top:16px;font-size:12px;letter-spacing:.045em}.hero-feature{position:relative;width:295px;aspect-ratio: .67;transform:perspective(1200px) rotateY(-8deg) rotateZ(2deg);box-shadow:12px 24px 60px #0009,-5px 0 0 #726046,-8px 0 0 #28271d;border:1px solid #c9ad79;transition:transform .5s;margin-right:4vw}.hero-feature:hover{transform:perspective(1200px) rotateY(0) rotateZ(0)}.hero-feature>img{height:100%}.hero-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101510 0%,transparent 76%)}.feature-top{position:absolute;top:20px;left:0;width:100%;text-align:center;font-size:12px;letter-spacing:.18em;z-index:2;color:#e7d8bd}.hero-feature>div{position:absolute;bottom:26px;left:25px;right:25px;z-index:2}.hero-feature h2{font-size:51px;margin:7px 0 2px}.hero-feature p{font-family:var(--serif);font-size:23px;line-height:1.05}.feature-link{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#dac6a2}.hero-bottom{position:absolute;bottom:28px;left:7vw;right:7vw;display:flex;justify-content:space-between;align-items:end;font-size:12px;color:#b5b6a9;line-height:1.7;z-index:2}.hero-bottom a{color:#d3c1a1}.section{padding:80px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2{font-size:72px;margin-top:10px;line-height:1}.section-heading>p{max-width:370px;font-family:var(--serif);font-size:23px;line-height:1.4;color:#b4b9ad}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.tile-image{position:relative;aspect-ratio:.75;overflow:hidden;border:1px solid #6a644d}.tile-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101611a8,transparent 55%)}.tile-image img{height:100%;transition:transform .7s,filter .7s;filter:saturate(.75)}.hero-tile:hover img{transform:scale(1.045);filter:saturate(1)}.tile-era{position:absolute;bottom:18px;left:18px;font-size:12px;letter-spacing:.08em;z-index:2}.tile-number{position:absolute;top:14px;left:17px;color:#f1e5ca;font-family:var(--serif);font-size:24px;z-index:2}.tile-caption{padding-top:22px}.tile-caption>span:first-child{font-size:12px;color:var(--muted);letter-spacing:.025em}.tile-caption h3{font-size:41px;margin:9px 0 3px}.tile-caption p{font-family:var(--serif);font-size:23px;color:#c7c8bb}.tile-open{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:23px;padding-top:17px;color:var(--gold);font-size:12px}.format{display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#19201a}.format h2{font-size:60px;line-height:1.05;margin-top:24px}.format-copy>p{font-family:var(--serif);font-size:25px;line-height:1.45;color:#d0d0c2}.format-facts{display:flex;gap:35px;margin:30px 0}.format-facts span{font-size:12px;color:var(--muted)}.format-facts b{font-family:var(--serif);font-size:36px;color:var(--gold);display:block;font-weight:400;margin-bottom:8px}.text-button{display:inline-flex;align-items:center;gap:12px;color:var(--gold);padding:10px 0;font-size:13px;text-align:left}.future{text-align:center;max-width:850px;margin:auto;padding-top:70px;padding-bottom:70px}.future h2{font-size:43px;margin:16px 0}.future>p:last-child{font-family:var(--serif);font-size:23px;color:#abb2a5;line-height:1.45}footer{border-top:1px solid var(--line);padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:var(--muted)}footer .small{font-size:18px;color:#ded2b7}footer button{font-size:12px}.study-backdrop{position:fixed;inset:0;background-position:center;background-size:cover;z-index:-2}.study-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,13,10,.85),rgba(9,13,10,.23) 50%,rgba(9,13,10,.78))}.book-body .header{background:#0c100d66}.book-main{position:relative;min-height:calc(100svh - 174px);padding:24px 3vw 32px;overflow:hidden}.breadcrumb{font-size:12px;color:#c6bea9;margin-left:2vw;position:relative;z-index:5}.book-heading{text-align:center;margin-top:0}.book-heading h1{font-size:clamp(55px,5.7vw,85px);text-transform:uppercase;letter-spacing:.085em;color:#d8be87;line-height:1.07;margin:11px 0 3px}.book-heading>p:last-child{font-family:var(--serif);font-size:28px;letter-spacing:.055em}.book-aside{position:absolute;top:122px;left:5vw;max-width:165px;font-family:var(--serif);font-size:18px;line-height:1.4;color:#d0c6b3;z-index:5}.book-aside .text-button{font-size:12px;font-family:var(--sans)}.carousel{margin-top:25px;position:relative}.cover-stage{height:375px;position:relative;perspective:1400px;touch-action:pan-y;max-width:1250px;margin:auto}.chapter-cover{position:absolute;left:50%;top:7px;width:245px;height:345px;display:block;overflow:hidden;border:1px solid #bba173;box-shadow:-5px 1px 0 #57503b,-8px 2px 0 #26281e,12px 24px 30px #0009;transform:translateX(calc(-50% + var(--offset) * 235px)) translateZ(calc(var(--abs) * -150px)) rotateY(calc(var(--offset) * -9deg));transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s,opacity .5s;filter:brightness(.64);padding:0;text-align:center;background:#20271f;transform-origin:center}.chapter-cover.active{filter:brightness(1);box-shadow:-5px 1px 0 #71654a,-8px 2px 0 #323327,14px 25px 45px #000b}.chapter-cover.offstage{opacity:0;pointer-events:none}.chapter-cover>img{height:100%;position:absolute;inset:0}.cover-scrim{position:absolute;inset:0;background:linear-gradient(0deg,#080d0bf5 0%,#080d0b4a 42%,#0e1713b0 100%)}.cover-kicker{position:absolute;top:22px;left:15px;right:15px;font-family:var(--serif);font-size:15px;letter-spacing:.12em;color:#f1e2c9}.chapter-cover h2{position:absolute;left:18px;right:18px;bottom:56px;font-size:36px;line-height:.99;color:#f2e8d6;text-wrap:balance}.cover-status{position:absolute;bottom:21px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;letter-spacing:.04em;color:#cab990}.cover-status svg{width:13px;height:13px}.cover-spine{position:absolute;left:6px;top:0;bottom:0;width:1px;background:#d5b57f55}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:0;position:relative;z-index:25}.round{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:24px;background:#12181245;transition:background .2s}.round:hover:not(:disabled){background:#c9ad7922}.chapter-pagination{display:flex;align-items:center;gap:3px}.chapter-pagination button{width:36px;height:38px;font-family:var(--serif);font-size:18px;color:#bbb49f;border:1px solid transparent;border-radius:50%}.chapter-pagination button[aria-current="true"]{border-color:var(--gold);color:#e3c28c;background:#bda06b1a}.mobile-count{display:none}.chapter-action{text-align:center;margin-top:16px}.chapter-action>p{font-family:var(--serif);font-size:19px;margin-bottom:13px;color:#d7c7a7}.chapter-action .button{min-width:300px;border-radius:36px;padding:13px 26px;min-height:53px}.chapter-action .micro{display:block;margin-top:15px;font-size:12px;letter-spacing:.03em}.book-body footer{background:#0c100d88;padding-top:20px;padding-bottom:20px}.read-body{background:var(--paper);color:var(--ink)}.reader-header{height:82px;background:var(--night);color:var(--paper)}.reading-top{padding:20px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #283a2525;font-size:12px}.reading-top>a span{color:#858878}.reading-top>span{font-family:var(--serif);font-size:19px}.reading-top button{font-size:12px}.reading-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start}.scene-visual{position:sticky;top:0;height:calc(100svh - 80px);min-height:560px;background:#191e17;overflow:hidden;color:var(--paper)}.scene-visual>img{height:100%;transition:opacity .3s;object-position:center}.scene-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090e0bcc,transparent 45%,transparent 80%,#090e0b33);pointer-events:none}.photo-tag{position:absolute;left:32px;top:29px;z-index:2;font-size:12px;letter-spacing:.18em}.photo-caption{position:absolute;left:32px;right:32px;bottom:26px;z-index:3}.photo-caption>p{font-family:var(--serif);font-size:22px;max-width:350px;line-height:1.2;min-height:52px}.photo-controls{display:flex;align-items:center;gap:18px;margin-top:19px}.photo-controls span{font-size:12px;font-variant-numeric:tabular-nums}.photo-controls .round{border-color:#e4d2ad66}.scene-paper{padding:38px clamp(30px,5vw,85px) 35px;min-height:calc(100svh - 140px);background:var(--paper);box-shadow:-12px 0 35px #00000018;z-index:2}.scene-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;color:#7a7668}.scene-tools>span{font-size:12px;letter-spacing:.18em}.font-button{font-family:var(--serif);font-size:23px;min-width:44px;min-height:44px;border:1px solid #84795d44}.scene-place{font-family:var(--serif);font-size:18px;font-style:italic;color:#777363}.scene-paper h1{font-size:clamp(36px,3.9vw,59px);line-height:1.02;margin:13px 0 28px;letter-spacing:-.015em}.prose{font-family:var(--serif);font-size:23px;line-height:1.45;color:#272920}.prose p{margin-bottom:19px}.prose p:first-child:first-letter{float:left;font-family:var(--serif);font-size:67px;line-height:.83;margin:8px 7px 0 0;color:#615235}.prose.large-type{font-size:27px}.scene-end{text-align:center;color:#9e8a61;margin:20px}.ornament{font-size:26px}.scene-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #a99e8744;gap:16px}.next-scene{display:inline-flex;gap:15px;align-items:center;font-family:var(--serif);font-size:21px;color:#63452a;text-align:right}.previous-scene{font-size:12px;color:#747367}.reading-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 4vw;border-top:1px solid #283a2525;font-size:12px;color:#6f7065}.reading-bottom>button{font-size:12px}.scene-progress{display:flex;gap:6px;max-width:340px;flex:1}.scene-progress a{height:20px;position:relative;flex:1}.scene-progress a:after{content:'';height:2px;position:absolute;left:0;right:0;top:9px;background:#cbc4b4}.scene-progress a.passed:after{background:#766442}.scene-progress a[aria-current]:after{height:4px;top:8px}.dialog-open{overflow:hidden}dialog{width:min(650px,calc(100% - 30px));max-height:85svh;background:var(--paper);color:var(--ink);border:1px solid #b39b6b;padding:48px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#080d0dc9;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:10px;width:40px;height:40px;font-size:31px;color:#746851}dialog h2{font-size:45px;line-height:1.05;margin:14px 0 24px}dialog p:not(.eyebrow){font-family:var(--serif);font-size:22px;line-height:1.4;margin-bottom:18px}dialog .eyebrow{color:#907143}dialog .text-button{color:#80603b;font-size:14px}dialog .micro{font-family:var(--sans)!important;font-size:12px!important;color:#797362}dialog .button{font-size:22px;width:100%}.access-note{padding:20px;background:#e2d9c7;color:#604a29;font-size:15px;margin:20px 0;line-height:1.5}.source-list{border-top:1px solid #ad9b7344;margin-top:24px}.source-list a{display:block;padding:14px 0;border-bottom:1px solid #ad9b7344;font-size:13px;line-height:1.5;color:#75603c}.portrait-angles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 12px}.portrait-angles img{aspect-ratio:.7;object-fit:cover}.timeline a,.contents-list a{padding:16px 0;display:flex;align-items:center;gap:18px;border-bottom:1px solid #ad9b7344}.timeline b{font-family:var(--serif);font-size:31px;color:#8d6c36}.timeline span{flex:1;font-family:var(--serif);font-size:26px}.timeline small{font-family:var(--sans);display:block;font-size:12px;line-height:1.5;margin-top:4px;color:#79766a}.contents-list a{font-family:var(--serif);font-size:23px}.contents-list a>span{font-size:18px;color:#96805a}.contents-list a>svg{margin-left:auto}.contents-list a[aria-current]{color:#a07536}
@media(min-width:1600px){.cover-stage{height:435px}.chapter-cover{height:400px;width:280px}.book-main{padding-top:35px}.book-heading h1{font-size:95px}.carousel{margin-top:35px}}
@media(max-width:1100px){.header-mark{display:none}.hero{gap:7vw}.hero-feature{width:245px;margin-right:0}.hero-feature h2{font-size:43px}.hero h1{font-size:64px}.hero-grid{gap:18px}.tile-caption h3{font-size:35px}.tile-caption p{font-size:20px}.book-aside{display:none}.book-heading{margin-top:10px}.chapter-cover{transform:translateX(calc(-50% + var(--offset) * 208px)) translateZ(calc(var(--abs) * -160px)) rotateY(calc(var(--offset) * -10deg))}.scene-paper{padding:30px}.prose{font-size:22px}}
@media(max-width:760px){.header{height:80px;padding:0 22px;gap:15px}.brand{font-size:22px;letter-spacing:.11em}.brand i{font-size:8px;letter-spacing:.25em}.header nav{gap:20px;font-size:12px}.header nav button:last-child{display:none}.header nav a{display:none}.hero{height:auto;min-height:810px;max-height:none;display:block;padding:52px 26px 95px}.hero-shade{background:linear-gradient(90deg,#0b110ce8,#0b110c77),linear-gradient(0deg,#111714,transparent 40%)}.hero h1{font-size:56px;margin:18px 0}.hero-description{font-size:23px;margin-bottom:24px}.hero-copy .button{font-size:22px;padding:16px 22px}.hero-feature{width:190px;height:260px;aspect-ratio:auto;margin:38px 0 18px auto;transform:perspective(1000px) rotateY(-9deg) rotateZ(2deg)}.hero-feature>div{bottom:17px;left:17px;right:17px}.hero-feature h2{font-size:36px;margin:4px 0}.hero-feature p{font-size:20px}.hero-feature .eyebrow{font-size:8px}.feature-top{top:15px;font-size:7px}.feature-link{display:none}.hero-bottom{left:26px;right:26px;bottom:25px;gap:20px;font-size:12px;align-items:center}.hero-bottom>span{max-width:160px}.hero-bottom>a{max-width:120px;text-align:right}.section{padding:52px 24px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:60px}.section-heading>p{font-size:22px;margin-top:20px;max-width:330px}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 17px}.tile-image{aspect-ratio:.66}.tile-era{font-size:12px;left:10px;bottom:12px;letter-spacing:0}.tile-number{font-size:20px;left:10px}.tile-caption{padding-top:15px}.tile-caption>span:first-child{font-size:12px;line-height:1.5;display:block;min-height:28px}.tile-caption h3{font-size:32px;margin:6px 0}.tile-caption p{font-size:20px;line-height:1.15;min-height:46px}.tile-open{font-size:12px;margin-top:15px;padding-top:13px}.tile-open svg{width:17px}.format{grid-template-columns:1fr;gap:30px}.format h2{font-size:49px;margin-top:18px}.format-copy>p{font-size:23px}.format-facts{justify-content:space-between;gap:15px}.format-facts b{font-size:35px}.future h2{font-size:35px}.future>p:last-child{font-size:22px}footer{flex-wrap:wrap;gap:18px;padding:25px 24px;font-size:12px}footer>span{display:none}footer button{font-size:12px}.book-main{padding:20px 0 27px;min-height:calc(100svh - 144px)}.breadcrumb{margin-left:24px;font-size:12px}.book-heading{margin:25px 20px 0}.book-heading .eyebrow{font-size:12px}.book-heading h1{font-size:49px;letter-spacing:.065em;margin-top:10px}.book-heading>p:last-child{font-size:24px;letter-spacing:0}.carousel{margin-top:20px}.cover-stage{height:332px}.chapter-cover{width:215px;height:308px;transform:translateX(calc(-50% + var(--offset) * 171px)) translateZ(calc(var(--abs) * -180px)) rotateY(calc(var(--offset) * -12deg))}.chapter-cover h2{font-size:33px;bottom:48px}.cover-kicker{font-size:13px;top:18px}.cover-status{font-size:12px;bottom:18px}.chapter-pagination{display:none}.mobile-count{display:block;font-size:12px;letter-spacing:.15em;color:#ddc69e;min-width:68px;text-align:center}.carousel-controls{gap:35px}.carousel-controls .round{width:42px;height:42px}.chapter-action{margin:17px 22px 0}.chapter-action>p{font-size:17px;margin-bottom:13px}.chapter-action .button{min-width:0;width:min(330px,100%);font-size:22px;min-height:53px}.chapter-action .micro{max-width:270px;margin:14px auto 0;font-size:12px}.book-body footer{padding:20px 22px}.reader-header{height:72px}.reading-top{padding:15px 20px;gap:12px;font-size:12px}.reading-top>a span,.reading-top>span{display:none}.reading-layout{display:block}.scene-visual{position:relative;top:auto;height:58svh;min-height:340px;max-height:550px}.scene-visual>img{object-position:center 35%}.photo-tag{left:24px;top:22px;font-size:12px}.photo-caption{left:24px;right:24px;bottom:20px;display:flex;gap:22px;align-items:end}.photo-caption>p{font-size:20px;min-height:0;flex:1}.photo-controls{margin:0;gap:8px}.photo-controls .round{width:35px;height:35px;font-size:21px}.photo-controls span{font-size:12px;white-space:nowrap}.scene-paper{padding:25px 26px 30px;min-height:0}.scene-tools{margin-bottom:23px}.scene-tools>span{font-size:12px}.font-button{font-size:21px;width:40px;height:38px;min-height:38px}.scene-place{font-size:18px}.scene-paper h1{font-size:43px;margin:12px 0 25px}.prose{font-size:23px;line-height:1.43}.prose p{margin-bottom:18px}.prose.large-type{font-size:27px}.scene-navigation{padding-top:21px}.next-scene{font-size:21px}.reading-bottom{padding:16px 22px;gap:18px;flex-wrap:wrap}.reading-bottom>button{font-size:12px}.reading-bottom>span{font-size:12px}.scene-progress{order:3;flex-basis:100%;max-width:none}dialog{padding:36px 25px}dialog h2{font-size:39px}dialog p:not(.eyebrow){font-size:21px}.timeline a{gap:13px}.timeline small{font-size:12px}.contents-list a{font-size:21px}}
@media(max-width:360px){.header{padding:0 16px}.brand{font-size:20px}.hero{padding-left:22px;padding-right:22px}.hero h1{font-size:48px}.hero-copy .button{font-size:20px;gap:10px}.book-heading h1{font-size:42px}.chapter-cover{width:198px;height:288px}.cover-stage{height:310px}.scene-paper{padding-left:22px;padding-right:22px}.scene-paper h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.expand-image{position:absolute;right:24px;top:18px;z-index:4;width:44px;height:44px;border:1px solid #e6d7b755;border-radius:50%;font-size:26px;background:#0e181a55}.image-dialog{width:min(1200px,calc(100% - 24px));padding:45px 16px 10px;background:#111714;color:#eee5d6}.expanded-photo{width:100%;max-height:70svh;object-fit:contain}.image-dialog p{margin:12px 0 0!important;text-align:center;color:#cfbea1!important}.image-dialog .dialog-close{color:#e1caa2}.scene-visual:has(.expanded-photo){overflow:visible}
/* The volume is a single immersive coverflow surface, like the cabinet reference. */
.book-body{height:100svh;overflow:hidden}.book-body #app{height:100%;display:flex;flex-direction:column}.book-body .header{height:80px;flex:none;background:rgba(9,13,10,.28)}.book-body footer{flex:none;padding:13px 5vw;background:rgba(9,13,10,.25)}.book-main{flex:1;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:18px 3vw 20px;overflow:hidden}.book-heading{margin:8px 0 0}.book-heading h1{font-size:clamp(46px,6vw,88px);margin:5px 0 0}.book-heading>p:last-child{font-size:27px}.book-aside{top:125px;max-width:170px}.study-backdrop:after{background:linear-gradient(0deg,rgba(9,13,10,.52),rgba(9,13,10,.08) 48%,rgba(9,13,10,.6))}.book-body .carousel{margin:8px 0 0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto}.book-body .cover-stage{height:100%;width:100%;max-width:1450px;min-height:0;perspective:1250px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y pinch-zoom}.book-body .cover-stage.dragging{cursor:grabbing}.book-body .chapter-cover{--cover-step:clamp(160px,19vw,275px);top:50%;height:min(calc(100% - 20px),410px);width:auto;aspect-ratio:.69;transform:translate(-50%,-50%) translateX(calc(var(--offset) * var(--cover-step))) translateZ(calc(var(--abs) * -135px)) rotateY(calc(var(--offset) * -10deg));transition:filter .18s,opacity .18s;will-change:transform;cursor:inherit;box-shadow:-5px 1px 0 #655337,-8px 2px 0 #28271e,16px 27px 38px #000a}.book-body .chapter-cover.active{box-shadow:-5px 1px 0 #988058,-8px 2px 0 #383124,18px 30px 45px #000b}.book-body .chapter-cover h2{font-size:clamp(28px,3vw,38px)}.book-body .carousel-controls{margin:8px 0 0}.carousel-hint{text-align:center;font-size:12px;line-height:1.5;letter-spacing:.03em;color:#cfbfa3;margin-top:10px}.touch-hint{display:none}.chapter-action{margin-top:14px}.chapter-action>p{display:none}.chapter-action .micro{margin-top:11px}.book-body .chapter-cover:focus-visible{outline-offset:4px;outline-color:#f3d6a1}
@media(pointer:coarse){.touch-hint{display:inline}.mouse-hint{display:none}}
@media(max-width:760px){.book-body .header{height:70px}.book-body footer{display:none}.book-main{padding:15px 0 max(18px,env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto}.book-heading{margin:16px 20px 0}.book-heading h1{font-size:clamp(40px,10vw,60px)}.book-heading>p:last-child{font-size:23px}.book-body .carousel{margin-top:12px}.book-body .chapter-cover{--cover-step:clamp(148px,41vw,215px);height:min(calc(100% - 20px),390px);transform:translate(-50%,-50%) translateX(calc(var(--offset) * var(--cover-step))) translateZ(calc(var(--abs) * -145px)) rotateY(calc(var(--offset) * -12deg))}.book-body .chapter-cover h2{font-size:clamp(26px,7.5vw,35px)}.book-body .carousel-controls{margin-top:3px;gap:30px}.carousel-hint{font-size:12px;margin:10px 20px 0}.chapter-action{margin:15px 22px 0}.chapter-action .micro{font-size:12px;max-width:340px;line-height:1.5;margin:11px auto 0}.book-body .chapter-cover .cover-status{font-size:11px}.book-body .chapter-cover .cover-kicker{font-size:13px}}
@media(max-height:660px){.book-body .header{height:58px}.book-main{padding-top:8px;padding-bottom:10px}.book-heading{margin-top:5px}.book-heading h1{font-size:43px}.book-heading>p:last-child{font-size:21px}.book-heading .eyebrow{font-size:10px}.book-body footer{display:none}.book-body .carousel{margin-top:3px}.carousel-hint{display:none}.book-body .carousel-controls{margin-top:0}.book-body .carousel-controls .round{height:34px;width:34px}.chapter-action{margin-top:8px}.chapter-action .button{min-height:44px;padding:8px 24px;font-size:21px}.chapter-action .micro{font-size:10px;margin-top:7px}.book-body .chapter-cover h2{font-size:25px;bottom:42px}.book-body .chapter-cover .cover-kicker{font-size:11px;top:14px}.book-body .chapter-cover .cover-status{font-size:9px;bottom:15px}}
@media(max-height:450px){.book-body{height:auto;min-height:100svh;overflow:auto}.book-body #app{min-height:100svh;height:auto}.book-main{min-height:540px}.book-body .cover-stage{min-height:260px}.book-body .chapter-cover{height:240px}}
/* Cabinet reference: shared book and chapter selection, real interactive covers. */
.book-body{background:#18130f}.book-body .study-backdrop{background-position:center center}.book-body .study-backdrop:after{background:linear-gradient(180deg,#09080670,transparent 40%,#110b0720 74%,#08060585)}.book-body .header{border:0;background:linear-gradient(#0a09075e,transparent);height:88px;padding:0 3vw}.book-body .header .brand{font-size:29px;letter-spacing:.13em}.book-body .header .brand i{display:none}.book-body .header nav{font-family:var(--serif);font-size:18px;gap:40px}.book-body .header-mark{font-family:var(--serif);font-size:17px;border-color:#bcaa8988;border-radius:8px;padding:9px 21px}.book-body .book-main{padding:12px 3vw 25px;grid-template-rows:auto auto minmax(0,1fr) auto}.book-body .breadcrumb{font-family:var(--serif);font-size:15px;margin-left:0;color:#d9cdb7}.book-body .book-heading{margin-top:0}.book-body .book-heading .eyebrow{font-family:var(--serif);font-size:14px;letter-spacing:.2em;color:#d5c7aa}.book-body .book-heading h1{font-size:clamp(46px,6.5vw,100px);color:#d6b782;letter-spacing:.075em;line-height:1;margin:7px 0 5px;text-shadow:0 2px 2px #211608,0 0 24px #08060380;font-weight:500}.book-body .book-heading>p:last-of-type{font-size:30px;letter-spacing:.07em;color:#eee1ca}.period-rule{display:flex;gap:17px;align-items:center;justify-content:center;color:#d3bf99;font-family:var(--serif);font-size:16px;letter-spacing:.25em;margin:12px 0 0}.period-rule:before,.period-rule:after{content:'';width:55px;height:1px;background:#b6a07a99}.book-body .book-aside{top:64px;left:3vw;max-width:170px;font-size:19px;line-height:1.2;color:#ddd0b9;text-shadow:0 2px 5px #000}.aside-rule{display:block;width:45px;height:1px;background:#d2b580;margin-top:25px}.cabinet-note{position:absolute;right:3vw;top:65px;width:180px;font-family:var(--serif);font-size:17px;font-style:italic;line-height:1.3;color:#dbcaae;text-shadow:0 2px 5px #000}.cabinet-note>span{display:block;margin-top:15px;font-size:15px}.book-body .carousel{margin:12px 0 0}.book-body .cover-stage{perspective:1500px}.book-body .chapter-cover{--cover-step:clamp(165px,19.8vw,300px);height:min(calc(100% - 18px),460px);aspect-ratio:.7;background:#e6dfcd;border:1px solid #d0b181;filter:brightness(.85);box-shadow:-4px 1px 0 #837256,-6px 2px 0 #34291c,14px 25px 26px #0008;transform:translate(-50%,-50%) translateX(calc(var(--offset) * var(--cover-step))) translateZ(calc(var(--abs) * -205px)) rotateY(calc(var(--offset) * -9deg));border-radius:2px}.book-body .chapter-cover.active{filter:brightness(1.04);box-shadow:-4px 1px 0 #b7a17d,-6px 2px 0 #493b26,17px 30px 38px #000a}.book-body .chapter-cover>img{top:26%;height:74%;object-position:center 24%}.book-body .cover-scrim{background:linear-gradient(180deg,#e9e2d2 0%,#e9e2d2 22%,#e9e2d2dc 27%,transparent 43%,transparent 75%,#17171390 100%)}.book-body .chapter-cover h2{top:48px;bottom:auto;left:16px;right:16px;font-size:clamp(25px,2.8vw,38px);line-height:.99;color:#24251f;text-shadow:0 1px 3px #eee5d17a}.book-body .chapter-cover .cover-kicker{top:22px;font-size:13px;letter-spacing:.12em;color:#534b3c}.book-body .chapter-cover .cover-status{bottom:17px;font-size:12px;color:#f4e8d2;text-shadow:0 1px 4px #000}.book-body .cover-spine{left:5px;background:#5d523b55}.book-body .carousel-controls{gap:20px;margin-top:5px}.book-body .chapter-pagination{gap:12px}.book-body .chapter-pagination button{font-size:22px;height:42px;width:36px;color:#d2c8b4}.book-body .chapter-pagination button[aria-current=true]{color:#efd9a4;background:#bfa26b25;box-shadow:0 0 14px #d9b57c30}.book-body .carousel-controls .round{border-color:transparent;color:#ccb48c}.book-body .carousel-hint{display:none}.book-body .chapter-action{margin-top:12px}.book-body .chapter-action .primary{background:linear-gradient(90deg,#480e1c,#601b29 50%,#390d16);border-color:#d9c190;min-width:310px;border-radius:40px;font-size:27px;padding:10px 30px;min-height:54px;box-shadow:inset 0 0 0 3px #47131d,inset 0 0 0 4px #bea37370,0 5px 18px #0005}.book-body .chapter-action .micro{font-family:var(--serif);font-size:14px;letter-spacing:.08em;color:#cebea0;margin-top:10px}.gesture-note{display:block;font-family:var(--serif);font-size:12px;letter-spacing:.07em;color:#bdad91;margin-top:5px}.book-body footer{background:#0c0a0790;border-color:#c9ad7930;padding:12px 3vw;font-family:var(--serif);font-size:14px}.book-body footer>button{font-family:var(--serif);font-size:14px}.book-body footer .brand{font-size:16px}.library-body .book-heading h1{font-size:clamp(42px,6.1vw,90px)}
@media(max-width:1100px){.cabinet-note,.book-body .book-aside{display:none}.book-body .header-mark{display:none}.book-body .chapter-pagination{gap:3px}.book-body .book-heading h1{font-size:68px}.library-body .book-heading h1{font-size:64px}}
@media(max-width:760px){.book-body .header{height:68px;padding:0 21px}.book-body .header .brand{font-size:24px}.book-body .header nav{font-size:16px}.book-body .study-backdrop{background-position:56% center}.book-body .study-backdrop:after{background:linear-gradient(180deg,#09080690,transparent 48%,#0b080570)}.book-body .book-main{padding:10px 0 max(20px,env(safe-area-inset-bottom))}.book-body .breadcrumb{font-size:13px;margin-left:22px}.book-body .book-heading{margin:16px 20px 0}.book-body .book-heading h1,.library-body .book-heading h1{font-size:clamp(37px,10vw,62px);letter-spacing:.055em;margin-top:8px}.book-body .book-heading .eyebrow{font-size:12px}.book-body .book-heading>p:last-of-type{font-size:23px;letter-spacing:.025em}.period-rule{font-size:14px;margin-top:10px}.period-rule:before,.period-rule:after{width:37px}.book-body .carousel{margin-top:9px}.book-body .chapter-cover{--cover-step:clamp(150px,42vw,215px);height:min(calc(100% - 18px),420px);transform:translate(-50%,-50%) translateX(calc(var(--offset) * var(--cover-step))) translateZ(calc(var(--abs) * -185px)) rotateY(calc(var(--offset) * -10deg))}.book-body .chapter-cover h2{top:45px;font-size:29px;left:15px;right:15px}.book-body .chapter-cover .cover-kicker{top:19px;font-size:11px}.book-body .chapter-cover .cover-status{font-size:11px;bottom:14px}.book-body .carousel-controls{margin-top:0;gap:30px}.book-body .mobile-count{font-family:var(--serif);font-size:18px;letter-spacing:.1em}.book-body .chapter-action{margin:10px 22px 0}.book-body .chapter-action .primary{min-width:0;min-height:51px;width:min(330px,100%);font-size:25px}.book-body .chapter-action .micro{font-size:12px;letter-spacing:.01em;line-height:1.5;margin-top:10px;max-width:335px}.gesture-note{font-size:12px}.book-body footer{display:none}}
@media(max-height:700px){.book-body .header{height:58px}.book-body .book-main{padding-top:6px;padding-bottom:12px}.book-body .book-heading{margin-top:5px}.book-body .book-heading h1,.library-body .book-heading h1{font-size:44px}.book-body .book-heading>p:last-of-type{font-size:22px}.period-rule{margin-top:5px;font-size:12px}.book-body .book-heading .eyebrow{font-size:11px}.book-body .chapter-action{margin-top:5px}.book-body .chapter-action .primary{min-height:42px;font-size:23px;padding:7px 24px}.book-body .chapter-action .micro{font-size:12px;margin-top:6px}.gesture-note{display:none}.book-body footer{display:none}.book-body .chapter-cover h2{top:33px;font-size:25px}.book-body .chapter-cover .cover-kicker{top:13px;font-size:10px}.book-body .chapter-cover .cover-status{font-size:10px;bottom:11px}.book-body .carousel{margin-top:5px}.book-body .carousel-controls .round{height:33px;width:33px}}
@media(max-height:450px){.book-body .cover-stage{min-height:265px}.book-body .chapter-cover{height:245px}.book-body .book-main{min-height:580px}}
/* Larger physical books: front board, back board, leather binding and page block. */
.book-body .header{height:70px}.book-body .book-main{padding-top:6px;padding-bottom:14px}.book-body .book-heading h1,.library-body .book-heading h1{font-size:clamp(40px,4.6vw,69px);margin:3px 0}.book-body .book-heading>p:last-of-type{font-size:24px}.book-body .book-heading .eyebrow{font-size:12px}.period-rule{margin-top:6px;font-size:14px}.book-body .carousel{margin-top:4px}.book-body .cover-stage{perspective:1800px;overflow:visible}.book-body .chapter-cover{--cover-step:clamp(195px,24vw,365px);height:min(calc(100% - 32px),580px);aspect-ratio:.71;overflow:visible;transform-style:preserve-3d;transform:translate(-50%,-50%) translateX(calc(var(--offset) * var(--cover-step))) translateZ(calc(var(--abs) * -240px)) rotateY(calc(-12deg + var(--offset) * -11deg));background:transparent;border:0;box-shadow:none;filter:none;transition:opacity .45s}.book-body .chapter-cover.active{box-shadow:none;filter:none}.book-face{position:absolute;inset:0;transform:translateZ(17px);overflow:hidden;background:#e8e0ce;border:1px solid #c1a376;border-radius:2px 5px 5px 2px;box-shadow:inset 4px 0 7px #32231066,0 12px 24px #0004;backface-visibility:hidden;filter:brightness(calc(1 - var(--abs) * .06))}.book-back{position:absolute;inset:-1px;transform:translateZ(-17px);background:#473423;border:1px solid #a98c59;border-radius:2px 5px 5px 2px;box-shadow:14px 24px 32px #0007}.book-pages{position:absolute;top:4px;bottom:4px;right:-14px;width:28px;transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#ded6bf 0px,#ded6bf 1px,#b4a68a 1.3px,#f1e9d3 2px);border-top:2px solid #b1a186;border-bottom:2px solid #b1a186;box-shadow:inset 0 3px 7px #4a38284d}.book-binding{position:absolute;top:-1px;bottom:-1px;left:-17px;width:34px;transform:rotateY(-90deg);background:linear-gradient(90deg,#281b13,#6c5033 35%,#8f7046 55%,#302117);border:1px solid #9c7b46}.book-body .book-face>img{position:absolute;inset:18% 0 0;height:82%;width:100%;object-fit:cover;object-position:center 24%;filter:saturate(1.12) contrast(1.06)}.book-body .book-face .cover-scrim{background:linear-gradient(180deg,#e8e1d0 0%,#e8e1d0 14%,#e8e1d0ed 20%,#e8e1d045 31%,transparent 39%,transparent 78%,#13130e9c 100%)}.book-body .chapter-cover h2{top:49px;font-size:clamp(28px,3.1vw,43px);left:21px;right:21px;line-height:1}.book-body .chapter-cover .cover-kicker{top:22px;font-size:14px}.book-body .book-face .cover-spine{left:8px;width:4px;background:linear-gradient(90deg,#372b215e,#fff2d647,#372b211a);box-shadow:2px 0 4px #0002}.book-body .chapter-action .primary{min-height:47px;font-size:24px;padding:8px 28px}.book-body .chapter-action .micro{margin-top:7px}.book-body .carousel-controls{margin-top:0}.book-body .gesture-note{display:none}.book-body footer{padding-top:8px;padding-bottom:8px}.book-body .book-aside,.cabinet-note{top:48px}
@media(max-width:760px){.book-body .header{height:59px}.book-body .book-main{padding-top:6px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.book-body .book-heading{margin:10px 18px 0}.book-body .book-heading h1,.library-body .book-heading h1{font-size:clamp(34px,8.6vw,47px)}.book-body .book-heading>p:last-of-type{font-size:21px}.period-rule{margin-top:5px;font-size:12px}.book-body .chapter-cover{--cover-step:clamp(177px,49vw,300px);height:min(calc(100% - 28px),530px);aspect-ratio:.7;transform:translate(-50%,-50%) translateX(calc(var(--offset) * var(--cover-step))) translateZ(calc(var(--abs) * -240px)) rotateY(calc(-10deg + var(--offset) * -10deg))}.book-body .chapter-cover h2{top:44px;font-size:clamp(29px,8vw,39px);left:19px;right:19px}.book-body .chapter-cover .cover-kicker{top:18px;font-size:12px}.book-body .book-face>img{top:18%;height:82%}.book-body .chapter-action{margin-top:7px}.book-body .chapter-action .primary{min-height:47px;font-size:23px}.book-body .chapter-action .micro{margin-top:7px}.book-body .carousel-controls .round{height:36px;width:36px}}
@media(max-height:650px){.book-body .header{height:48px}.book-body .book-heading{margin-top:4px}.book-body .book-heading h1,.library-body .book-heading h1{font-size:36px}.book-body .book-heading>p:last-of-type{font-size:19px}.book-body .period-rule{display:none}.book-body .chapter-cover h2{top:32px;font-size:26px}.book-body .chapter-cover .cover-kicker{top:12px;font-size:10px}.book-body .chapter-action .primary{min-height:39px;font-size:21px}.book-body .chapter-action .micro{font-size:11px}.book-body .chapter-cover{height:min(calc(100% - 22px),460px)}}
@media(max-height:450px){.book-body .cover-stage{min-height:310px}.book-body .chapter-cover{height:290px}.book-body .book-main{min-height:570px}}
/* Four stationary hero volumes; only the chapters retain coverflow. */
.static-library .library-main{display:flex;flex-direction:column;overflow:visible;padding:10px 5vw 25px}.static-library .book-heading{flex:none;margin-top:8px}.static-books{flex:1;min-height:0;width:100%;max-width:1400px;margin:25px auto 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3.4vw,55px);align-items:center;perspective:1800px}.static-books .chapter-cover{--abs:0;--offset:0;position:relative;inset:auto;display:block;height:auto;width:100%;max-height:100%;aspect-ratio:.68;transform:rotateY(-10deg);filter:none;transition:none;cursor:pointer;margin:0;z-index:auto}.static-books .chapter-cover:nth-child(2){transform:rotateY(-5deg)}.static-books .chapter-cover:nth-child(3){transform:rotateY(5deg)}.static-books .chapter-cover:nth-child(4){transform:rotateY(10deg)}.static-books .chapter-cover:hover .book-face{border-color:#ffe2a2}.static-books .chapter-cover:focus-visible{outline:2px solid #f1d399;outline-offset:10px}.static-books .chapter-cover h2{top:48px;font-size:clamp(28px,3vw,43px);left:12px;right:12px;text-align:center}.static-book-title{position:absolute;top:96px;left:18px;right:18px;text-align:center;font-family:var(--serif);font-size:clamp(18px,1.9vw,26px);line-height:1.05;color:#37372c;text-wrap:balance}.static-books .book-face>img{top:28%;height:72%;object-position:center 20%}.static-books .book-face .cover-scrim{background:linear-gradient(180deg,#e8e1d0 0%,#e8e1d0 25%,#e8e1d0b5 33%,transparent 47%,transparent 77%,#13130ea0 100%)}.static-library-note{text-align:center;font-family:var(--serif);font-size:19px;color:#e5d4b2;margin:0;flex:none}.static-library .chapter-cover .cover-status{font-size:13px}.static-library .book-heading .period-rule{display:none}
@media(min-width:761px) and (max-height:750px){.static-books{max-width:1050px;margin-top:18px;margin-bottom:15px}.static-books .chapter-cover{max-width:calc((100svh - 230px) * .68);justify-self:center}.static-book-title{top:81px;font-size:20px}.static-books .chapter-cover h2{top:39px;font-size:32px}.static-books .chapter-cover .cover-kicker{top:16px;font-size:12px}}
@media(max-width:760px){.static-library{height:auto;min-height:100svh;overflow:auto}.static-library #app{height:auto;min-height:100svh}.static-library .library-main{padding:7px 25px 25px;min-height:0;flex:1}.static-library .breadcrumb{margin-left:0}.static-library .book-heading{margin:13px 0 0}.static-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;max-width:520px;flex:initial;margin:25px auto}.static-books .chapter-cover{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:.64;transform:rotateY(-7deg)!important}.static-books .chapter-cover:nth-child(even){transform:rotateY(7deg)!important}.static-books .chapter-cover h2{top:32px;font-size:clamp(25px,6.4vw,36px);left:7px;right:7px}.static-books .chapter-cover .cover-kicker{top:13px;font-size:10px}.static-book-title{top:69px;left:9px;right:9px;font-size:clamp(17px,4.2vw,23px);line-height:1.05}.static-books .book-face>img{top:34%;height:66%;object-position:center 22%}.static-books .book-face .cover-scrim{background:linear-gradient(180deg,#e8e1d0 0%,#e8e1d0 30%,#e8e1d0a0 39%,transparent 52%,transparent 76%,#13130eb0 100%)}.static-library .chapter-cover .cover-status{font-size:10px;bottom:11px;gap:3px}.static-library-note{font-size:17px}.static-books .book-face{transform:translateZ(12px)}.static-books .book-back{transform:translateZ(-12px)}.static-books .book-pages{width:20px;right:-10px}.static-books .book-binding{width:24px;left:-12px}}
.static-books .chapter-cover{will-change:auto}
.volume-contents details{border-top:1px solid var(--line);padding:14px 0}.volume-contents summary{cursor:pointer;font-family:var(--serif);font-size:25px;line-height:1.2;padding:5px 0}.volume-contents summary>span{color:var(--gold);display:inline-block;min-width:38px}.volume-contents summary small{display:block;font-family:var(--sans);font-size:13px;color:var(--muted);margin:6px 0 0 38px}.volume-contents .contents-list{margin:12px 0 0}.volume-contents .contents-list a{font-size:20px}.next-chapter small{display:block;font-size:17px;line-height:1.3;margin-top:4px}.scene-navigation{flex-wrap:wrap}.scene-navigation>a,.scene-navigation>button{max-width:100%}.reading-bottom{flex-wrap:wrap;row-gap:12px}.scene-visual{touch-action:pan-y}.scene-visual #scene-photo{transition:opacity .18s ease}.photo-controls .round{min-width:40px;min-height:40px}.reading-top>span{min-width:0;text-wrap:balance}@media(max-width:760px){.reading-top{gap:12px}.volume-contents summary{font-size:23px}.next-chapter small{font-size:16px}.scene-navigation{gap:18px}.reading-bottom>span{font-size:12px}}

/* Historical biography, sharing the established reading typography. */
.history-body{background:#eee8dd;color:#231e18;min-height:100vh}.history-body .header{position:relative;background:#111b1e}.history-main{max-width:1180px;margin:auto;padding:35px 28px 70px}.history-main>.breadcrumb{display:inline-block;margin-bottom:25px;color:#65533b}.history-grid{display:grid;grid-template-columns:minmax(230px,340px) 1fr;gap:36px;align-items:start}.history-grid figure{margin:0;position:sticky;top:25px}.history-grid figure img{width:100%;height:auto;border:1px solid #927956}.history-grid figcaption{font-size:14px;line-height:1.6;margin-top:12px;color:#675d50}.history-grid .scene-paper{padding:36px;min-height:0}.history-grid h1{font-size:clamp(32px,4vw,48px)}.history-grid .button{margin-top:24px}.draft-chapter{padding:15px 0;border-bottom:1px solid #bfae91;font-size:19px}.draft-chapter small{display:block;font-size:14px;opacity:.65;margin-top:5px}.draft-chapter>span{display:inline-block;width:34px}@media(max-width:720px){.history-main{padding:24px 16px 45px}.history-grid{grid-template-columns:1fr;gap:22px}.history-grid figure{position:static;max-width:300px;margin:auto}.history-grid .scene-paper{padding:25px 20px}}
/* Compact chapter headings leave four fifths of the cover for the existing art. */
.book-body .book-face{container-type:size}
.book-body .chapter-cover .cover-kicker{top:2.5cqh;font-size:clamp(9px,3.5cqw,12px);line-height:1}
.book-body .chapter-cover h2{top:7cqh;bottom:auto;left:6%;right:6%;margin:0;font-size:clamp(16px,8.5cqw,28px);line-height:1.05;text-wrap:balance;overflow-wrap:normal}
.book-body .book-face>img{top:20%;height:80%;object-position:center 35%}
.book-body .book-face .cover-scrim{background:linear-gradient(180deg,#e8e1d0 0%,#e8e1d0 18%,#e8e1d070 21%,transparent 25%,transparent 82%,#13130e9c 100%)}

/* Keep faces visible in the portrait illustrations of Putilin chapter II. */
.scene-visual #scene-photo[src*="/putilin-scenes/p02-"]{object-position:center 25%}

/* Keep heads visible in the portrait illustrations of Putilin chapter III. */
.scene-visual #scene-photo[src*="/putilin-scenes/p03-"]{object-position:center 25%}

.scene-visual #scene-photo[src*="/putilin-scenes/p03-s06-c."]{object-position:center 10%}

/* Preserve complete heads in Putilin chapter IV illustrations. */
.scene-visual #scene-photo[src*="/putilin-scenes/p04-"]{object-position:center 25%}

/* Preserve complete heads in Putilin chapter V illustrations. */
.scene-visual #scene-photo[src*="/putilin-scenes/p05-"]{object-position:center 25%}

/* Preserve complete heads in Putilin chapter VI illustrations. */
.scene-visual #scene-photo[src*="/putilin-scenes/p06-"]{object-position:center 25%}

/* Preserve complete heads in Putilin chapter VII illustrations. */
.scene-visual #scene-photo[src*="/putilin-scenes/p07-"]{object-position:center 25%}

/* Preserve complete heads in Putilin chapter VIII illustrations. */
.scene-visual #scene-photo[src*="/putilin-scenes/p08-"]{object-position:center 25%}

/* Preserve complete heads in Putilin chapter IX illustrations. */
.scene-visual #scene-photo[src*="/putilin-scenes/p09-"]{object-position:center 25%}

/* Preserve complete heads in Putilin chapter X illustrations. */
.scene-visual #scene-photo[src*="/putilin-scenes/p10-"]{object-position:center 25%}

/* Preserve complete heads in the final Putilin chapters. */
.scene-visual #scene-photo[src*="/putilin-scenes/p11-"],.scene-visual #scene-photo[src*="/putilin-scenes/p12-"]{object-position:center 25%}

/* Preserve full faces in Lange scene illustrations. */
.scene-visual #scene-photo[src*="/lange-scenes/"]{object-position:center 25%}

/* Preserve faces in Sheremetyevsky scene illustrations. */
.scene-visual #scene-photo[src*="/sheremetyevsky-scenes/"]{object-position:center 25%}
.scene-visual #scene-photo[src*="/rudoy-scenes/"]{object-position:center 25%}
.scene-visual #scene-photo[src*="/burinsky-scenes/"]{object-position:center 25%}
.scene-visual #scene-photo[src*="/liprandi-scenes/"]{object-position:center 25%}
.scene-visual #scene-photo[src*="/sanglen-scenes/"]{object-position:center 25%}

.scene-visual #scene-photo[src*="/chernyshev-scenes/"]{object-position:center 25%}

.scene-visual #scene-photo[src*="/cherevin-scenes/"]{object-position:center 25%}

.scene-visual #scene-photo[src*="/ushakov-scenes/"]{object-position:center 25%}

@media(max-width:700px){body:has(a[href="/archive/"]) .header nav{gap:12px;justify-content:space-between;width:100%}body:has(a[href="/archive/"]) .header nav a,body:has(a[href="/archive/"]) .header nav button{font-size:13px}}