:root{--paper:#eeeae2;--ink:#29271f;--muted:#6d6a61;--line:#c9c4b8;--accent:#846a42;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--ease:cubic-bezier(.22,.7,.16,1)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--paper);color:var(--ink)}body{font-family:var(--sans);display:grid;grid-template-rows:88px minmax(0,1fr) 96px;height:100svh;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.25;cursor:default}.masthead{padding:0 3.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:37px;height:43px;object-fit:contain;filter:brightness(0);opacity:.8}.brand>span{font-size:31px;letter-spacing:-1.6px;font-weight:500;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:1.3px;margin-top:7px}.book-label{font-size:13px;letter-spacing:.08em}.book-label span{margin:0 12px;color:#989284}.header-actions{display:flex;gap:26px;align-items:center}.header-actions button{min-width:44px;min-height:44px;font-size:14px}.header-actions svg{width:21px;height:21px}.index-icon{margin-left:14px;font-size:23px;vertical-align:middle}
#book{position:relative;overflow:hidden;margin:22px 3.1% 0;outline:none}.spread{position:absolute;inset:0;visibility:hidden;pointer-events:none;display:grid;grid-template-columns:59% 41%;overflow:hidden}.spread.active{visibility:visible;pointer-events:auto;z-index:2}.spread.leaving{visibility:visible;pointer-events:none;z-index:1}.cover-photo,.chapter-photo{position:relative;overflow:hidden;background:#bdb6a9}.cover-photo>img,.chapter-photo>img{width:100%;height:100%;object-fit:cover;display:block}.cover-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#15120b70);pointer-events:none}.cover-photo>img{object-position:52% center}.photo-tag{position:absolute;left:32px;bottom:55px;font-family:var(--serif);font-size:clamp(24px,2.6vw,43px);color:#fff;z-index:1}.image-corner{position:absolute;left:33px;bottom:31px;z-index:1;color:#fff;font-size:10px;letter-spacing:.15em}.cover-copy{padding:clamp(30px,4.8vw,85px);padding-right:20px;position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--paper)}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;margin:0 0 24px}.cover-copy h1{font:400 clamp(64px,7.65vw,136px)/.92 var(--serif);letter-spacing:-.045em;margin:0 0 35px}.cover-copy h1 em,h2 em{font-weight:400;color:var(--accent)}.cover-bottom{margin-top:8px}.fine-rule{display:block;width:42px;height:1px;background:var(--accent);margin-bottom:23px}.cover-bottom p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 27px}.open-book{padding:0 0 9px;border-bottom:1px solid var(--ink);font-size:14px;display:flex;gap:35px;align-items:center}.open-book span{font-size:24px;transition:transform .4s}.open-book:hover span{transform:translate(3px,-3px)}.edition{position:absolute;bottom:30px;font-size:10px;letter-spacing:.12em;color:var(--muted)}.edition span{margin:0 8px;color:#a39c8d}
.book-footer{display:flex;gap:25px;align-items:center;padding:0 3.1%;min-width:0}.footer-meta{display:flex;flex-direction:column;gap:8px;min-width:114px}#page-label{font-size:10px;letter-spacing:.12em;color:var(--muted)}#page-counter{font-size:13px;letter-spacing:.07em}#category-rail{display:flex;flex:1;align-items:center;justify-content:center;gap:clamp(13px,1.7vw,30px);min-width:0}#category-rail button{position:relative;white-space:nowrap;min-height:44px;padding:12px 0;font-size:13px;color:var(--muted)}#category-rail button:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}#category-rail button:hover,#category-rail button[aria-current]{color:var(--ink)}#category-rail button[aria-current]:after{transform:scaleX(1)}.page-controls{display:flex;gap:10px}.page-controls button{height:44px;width:44px;border:1px solid var(--line);border-radius:50%;font-size:22px;transition:background .3s,color .3s}.page-controls button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.reading-progress{position:fixed;bottom:0;left:0;width:100%;height:3px;background:#d5cfc3}.reading-progress i{display:block;background:var(--accent);width:0;height:100%;transition:width .8s var(--ease)}
.chapter{grid-template-columns:41% 59%;background:var(--paper)}.chapter.reverse{grid-template-columns:59% 41%}.chapter.reverse .chapter-photo{grid-column:1;grid-row:1}.chapter.reverse .chapter-copy{grid-column:2;grid-row:1}.chapter-copy{padding:clamp(28px,3.6vw,65px);position:relative;display:flex;flex-direction:column;justify-content:center}.chapter-number{font:400 15px var(--sans);letter-spacing:.12em;color:var(--accent);display:flex;gap:16px;align-items:center;margin-bottom:36px}.chapter-number:after{content:'';width:48px;height:1px;background:var(--line)}.chapter h2{font:400 clamp(50px,5.8vw,104px)/.96 var(--serif);letter-spacing:-.035em;margin:0 0 25px}.chapter .intro{font-size:16px;line-height:1.7;color:var(--muted);max-width:340px;margin:0 0 27px}.chapter .eyebrow{margin-bottom:16px}.chapter-topics{font-size:12px;color:var(--muted);line-height:1.8;max-width:340px;padding:17px 0 0;border-top:1px solid var(--line);margin-bottom:24px}.detail-button{align-self:flex-start;display:flex;gap:32px;align-items:center;font-size:14px;padding:0 0 8px;border-bottom:1px solid currentColor}.detail-button span{font-size:21px}.chapter-photo .caption{position:absolute;bottom:0;left:0;right:0;padding:35px 28px 22px;background:linear-gradient(transparent,#0c0a07b0);color:white;font-size:11px;letter-spacing:.06em;display:flex;justify-content:space-between;gap:20px}.chapter.dark{--paper:#252820;--ink:#eeeae2;--muted:#c2c0b5;--accent:#c5b084;--line:#55594d}.chapter.dark .chapter-copy{background:var(--paper)}.chapter.dark .chapter-number{color:#c5b084}.chapter.immersive{display:block}.immersive .chapter-photo{position:absolute;inset:0}.immersive .chapter-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11120fee 0%,#11120fb0 35%,#11120f0a 85%)}.immersive .chapter-copy{position:relative;height:100%;width:49%;z-index:1;background:transparent!important}.immersive .caption{justify-content:flex-end}.scene-options{display:flex;gap:8px;position:absolute;top:23px;right:23px;z-index:3;background:#eeebe6e8;padding:5px;border-radius:30px;backdrop-filter:blur(10px)}.scene-options button{padding:9px 15px;border-radius:30px;font-size:12px;color:#37392e;min-height:36px}.scene-options button[aria-pressed=true]{background:#30362b;color:white}
dialog{border:0;background:var(--paper);color:var(--ink);padding:32px 4%;max-width:1400px;width:calc(100% - 64px);max-height:calc(100svh - 64px);overflow:auto;box-shadow:0 20px 120px #0004}dialog::backdrop{background:#171914a8;backdrop-filter:blur(9px)}dialog[open]{animation:dialog-in .45s var(--ease)}@keyframes dialog-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.dialog-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;font-size:12px;letter-spacing:.08em}.close-dialog{font-size:14px;min-height:44px}.close-dialog span{font-size:26px;margin-left:22px;vertical-align:middle}.index-heading{margin:35px 0 28px}.index-heading h2{font:400 clamp(50px,6vw,90px)/1 var(--serif);letter-spacing:-.04em;margin:0}.index-heading .eyebrow{margin-bottom:12px}#index-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px}#index-list button{border-top:1px solid var(--line);display:grid;grid-template-columns:27px 1fr 25px;gap:15px;padding:21px 0;align-items:center;text-align:left}#index-list button b{font:400 29px var(--serif)}#index-list button small{font-size:12px;color:var(--accent)}#index-list button span{font-size:20px}#index-list button:hover b{font-style:italic;color:var(--accent)}.index-footer{display:flex;justify-content:space-between;padding-top:25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.index-footer button{font-size:14px}#detail-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:34px 0 4px}.detail-visual{margin:0}.detail-visual img{width:100%;height:100%;max-height:65svh;object-fit:cover}.detail-visual figcaption{font-size:12px;margin-top:10px;color:var(--muted)}.detail-text h2{font:400 55px/1 var(--serif);margin:0 0 22px}.detail-text>p{font-size:16px;line-height:1.65;color:var(--muted)}.consideration{padding:15px 0;border-top:1px solid var(--line)}.consideration h3{font-size:15px;margin:0 0 7px;font-weight:500}.consideration p{font-size:14px;line-height:1.6;margin:0;color:var(--muted)}.meeting-note{margin-top:18px!important;font-size:13px!important;font-style:italic}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{position:fixed;bottom:100px;left:20px;background:var(--paper);padding:15px;z-index:5}
@media(min-width:1400px){body{grid-template-rows:100px minmax(0,1fr) 105px}#book{margin-top:26px}.chapter-copy{padding:4vw}.cover-copy{padding-left:5vw}}
@media(max-height:760px) and (orientation:landscape){body{grid-template-rows:70px minmax(0,1fr) 77px}#book{margin-top:16px}.cover-copy h1{font-size:clamp(58px,7vw,105px);margin-bottom:18px}.cover-copy{padding-top:22px;padding-bottom:45px}.cover-bottom p{margin-bottom:16px}.fine-rule{margin-bottom:15px}.edition{bottom:17px}.chapter-copy{padding:25px 3vw}.chapter-number{margin-bottom:18px}.chapter h2{font-size:clamp(45px,5.5vw,80px);margin-bottom:17px}.chapter .intro{margin-bottom:15px;font-size:15px;line-height:1.55}.chapter-topics{margin-bottom:15px;padding-top:11px}.eyebrow{margin-bottom:16px}}
@media(max-width:1100px){.book-footer{gap:15px}.footer-meta{min-width:90px}#category-rail{gap:15px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}#category-rail::-webkit-scrollbar{display:none}.header-actions{gap:12px}.chapter .intro{font-size:15px}.chapter-topics{font-size:12px}.cover-copy h1{font-size:8vw}.book-footer .page-controls{gap:6px}.page-controls button{width:40px;height:40px}}
@media(orientation:portrait) and (max-width:1100px){body{grid-template-rows:83px minmax(0,1fr) 115px}.masthead{padding:0 5%}#book{margin:20px 5% 0}.spread,.chapter,.chapter.reverse{grid-template-columns:1fr;grid-template-rows:52% 48%}.cover-photo{grid-row:1}.cover-copy{grid-row:2;padding:26px 35px;display:grid;grid-template-columns:1.2fr 1fr;align-content:center;align-items:center;gap:0 28px}.cover-copy .eyebrow{grid-column:1/-1;margin-bottom:17px}.cover-copy h1{font-size:clamp(60px,10.5vw,100px);margin:0}.cover-bottom{margin:10px 0 0}.cover-bottom p{font-size:16px}.edition{bottom:14px;left:35px;font-size:9px}.chapter .chapter-photo,.chapter.reverse .chapter-photo{grid-column:1;grid-row:1}.chapter .chapter-copy,.chapter.reverse .chapter-copy{grid-column:1;grid-row:2;display:block;padding:27px 35px}.chapter-number{position:absolute;right:35px;top:28px;margin:0}.chapter-number:after{display:none}.chapter h2{font-size:clamp(48px,7.5vw,78px);margin-bottom:14px}.chapter .eyebrow{margin-bottom:14px}.chapter .intro{max-width:95%;font-size:16px;line-height:1.5;margin-bottom:16px}.chapter-topics{display:none}.detail-button{font-size:14px}.chapter.immersive{display:grid}.immersive .chapter-photo{position:relative}.immersive .chapter-photo:after{display:none}.immersive .chapter-copy{width:100%;height:100%;background:var(--paper)!important}.book-footer{display:grid;grid-template-columns:1fr auto;grid-template-rows:46px 48px;padding:7px 5% 14px;gap:0 15px}.footer-meta{flex-direction:row;gap:18px;align-items:center}#category-rail{grid-column:1/-1;grid-row:2;gap:25px}.page-controls{grid-column:2;grid-row:1}.page-controls button{width:36px;height:36px}.photo-tag{font-size:32px}.chapter-photo .caption{font-size:11px}.detail-visual img{height:280px}#detail-body{grid-template-columns:1fr;gap:25px}.detail-text h2{font-size:48px}dialog{width:calc(100% - 40px);max-height:calc(100svh - 40px);padding:20px 25px}#index-list{grid-template-columns:1fr 1fr;gap:0 28px}#index-list button b{font-size:29px}}
@media(max-width:600px) and (orientation:portrait){body{grid-template-rows:72px minmax(0,1fr) 108px}.brand>span{font-size:25px}.brand img{width:28px;height:34px}.brand small{font-size:6px;letter-spacing:1px}.book-label{display:none}.header-actions{gap:8px}#fullscreen{display:none}#book{margin:12px 4% 0}.spread,.chapter,.chapter.reverse{grid-template-rows:44% 56%}.cover-copy{padding:20px 23px 30px;grid-template-columns:1.15fr 1fr;gap:0 15px}.cover-copy h1{font-size:clamp(48px,12vw,69px)}.cover-copy .eyebrow{font-size:9px;margin-bottom:15px}.cover-bottom p{font-size:13px;line-height:1.5;margin-bottom:15px}.fine-rule{margin-bottom:14px;width:27px}.open-book{font-size:12px;gap:10px;text-align:left}.open-book span{font-size:22px}.edition{left:23px;font-size:8px;bottom:12px}.photo-tag{left:20px;bottom:41px;font-size:26px}.image-corner{left:20px;bottom:23px;font-size:8px}.chapter .chapter-copy,.chapter.reverse .chapter-copy{padding:22px 25px}.chapter-number{right:25px;top:23px;font-size:12px}.chapter .eyebrow{font-size:10px;margin-bottom:12px}.chapter h2{font-size:clamp(41px,10.7vw,58px);margin-bottom:14px}.chapter .intro{font-size:14px;line-height:1.5;margin-bottom:17px;max-width:100%}.detail-button{font-size:13px}.caption span:last-child{display:none}.scene-options{top:12px;right:12px}#category-rail{gap:22px}.footer-meta{gap:15px}.book-footer{padding-left:4%;padding-right:4%}#index-list{grid-template-columns:1fr 1fr;gap:0 15px}#index-list button{grid-template-columns:20px 1fr;gap:8px;padding:17px 0}#index-list button b{font-size:25px}#index-list button span{display:none}.index-heading .eyebrow{font-size:9px}.index-heading h2{font-size:47px}.dialog-header{font-size:10px}.index-footer{font-size:10px;gap:15px}.index-footer button{font-size:12px}}
@media(max-height:580px){body{min-height:540px;overflow:auto}#book{min-height:360px}.chapter .intro{font-size:14px}.chapter-number{margin-bottom:12px}.chapter-topics{display:none}.edition{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.chapter.dark{color:var(--ink)}
