:root{color-scheme:dark;--ink:#151613;--paper:#e5dcc5;--gold:#bca477;--muted:#a8a18e;--line:rgba(190,170,126,.24);--serif:"STKaiti","KaiTi","Songti SC","SimSun",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #ead4a0;outline-offset:5px}::selection{background:#7a3f2f;color:#fff4dc}.skip-link{position:fixed;top:-80px;left:20px;z-index:10;padding:12px;background:var(--ink)}.skip-link:focus{top:10px}.masthead{height:82px;max-width:1600px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-size:21px;letter-spacing:3px}.seal{display:grid;place-items:center;width:35px;height:39px;border:1px solid #ac5b49;color:#e2b9a2;background:#773b2f;font-size:27px;line-height:1;transform:rotate(-3deg);box-shadow:inset 0 0 0 3px #773b2f,inset 0 0 0 4px #a8614c}.brand-note{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:5px}.edition{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;font-size:15px;letter-spacing:2px}.edition:hover{color:#ffe5af}.hero{position:relative;isolation:isolate;height:430px;min-height:410px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 52%;z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(12,16,14,.84),rgba(14,17,14,.33) 48%,rgba(10,13,11,.02) 80%),linear-gradient(0deg,#151613 0%,transparent 28%)}.hero-copy{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1440px;margin:0 auto;padding:51px 6% 40px}.eyebrow{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:11px;letter-spacing:4px;color:var(--gold);margin:0 0 20px}.hero .eyebrow{display:flex;align-items:center;gap:14px}.hero .eyebrow span{display:block;height:1px;width:27px;background:var(--gold)}h1{font-size:clamp(48px,5.8vw,82px);font-weight:400;letter-spacing:.12em;line-height:1.13;margin:0;text-shadow:0 4px 25px #0c110e}.edition-title{display:inline-block;font-size:23px;letter-spacing:.25em;writing-mode:vertical-rl;line-height:1.2;margin-left:17px;border-left:1px solid rgba(211,186,140,.45);padding-left:13px;vertical-align:middle;color:#c8b48d}.hero-verse{font-size:24px;letter-spacing:5px;margin:22px 0 10px;color:#d9ccae}.hero-description{font-size:13px;letter-spacing:2px;color:#b6b4a6;margin:0;line-height:1.9}.journey-link{display:inline-flex;gap:53px;align-items:center;font-size:17px;color:#e9d2a1;margin-top:27px;padding:11px 21px;border:1px solid #a08857;background:rgba(58,49,30,.28);transition:background .25s}.journey-link:hover{background:rgba(142,113,59,.3)}.hero-inscription{position:absolute;right:4%;top:49px;writing-mode:vertical-rl;letter-spacing:6px;font-size:12px;color:#dcc8a1;opacity:.8}.hero-bottom{position:absolute;bottom:20px;left:5%;right:5%;display:flex;justify-content:space-between;color:#aba38e;font-size:11px;letter-spacing:3px}.chapter-section{max-width:1600px;margin:auto;padding:38px 5% 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading .eyebrow{font-size:10px;margin:0 0 8px;letter-spacing:3px}.section-heading h2{font-size:27px;font-weight:400;letter-spacing:4px;margin:0}.section-heading>p{font-size:13px;color:var(--muted);letter-spacing:2px;margin:0 0 3px}.chapter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.chapter-card{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio: .70;border:1px solid rgba(196,172,119,.27);background:#1b1f1b;padding:0;text-align:left;overflow:hidden;cursor:pointer}.chapter-card::after{content:"";position:absolute;inset:7px;border:1px solid rgba(221,207,172,.18);pointer-events:none;transition:border-color .35s}.chapter-card img,.card-shade{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .75s ease,filter .5s}.chapter-card img{filter:saturate(.72) brightness(.87)}.card-shade{z-index:-1;background:linear-gradient(180deg,rgba(10,13,12,.2),transparent 38%,rgba(12,15,13,.46) 60%,#101310 100%)}.chapter-card:hover img,.chapter-card:focus-visible img{transform:scale(1.035);filter:saturate(.92) brightness(1)}.chapter-card:hover::after{border-color:rgba(230,203,143,.65)}.chapter-number{position:absolute;left:21px;top:18px;font-size:32px;color:#f0e0bc;text-shadow:0 2px 9px #000;line-height:1}.chapter-tag{position:absolute;right:22px;top:23px;font-size:11px;letter-spacing:4px;writing-mode:vertical-rl;color:#e1d7bc;text-shadow:0 2px 5px #000}.chapter-body{position:absolute;left:25px;right:25px;bottom:23px;display:flex;flex-direction:column}.chapter-theme{font-size:clamp(24px,2.5vw,36px);letter-spacing:.12em;color:#eee2c5;line-height:1.4;white-space:nowrap}.chapter-title{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:18px;letter-spacing:5px;color:#c8b181;margin:10px 0 17px}.chapter-verse{font-size:12px;color:#bbb6a4;letter-spacing:1px;line-height:1.7}.chapter-action{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;border-top:1px solid var(--line);padding-top:14px;margin-top:17px;color:#b0a384}.chapter-action span{font-size:17px;color:#d6bd86;transition:transform .25s}.chapter-card:hover .chapter-action span{transform:translate(2px,-2px)}.closing-verse{display:flex;justify-content:center;align-items:center;gap:21px;margin:31px 0;font-size:12px;letter-spacing:3px;color:#a59b83}.closing-verse span{font-size:5px;color:#887347}footer{border-top:1px solid var(--line);max-width:1440px;margin:0 auto;padding:20px 5%;display:flex;justify-content:space-between;gap:14px;font-size:11px;letter-spacing:2px;color:#8d897c}dialog{padding:0;width:min(680px,calc(100% - 36px));max-height:90vh;overflow:auto;border:1px solid #9a8152;background:#191d18;color:var(--paper);box-shadow:0 24px 100px #000}dialog[open]{display:grid;grid-template-columns:43% 57%}dialog::backdrop{background:rgba(5,9,7,.83);backdrop-filter:blur(6px)}#dialog-art{width:100%;height:100%;min-height:390px;object-fit:cover}.dialog-copy{padding:62px 31px 34px}.dialog-copy h2{font-size:35px;letter-spacing:5px;font-weight:400;margin:17px 0}.dialog-copy .eyebrow{letter-spacing:2px}.dialog-copy p{font-size:13px;line-height:2;color:#b9b3a1}#dialog-verse{color:#d0ba8f}.dialog-divider{width:38px;height:1px;background:#977d50;margin:24px 0}.dialog-close{position:absolute;right:12px;top:9px;background:#1a1e19;border:1px solid var(--line);font-size:24px;line-height:1;width:35px;height:35px;cursor:pointer}.dialog-return{background:none;border:0;border-bottom:1px solid #766647;padding:9px 0;font-size:13px;letter-spacing:2px;margin-top:15px;cursor:pointer}.dialog-return span{margin-left:17px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){.hero-copy{padding-left:50px}.hero{height:480px}}
@media(max-width:1000px){.chapter-grid{gap:10px}.chapter-body{left:18px;right:18px;bottom:20px}.chapter-verse{font-size:11px;letter-spacing:0}.chapter-card{aspect-ratio:.60}.chapter-theme{font-size:28px}.hero-copy{padding-left:5%}.hero{height:410px}.hero-description{max-width:310px}.hero-art{object-position:65% 50%}}
@media(max-width:760px){.masthead{height:72px}.brand{font-size:18px}.brand-note{font-size:9px}.seal{width:31px;height:35px;font-size:24px}.edition{font-size:13px;gap:12px}.hero{height:420px}.hero-copy{padding:53px 6% 35px}.hero-art{object-position:73% 50%}.hero-shade{background:linear-gradient(90deg,rgba(12,16,14,.83),rgba(12,16,14,.37)),linear-gradient(0deg,#151613,transparent 45%)}h1{font-size:54px;letter-spacing:.05em}.edition-title{font-size:18px;margin-left:12px;padding-left:10px}.hero-verse{font-size:20px;letter-spacing:3px;margin-top:27px}.hero-description{font-size:12px;max-width:245px}.hero .eyebrow{font-size:10px;letter-spacing:3px}.hero-inscription{display:none}.chapter-section{padding:29px 5% 0}.section-heading{margin-bottom:19px}.section-heading h2{font-size:24px}.section-heading>p{font-size:11px;letter-spacing:1px}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.chapter-card{aspect-ratio:.67}.chapter-theme{font-size:30px}.chapter-verse{font-size:11px;letter-spacing:0}.chapter-body{left:20px;right:20px;bottom:21px}.chapter-number{font-size:28px;left:18px}.chapter-tag{right:18px}.chapter-title{margin:7px 0 12px}.chapter-action{margin-top:12px;padding-top:10px}.closing-verse{font-size:11px;letter-spacing:2px;gap:13px}footer{font-size:10px;letter-spacing:1px;flex-wrap:wrap}}
@media(max-width:420px){h1{font-size:45px}.hero-copy{padding-top:58px}.hero-verse{font-size:18px}.hero-bottom{font-size:9px}.chapter-grid{gap:10px}.chapter-body{left:15px;right:15px;bottom:17px}.chapter-theme{font-size:25px}.chapter-card{aspect-ratio:.58}.chapter-verse{font-size:10px}.chapter-title{font-size:17px}.chapter-number{font-size:25px}.section-heading>p{font-size:10px}.dialog-copy{padding:48px 22px 26px}dialog[open]{grid-template-columns:1fr}#dialog-art{height:170px;min-height:0;object-position:50% 35%}.dialog-copy h2{margin:8px 0}.dialog-copy .eyebrow{margin:0}.dialog-divider{margin:16px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::after{transition:none!important}}

/* Vertical chapter inscriptions and brush-script subject names. */
@font-face{font-family:LongCang;src:url("LongCang-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
.chapter-section{padding-bottom:38px}
.chapter-theme{position:absolute;top:27px;right:20px;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.13em;line-height:1.3;text-shadow:0 2px 8px #000,0 0 20px #101712}
.chapter-prefix{font-size:15px;letter-spacing:2px;color:#d0ba91;margin-bottom:12px}
.chapter-body{left:15px;right:15px;bottom:25px;align-items:center}
.chapter-title{font-family:var(--serif);font-size:36px;line-height:1.3;font-weight:400;letter-spacing:.16em;text-indent:.16em;color:#e0c99a;margin:0;text-shadow:0 2px 12px #000}
@media(max-width:760px){.chapter-theme{top:20px;right:15px}.chapter-prefix{font-size:12px;letter-spacing:1px;margin-bottom:8px}.chapter-body{bottom:22px}.chapter-section{padding-bottom:29px}}
@media(max-width:420px){.chapter-theme{right:12px;top:17px}.chapter-title{font-size:34px}.chapter-body{bottom:19px}}

/* Equal-size chapter labels, placed along the left edge. */
.chapter-theme{font-family:LongCang,"STXingkai","KaiTi",cursive;left:20px;right:auto;letter-spacing:.08em}
.chapter-prefix{font-size:inherit;letter-spacing:inherit;color:inherit;margin-bottom:18px}
@media(max-width:760px){.chapter-theme{left:15px;right:auto}.chapter-prefix{margin-bottom:14px}}
@media(max-width:420px){.chapter-theme{left:12px;right:auto;letter-spacing:.04em}.chapter-prefix{margin-bottom:12px}}
.chapter-card{min-height:360px}@media(max-width:420px){.chapter-card{min-height:320px}}