@font-face{font-family:AnSerif;src:url('/assets/serif.woff') format('woff');font-display:swap;font-weight:400}@font-face{font-family:AnSerif;src:url('/assets/serif-italic.woff') format('woff');font-display:swap;font-style:italic}@font-face{font-family:AnSans;src:url('/assets/sans.woff') format('woff');font-display:swap;font-weight:400}@font-face{font-family:AnSans;src:url('/assets/sans-bold.woff') format('woff');font-display:swap;font-weight:600 800}
:root{--ground:#0c0a09;--text:#e2c58a;--gold:#c9a369;--line:#403221;--muted:#ad9875;--serif:AnSerif,Georgia,serif;--sans:AnSans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ground);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body::before{position:fixed;content:"";inset:0;pointer-events:none;z-index:20;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{opacity:.3;cursor:default}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}em{font-weight:400}p{line-height:1.8}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:#c9a369;color:var(--ground)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;padding:14px 20px;background:var(--gold);color:var(--ground);z-index:200}.skip-link:focus{top:10px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;line-height:1.6}.site-header{height:98px;margin:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:var(--serif);font-size:26px;letter-spacing:1.6px;line-height:1.2}.wordmark span{display:block;font-family:var(--sans);font-size:8px;letter-spacing:2px;margin-top:8px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px}.site-header nav>a{position:relative;padding:12px 0}.site-header nav>a::after{content:"";position:absolute;bottom:4px;height:1px;left:0;right:100%;background:var(--gold);transition:right .2s}.site-header nav>a:hover::after{right:0}.site-header .nav-buy{padding:12px 20px;border:1px solid var(--text);margin-left:10px}.nav-buy span{margin-left:18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:4%;margin:0 5%;padding-top:38px;padding-bottom:40px}.hero-copy{padding-top:23px;display:flex;flex-direction:column;align-items:flex-start}.gold-dot{width:6px;height:6px;background:var(--gold);display:inline-block;margin-right:9px;transform:rotate(45deg);vertical-align:1px}.hero h1{font-size:clamp(54px,6.2vw,94px);line-height:1.16;letter-spacing:-3px;margin-top:24px}.hero h1 em{color:var(--gold)}.hero-desc{font-size:13px;line-height:1.85;margin-top:24px;color:#c8b38f}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:27px}.button{min-height:49px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:11px;font-weight:600;line-height:1.7;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--gold);color:#171008}.button.primary:hover{background:#e8ca8e}.button.outline{background:#1b140e;color:var(--text);box-shadow:inset 0 0 0 1px #95713e}.button.outline:hover{background:#30231a}.button.secondary{background:var(--gold);color:var(--ground)}.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid currentColor;padding:7px 0;font-size:11px;line-height:1.7;font-weight:600}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.1px;width:100%;margin-top:auto;padding-top:32px;color:var(--muted);gap:16px}.hero-bottom a{font-size:8px}.hero-bottom a span{margin-left:14px;font-size:20px;color:var(--text)}.hero-art{position:relative;overflow:hidden;align-self:stretch;min-height:680px;background:#18100b}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 48%;transition:transform 1s}.hero-art:hover>img{transform:scale(1.025)}.hero-art figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:25px 23px 21px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#e8c98e;font-size:8px;letter-spacing:1.2px}.hero-art figcaption span:first-child{font-family:var(--serif);font-size:15px;letter-spacing:2px}.running-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:35px;font-size:10px;letter-spacing:1.9px;padding:23px 5%}.running-line i{font-style:normal;font-size:6px;color:var(--gold)}.section-wrap{padding:88px 7%}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--text);padding-top:17px;margin-bottom:65px}.small-note{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.book-identity{position:relative;padding-top:48px}.book-number{position:absolute;font-family:var(--serif);font-size:380px;color:#2d2215;right:40px;top:-85px;line-height:1;z-index:-1}.book-identity>.eyebrow{color:var(--gold)}.book-identity h2{font-size:clamp(38px,4vw,65px);line-height:1.3;margin-top:24px;letter-spacing:-1.9px}.book-identity h2 em{color:var(--gold)}.book-publisher{font-size:9px;letter-spacing:1.5px;line-height:2.4;margin-top:34px}.book-story h3{font-size:31px;line-height:1.4;margin-bottom:24px}.book-story>p{font-size:13px;color:#c8b38f;margin-top:18px}.book-story p.story-last{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--text);margin-top:24px;line-height:1.7}.book-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:7px;letter-spacing:1px;padding:26px 0;border-top:1px solid var(--line);margin-top:28px}.book-story .text-link{margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}.section-heading h2,.characters h2,.author-section h2,.journal h2{font-size:clamp(35px,3.5vw,52px);letter-spacing:-1.4px;line-height:1.3}.section-heading h2 em,.characters h2 em,.author-section h2 em,.journal h2 em{color:var(--gold)}.section-heading>p{font-size:11px;color:var(--muted);line-height:1.9;padding-bottom:6px}.reading-tabs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reading-tabs button{padding:25px 24px;display:flex;align-items:center;gap:22px;text-align:left;font-family:var(--serif);font-size:20px;position:relative}.reading-tabs button span{font-size:8px;font-family:var(--sans);letter-spacing:1px}.reading-tabs i{font-style:normal;margin-left:auto}.reading-tabs button[aria-selected=true]{background:#211910;color:var(--gold)}.reading-tabs button[aria-selected=true]::after{position:absolute;content:"";height:3px;background:var(--gold);bottom:-1px;left:0;right:0}.reading-tabs button+button{border-left:1px solid var(--line)}.reading-panel{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;background:#211910;padding:50px;gap:50px;margin-top:22px}.spread{display:grid;grid-template-columns:1fr 1fr;position:relative;box-shadow:0 10px 25px #0009;transform:rotate(-1.4deg);background:#fff}.spread:after{content:"";position:absolute;top:0;bottom:0;left:48%;width:4%;pointer-events:none;background:linear-gradient(90deg,transparent,#3423152b,transparent)}.page-preview{padding:0;transition:filter .2s}.page-preview:hover{filter:sepia(.2)}.page-preview img{width:100%;height:auto}.reading-note .eyebrow{color:var(--gold)}.reading-note>div>p{font-family:var(--serif);font-size:24px;line-height:1.6;margin-top:20px}.reading-note .button{margin-top:30px}.characters{padding-top:20px}.character-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.character-tabs{margin-top:40px;display:flex;flex-direction:column}.character-tabs button{border-top:1px solid var(--line);display:flex;align-items:center;text-align:left;font-family:var(--serif);font-size:21px;padding:19px 0;gap:20px}.character-tabs button:last-child{border-bottom:1px solid var(--line)}.character-tabs button>span{font-family:var(--sans);font-size:9px;color:var(--muted)}.character-tabs i{font-style:normal;margin-left:auto;opacity:0}.character-tabs button[aria-selected=true]{color:var(--gold)}.character-tabs button[aria-selected=true] i{opacity:1}.character-detail{background:#19130d;position:relative;overflow:hidden;padding:45px 42px;min-height:475px;display:flex;flex-direction:column;justify-content:flex-end}.character-place{font-size:8px;letter-spacing:2px;position:absolute;top:28px;left:42px}.character-index{position:absolute;right:0;top:-45px;font-family:var(--serif);font-size:250px;color:#302318;line-height:1;pointer-events:none}.character-detail>.eyebrow{color:var(--gold);position:relative}.character-detail h3{font-size:39px;line-height:1.3;letter-spacing:-1px;margin-top:15px;position:relative}.character-lead{font-family:var(--serif);font-style:italic;font-size:23px;line-height:1.65;margin-top:20px;position:relative}.character-detail>p:not(.eyebrow,.character-lead,.character-note){margin-top:20px;font-size:12px;line-height:1.9;color:#c8b38f;position:relative}.character-detail p.character-note{font-size:8px;color:#b29b76;line-height:1.7;border-top:1px solid #4d3a23;padding-top:16px;margin-top:26px;position:relative}.author-section{background:#15100c;padding-top:64px;padding-bottom:75px}.author-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.author-name h2{margin-top:24px}.signature{font-family:var(--serif);font-style:italic;font-size:35px;margin-top:52px;color:var(--gold);display:inline-flex;flex-direction:column}.signature-rule{height:1px;background:var(--gold);width:70%;transform:rotate(-7deg);margin-left:37px;margin-top:6px}.author-copy blockquote{font-family:var(--serif);font-size:26px;line-height:1.6;margin:0 0 27px}.author-copy cite{display:block;font-family:var(--sans);font-style:normal;font-size:9px;color:var(--muted);margin-top:20px}.author-copy>p{font-size:12px;color:#c8b38f;margin-top:19px}.author-copy p.author-ending{font-family:var(--serif);font-size:16px;color:var(--text);margin-top:25px}.journal h2{margin-bottom:40px}.journal-list{border-top:1px solid var(--line)}.journal-list>button{display:flex;align-items:center;gap:36px;width:100%;text-align:left;padding:29px 8px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.journal-list>button:hover{background:#211910;padding-left:22px;padding-right:22px}.journal-number{font-family:var(--serif);font-size:29px;color:var(--gold);width:45px}.journal-main{display:flex;flex-direction:column;gap:8px}.journal-main .eyebrow{color:var(--muted);font-size:8px}.journal-title{font-family:var(--serif);font-size:27px}.journal-desc{font-size:11px;color:var(--muted);line-height:1.8}.journal-arrow{font-family:var(--serif);font-size:34px;color:var(--gold);margin-left:auto;padding-left:12px}.find-book{margin:0 5% 50px;padding:66px 7%;background:#19120d;color:var(--text);display:grid;grid-template-columns:1.6fr 1fr;gap:40px;overflow:hidden}.find-book .eyebrow{color:#caa975}.find-book h2{font-size:clamp(40px,4vw,61px);letter-spacing:-1.7px;line-height:1.3;margin-top:25px}.find-book h2 em{color:#d4a75f}.find-book p:not(.eyebrow){font-size:12px;color:#d6bd91;line-height:1.9;margin-top:24px}.find-actions{margin-top:28px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.find-note{font-size:8px;color:#b89a6f;display:block;line-height:1.7;margin-top:22px}.find-ornament{align-self:center;justify-self:center;transform:rotate(-8deg);border:1px solid #aa8147;outline:1px solid #aa8147;outline-offset:6px;padding:20px 24px 16px;opacity:.45;display:flex;flex-direction:column;align-items:center;font-family:var(--serif);font-size:clamp(54px,5.4vw,82px);line-height:1.3;letter-spacing:-2px}.find-ornament i{font-family:var(--sans);font-style:normal;font-size:7px;letter-spacing:1.1px;margin-top:15px}footer{margin:0 5%;padding:30px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-name{font-family:var(--serif);font-size:27px}footer>p{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--muted)}footer>a:last-of-type{font-size:10px}footer>a:last-of-type span{margin-left:20px}.footer-bottom{width:100%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:25px;padding-top:20px;font-size:7px;letter-spacing:1px;color:var(--muted);line-height:1.8}
dialog{border:0;background:var(--ground);color:var(--text);padding:0;box-shadow:0 15px 100px #0006}dialog::backdrop{background:#060504e8;backdrop-filter:blur(6px)}body.modal-open{overflow:hidden}.icon-button{font-family:Arial,sans-serif;font-size:30px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:#302318}#reader{width:min(850px,94vw);max-height:94dvh;overflow:hidden;flex-direction:column}#reader[open]{display:flex}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:19px 25px;gap:15px}.reader-toolbar .eyebrow{font-size:8px;color:var(--muted)}.reader-toolbar h2{font-size:23px;margin-top:3px}.reader-options{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:8px 25px;gap:15px;font-size:10px}.reader-chapters{display:flex;gap:8px}.reader-chapters button{padding:8px 14px}.reader-chapters button[aria-pressed=true]{background:var(--gold);color:var(--ground)}#reader-mode{border-bottom:1px solid;padding:4px 0}.reader-content{overflow:auto;min-height:0;background:#1b1510;overscroll-behavior:contain}.reader-content>img{width:min(100%,660px);margin:20px auto;box-shadow:0 5px 15px #0002}.reader-text{background:#17110c;padding:35px 8%;font-family:var(--serif);font-size:18px;line-height:1.9;white-space:pre-wrap}.reader-controls{padding:16px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);font-size:10px;flex-shrink:0}.reader-controls>button{padding:9px 0}.reader-controls>button span{margin:0 8px}.reader-controls #reader-count{color:var(--muted);font-size:9px}#essay-dialog{width:min(740px,93vw);max-height:90dvh;padding:55px;overflow:auto;overscroll-behavior:contain}#essay-dialog>.icon-button{position:absolute;right:15px;top:12px}#essay-dialog>.eyebrow{color:var(--gold);margin-top:8px}#essay-dialog h2{font-size:39px;line-height:1.4;letter-spacing:-1px;margin:23px 0 30px}#essay-body p{font-family:var(--serif);font-size:17px;line-height:1.9;margin:20px 0}#essay-body .essay-caption{font-family:var(--sans);font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}#essay-dialog>.text-link{margin-top:15px}
@media(min-width:1600px){.site-header,.hero,.find-book,footer{max-width:1440px;margin-left:auto;margin-right:auto}.section-wrap{padding-left:max(7%,calc((100vw - 1320px)/2));padding-right:max(7%,calc((100vw - 1320px)/2))}.hero h1{font-size:96px}.hero-art{min-height:800px}}
@media(max-width:1100px){.site-header nav{gap:21px}.hero{gap:4%}.hero h1{font-size:6.5vw;letter-spacing:-2px}.hero-art{min-height:630px}.hero-copy{padding-top:14px}.hero-actions{gap:20px}.hero-actions .button{gap:20px;padding-left:17px;padding-right:17px}.hero-bottom>span{display:none}.hero-desc{font-size:12px}.section-wrap{padding:70px 6%}.section-top{margin-bottom:48px}.book-grid{gap:8%}.reading-panel{padding:36px;gap:35px}.reading-note>div>p{font-size:22px}.reading-tabs button{font-size:18px;gap:15px}.character-layout{gap:7%}.character-detail{padding:35px;min-height:470px}.character-place{left:35px}.author-grid{gap:8%}.find-book{padding:55px 6%}.find-actions{gap:20px}.find-actions .button{gap:22px}.find-ornament{font-size:6vw}}
@media(max-width:760px){html{scroll-padding-top:30px}.site-header{height:81px;margin:0 6%}.wordmark{font-size:24px}.wordmark span{font-size:7px;margin-top:5px}.menu-toggle{display:flex;flex-direction:column;gap:7px;width:42px;height:42px;align-items:center;justify-content:center;z-index:50}.menu-toggle>span:not(.sr-only){height:1px;width:23px;background:var(--text);transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.site-header nav{position:absolute;top:80px;left:0;right:0;z-index:40;display:none;background:var(--ground);padding:22px 6% 30px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #000a;font-size:14px}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:10px}.site-header .nav-buy{margin:8px 0 0;padding:14px 20px;align-self:flex-start}.hero{grid-template-columns:1fr;margin:0 6%;gap:30px;padding-top:28px;padding-bottom:30px}.hero-copy{padding-top:0}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:clamp(49px,11vw,79px);line-height:1.16;letter-spacing:-2px;margin-top:22px}.hero h1 em{display:inline}.hero-desc{font-size:12px;margin-top:22px}.hero-actions{margin-top:23px;gap:25px;flex-wrap:wrap}.button{min-height:48px;font-size:10px;padding:14px 20px;gap:28px}.hero-bottom{display:none}.hero-art{min-height:0;aspect-ratio:1/1.12;width:100%}.hero-art>img{object-position:50% 48%}.hero-art figcaption{padding:30px 15px 15px;font-size:6px;letter-spacing:.7px}.hero-art figcaption span:first-child{font-size:12px}.running-line{padding:19px 5%;gap:17px;flex-wrap:wrap;row-gap:10px;font-size:7px;letter-spacing:1.1px}.running-line>span:last-child{display:none}.running-line>i:last-of-type{display:none}.section-wrap{padding:55px 7%}.section-top{margin-bottom:38px;gap:15px;padding-top:14px}.eyebrow{font-size:8px;letter-spacing:1.3px}.small-note{font-size:6px;letter-spacing:.8px}.book-grid{grid-template-columns:1fr;gap:40px}.book-identity{padding-top:10px}.book-identity h2{font-size:44px;margin-top:17px;letter-spacing:-1.6px}.book-number{font-size:300px;right:17px;top:-55px}.book-publisher{margin-top:25px;font-size:8px}.book-story h3{font-size:28px;margin-bottom:20px}.book-story>p{font-size:12px}.book-story p.story-last{font-size:18px}.book-meta{font-size:6px;gap:15px}.section-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:29px}.section-heading h2,.characters h2,.author-section h2,.journal h2{font-size:35px;letter-spacing:-1px}.section-heading>p{font-size:10px}.reading-tabs button{padding:16px 11px;font-size:14px;gap:8px;line-height:1.6;flex-wrap:wrap}.reading-tabs button>span{width:100%;font-size:7px}.reading-tabs i{display:none}.reading-panel{grid-template-columns:1fr;padding:24px;gap:30px;margin-top:16px}.spread{transform:rotate(-1deg)}.reading-note>div>p{font-size:23px;margin-top:12px}.reading-note .button{margin-top:21px}.characters{padding-top:10px}.character-layout{grid-template-columns:1fr;gap:28px}.character-tabs{margin-top:28px}.character-tabs button{font-size:20px;padding:17px 0}.character-detail{min-height:430px;padding:34px 28px}.character-place{left:28px;top:23px}.character-index{font-size:230px;top:-35px}.character-detail h3{font-size:34px}.character-lead{font-size:22px}.character-detail>p:not(.eyebrow,.character-lead,.character-note){font-size:12px}.author-grid{grid-template-columns:1fr;gap:35px}.author-name h2{margin-top:19px}.signature{font-size:29px;margin-top:32px}.author-copy blockquote{font-size:25px}.author-copy>p{font-size:12px}.author-copy cite{font-size:8px}.journal-list>button{gap:16px;padding:25px 0}.journal-list>button:hover{padding-left:9px;padding-right:9px}.journal-number{font-size:24px;width:25px;flex-shrink:0}.journal-title{font-size:22px;line-height:1.5}.journal-main{gap:8px}.journal-main .eyebrow{font-size:7px;letter-spacing:1px}.journal-desc{font-size:10px}.journal-arrow{font-size:27px;padding-left:0}.find-book{grid-template-columns:1fr;margin:0 6% 30px;padding:40px 8%;gap:30px}.find-book h2{font-size:38px;letter-spacing:-1px;margin-top:20px}.find-book p:not(.eyebrow){font-size:11px;margin-top:20px}.find-actions{flex-direction:column;align-items:flex-start;gap:13px}.find-note{font-size:7px;max-width:220px}.find-ornament{display:none}footer{margin:0 7%;padding:25px 0;gap:20px}.footer-name{font-size:25px}footer>p{width:100%;font-size:13px;order:2}footer>a:last-of-type{margin-left:auto;font-size:9px}.footer-bottom{order:3;flex-direction:column;gap:10px;font-size:6px;letter-spacing:.8px;margin-top:10px}#reader{width:100%;max-width:100%;max-height:100dvh;height:100dvh;margin:0}.reader-toolbar{padding:17px 18px}.reader-toolbar h2{font-size:21px}.reader-options{padding:8px 18px}.reader-content>img{margin:0 auto}.reader-text{padding:25px 7%;font-size:17px}.reader-controls{padding:12px 18px}.reader-controls>button span{display:none}#essay-dialog{padding:40px 26px}#essay-dialog h2{font-size:30px;margin-top:25px}#essay-body p{font-size:16px}.desktop-br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.arrow-svg{display:inline-block;flex-shrink:0;vertical-align:middle}.journal-arrow .arrow-svg{width:26px;height:26px}.reader-content{flex:1}

/* The old gilt of a fractured court. Original sample pages retain their paper color. */
body{color-scheme:dark;background:radial-gradient(ellipse at 12% 12%,#1d150d 0%,transparent 46%) fixed,var(--ground)}
.site-header{border-bottom-color:#5a4428}.wordmark{color:#e9ce99}.wordmark span{color:var(--muted)}.site-header .nav-buy{border-color:#795d36}.site-header .nav-buy:hover{background:#251b10}
.hero{position:relative;isolation:isolate}.hero::before{content:"";position:absolute;inset:0 -5.55%;z-index:-1;background:radial-gradient(ellipse at 46% 9%,#47321b44 0%,transparent 45%),linear-gradient(160deg,#1b130c66 0%,transparent 51%);pointer-events:none}
.hero h1{color:#ebd29f;text-shadow:0 4px 40px #c9984630}.hero h1 em{color:#d3a460}.hero-copy>.eyebrow{color:#cfac75}.hero-bottom a span{color:#d8ae6b}.hero-art{border:1px solid #4d3823}.hero-art>img{filter:saturate(.66) brightness(.88) contrast(1.08)}.hero-art::after{content:"";position:absolute;inset:0;background:url('/assets/imperial-fracture.svg') center / 100% 100% no-repeat;opacity:.78;pointer-events:none;z-index:1}.hero-art figcaption{padding:31px 32px 27px;z-index:2;background:linear-gradient(transparent,#0b0704ed)}
.running-line{background:#110d09;border-top-color:#4a3721;border-bottom-color:#33271b;color:#c9ac7a}.section-top{border-top-color:#7a5d35}.book-meta{color:#bc9d69}
.reading-panel{background:linear-gradient(140deg,#292013,#17110c 70%);border:1px solid #493621}.reading-tabs button[aria-selected=true]{background:#241a10;color:#e1bb7b}.spread{color-scheme:light}.character-detail{background:linear-gradient(145deg,#251a10,#15100c 76%);border:1px solid #4b3620}.character-place{color:var(--muted)}.character-index{color:#3c2c1b}.author-section{background:radial-gradient(ellipse at 15% 33%,#281c10 0%,#150f0b 58%,#100c09)}.author-copy blockquote{border-left:1px solid #8b693a;padding-left:22px}.journal-list>button:hover{background:#20170f}.find-book{background:radial-gradient(ellipse at 79% 39%,#342516,#1c140e 54%,#100c09);border:1px solid #6f542f}.find-ornament{opacity:.5;box-shadow:inset 0 0 45px #0005}.find-book .button.outline{background:var(--gold);color:var(--ground);box-shadow:none}.find-book .button.outline:hover{background:#e8ca8e}
dialog{border:1px solid #6f542f}.reader-content>img{color-scheme:light}.reader-text{color:#e0c894}.reader-toolbar .eyebrow{color:#c09f6f}.icon-button:hover{background:#2e2114}.button:focus-visible,a:focus-visible{outline-color:#e8ca8e}
@media(max-width:760px){.hero-art figcaption{padding:30px 20px 20px}.hero-art::after{opacity:.62}#reader{border:none}}

.author-audio {
  width: min(100%, 400px);
  margin-top: 24px;
  border-top: 1px solid #654b2b;
  padding-top: 13px;
}

.audio-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

.audio-label :is(h2, h4) {
  margin: 0;
  color: #e8c78d;
  font-family: var(--serif);
  font-size: 18px;
  font-weight: 400;
}

.audio-label span { color: var(--muted); font-size: 11px; }
.author-audio audio, .audio-part audio { display: block; width: 100%; height: 42px; }
.hero-desc { max-width: 38ch; }
.battle-section { padding-top: 0; padding-bottom: 0; }
.battle-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 2.5vw, 34px); }
.battle-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #594227; background: #19120d; }
.battle-art { margin: 0; background: radial-gradient(ellipse at center, #312317, #0d0a08 74%); }
.battle-art img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; }
.battle-copy { flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(21px, 3vw, 42px); }
.battle-copy .eyebrow { color: #c5a77b; }
.battle-copy h3 { margin: 12px 0 16px; font-size: clamp(28px, 2.8vw, 42px); line-height: 1.2; }
.battle-copy h3 em { color: #d4a75f; }
.battle-copy > p:not(.eyebrow) { margin: 0 0 14px; color: #d8c5a5; font-size: 13px; line-height: 1.85; }
.battle-copy .button { margin-top: auto; gap: 16px; }

@media (min-width: 761px) and (max-width: 1024px) {
  .battle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #nghia-thu-nan-dung { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; }
}

@media (max-width: 760px) {
  .battle-grid { grid-template-columns: 1fr; }
  .battle-art img { aspect-ratio: auto; max-height: 480px; }
}

.reading-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.reading-tabs button { align-items: flex-start; flex-direction: column; gap: 8px; }
.reading-tabs button span { white-space: nowrap; }
.chapter-audio { margin-top: clamp(28px, 5vw, 55px); border-top: 1px solid #654b2b; padding-top: 24px; }
.chapter-audio h3 { margin: 0 0 19px; font-size: clamp(23px, 3vw, 32px); }
.chapter-audio h3 em { color: #d3a460; display: block; }
.audio-parts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.audio-part { padding: 18px; border: 1px solid #624a2c; background: #1a130c; min-width: 0; }
.reader-chapters { flex-wrap: wrap; }
.reader-options { flex-wrap: wrap; gap: 8px 15px; }

@media (max-width: 820px) {
  .reading-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reading-tabs button:nth-child(n+3) { border-top: 1px solid var(--line); }
}

@media (max-width: 540px) {
  .author-audio { margin-top: 20px; }
  .audio-parts { grid-template-columns: 1fr; gap: 10px; }
  .reader-chapters { gap: 3px; }
  .reader-chapters button { padding-inline: 9px; }
}

.author-grid {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  grid-template-areas: "portrait title" "portrait copy";
  grid-template-rows: auto 1fr;
  align-items: start;
  gap: 20px clamp(30px, 6vw, 90px);
}

.author-portrait {
  grid-area: portrait;
  width: 100%;
  max-width: 430px;
  margin: 0;
  padding: 7px;
  background: #0c0a08;
  border: 1px solid #6c502c;
}

.author-portrait img { display: block; width: 100%; height: auto; }
.author-grid > h2 { grid-area: title; margin: 0; }
.author-copy { grid-area: copy; }
.author-copy > p:first-child { margin-top: 0; }
.author-copy > p {
  margin-top: 16px;
  color: #dac6a3;
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.8;
}

.author-copy h3 {
  margin: 24px 0 0;
  padding-top: 21px;
  border-top: 1px solid #60492b;
  font-size: 24px;
}

.author-copy em { color: #e8c78d; }
.author-listen { margin-top: 20px; }

@media (max-width: 760px) {
  .author-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "portrait" "copy";
    grid-template-rows: auto;
    gap: 22px;
  }
  .author-portrait { max-width: min(100%, 350px); }
}

.cast-heading { margin-bottom: 24px; }
.cast-heading p { max-width: 34ch; }
.cast-arcs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid #564023;
  margin-bottom: 24px;
}

.cast-arcs button {
  padding: 17px 14px;
  border-bottom: 2px solid transparent;
  color: #cfb68c;
  font-family: var(--serif);
  font-size: clamp(14px, 1.7vw, 21px);
  line-height: 1.35;
  text-align: left;
}

.cast-arcs button + button { border-left: 1px solid #564023; }
.cast-arcs button[aria-selected="true"] { background: #261b11; border-bottom-color: #c9a369; color: #f1d5a1; }
.cast-arcs button:hover, .cast-roster button:hover { background-color: #21170e; }
#cast-panel { grid-template-columns: minmax(0, .75fr) minmax(0, 1.6fr); align-items: start; gap: clamp(20px, 4vw, 60px); }
.cast-roster { display: grid; border-top: 1px solid var(--line); }
.cast-roster button {
  text-align: left;
  border-bottom: 1px solid var(--line);
  border-left: 2px solid transparent;
  padding: 15px 12px;
  font-family: var(--serif);
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.35;
}

.cast-roster button[aria-pressed="true"] { border-left-color: #c9a369; background: #261b11; color: #f1d5a1; }
#character-detail { justify-content: flex-start; min-height: 320px; padding: clamp(20px, 4vw, 42px); }
.cast-profile .eyebrow { color: #c9a369; }
.cast-profile h3 { margin-top: 10px; }
.cast-profile .character-lead { margin: 12px 0 0; color: #e2bf84; line-height: 1.45; }
.cast-profile #person-copy { margin: 16px 0; color: #dac6a3; font-size: clamp(14px, 1.15vw, 16px); line-height: 1.8; }
.cast-chapters { color: var(--muted); font-size: 12px; margin: 20px 0 0; padding-top: 12px; border-top: 1px solid #4d3a23; }
.cast-reading { align-self: flex-start; margin-top: 16px; }
.cast-reading[hidden] { display: none; }
.cast-note { color: var(--muted); font-size: 12px; margin-top: 18px; }

@media (max-width: 760px) {
  .cast-arcs button { padding: 12px 10px; }
  #cast-panel { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .cast-roster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cast-roster button { padding: 11px 9px; }
  #character-detail { min-height: 0; }
}