:root{--paper:#f5efe8;--ink:#251f1a;--muted:#776e65;--wine:#7a2728;--line:rgba(37,31,26,.14);--white:#fff;--radius:18px;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);position:sticky;top:0;z-index:20;background:rgba(245,239,232,.91);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{font:600 29px/1 "Playfair Display",serif;color:var(--ink);text-decoration:none;letter-spacing:-1px}.brand span{color:var(--wine)}.desktop-nav{display:flex;gap:34px}.desktop-nav a,.catalog-toggle{color:var(--ink);text-decoration:none;font-size:.9rem}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--wine);transition:.25s}.desktop-nav a:hover:after{right:0}.catalog-toggle{border:0;background:none;display:flex;gap:10px;align-items:center;cursor:pointer}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);position:relative;overflow:hidden;background:#40372f}.hero>img{width:100%;height:calc(100vh - 76px);object-fit:cover;object-position:center}.hero-copy{padding:9vw 7vw;color:var(--white);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 30% 35%,rgba(122,39,40,.55),transparent 55%),#392f29}.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin:0 0 20px;color:var(--wine)}.hero .eyebrow{color:#e4c9bd}.hero h1{font:500 clamp(2.8rem,6.2vw,6.5rem)/1.05 "Playfair Display","Noto Sans SC",serif;margin:0 0 22px;letter-spacing:-.05em}.hero-copy>p:not(.eyebrow){color:#d8cec7;margin:0 0 42px}.primary-button{color:var(--white);text-decoration:none;border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:12px 19px;width:max-content;display:flex;gap:24px;align-items:center;transition:.2s}.primary-button:hover{background:var(--white);color:var(--ink)}.intro{max-width:860px;margin:0 auto;padding:clamp(90px,13vw,180px) 24px;text-align:center}.intro h2,.chapter-copy h2{font:500 clamp(2.1rem,4vw,4.5rem)/1.25 "Playfair Display","Noto Sans SC",serif;margin:0 0 22px;letter-spacing:-.03em}.intro>p:last-of-type{color:var(--muted);max-width:660px;margin:0 auto}.metrics{display:flex;justify-content:center;gap:clamp(34px,8vw,90px);margin-top:64px}.metrics div{display:flex;flex-direction:column}.metrics strong{font:500 2rem "Playfair Display",serif}.metrics span{font-size:.8rem;color:var(--muted);letter-spacing:.1em}.chapter{padding:110px clamp(18px,5vw,80px)}.chapter-dark{background:#28221e;color:#f8f3ed}.chapter-copy{max-width:1180px;margin:0 auto 64px;display:grid;grid-template-columns:90px 1fr;gap:30px;align-items:start}.chapter-copy>span{font:500 1rem "Playfair Display",serif;color:var(--wine);border-top:1px solid currentColor;padding-top:8px}.chapter-copy p:last-child{color:var(--muted);max-width:620px}.chapter-dark .chapter-copy p:last-child{color:#bfb4ab}.page-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.6vw,38px)}.page-card{position:relative;border:0;background:none;padding:0;cursor:zoom-in;text-align:left;color:inherit}.page-card img{width:100%;aspect-ratio:210/297;display:block;object-fit:cover;background:#e7ded5;box-shadow:0 10px 34px rgba(56,43,33,.12);transition:transform .35s ease,box-shadow .35s ease}.page-card:hover img{transform:translateY(-8px);box-shadow:0 18px 44px rgba(56,43,33,.22)}.page-label{display:flex;justify-content:space-between;margin-top:11px;font-size:.76rem;color:var(--muted)}.chapter-dark .page-label{color:#a99e95}.filter-bar{max-width:1320px;margin:-20px auto 44px;display:flex;gap:9px;overflow:auto;padding-bottom:4px}.filter{border:1px solid rgba(255,255,255,.18);background:transparent;color:#d7cec7;border-radius:999px;padding:9px 16px;white-space:nowrap;cursor:pointer}.filter.active,.filter:hover{background:#f5efe8;color:#28221e}.catalog-panel{position:fixed;z-index:40;right:0;top:0;bottom:0;width:min(420px,92vw);background:#fbf8f4;transform:translateX(102%);transition:.35s ease;padding:25px;overflow:auto;box-shadow:-20px 0 70px rgba(20,10,5,.2)}.catalog-panel.open{transform:none}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.panel-close,.viewer-close{border:0;background:none;font-size:1.8rem;cursor:pointer}.section-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:20px 0}.section-links a{color:var(--ink);text-decoration:none;padding:10px;background:#f0e8e0;border-radius:8px;font-size:.85rem}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.thumb{border:0;background:none;padding:0;cursor:pointer}.thumb img{width:100%;display:block;box-shadow:0 3px 10px rgba(0,0,0,.1)}.thumb span{font-size:.68rem;color:var(--muted)}.scrim{position:fixed;inset:0;z-index:30;background:rgba(20,15,12,.45);backdrop-filter:blur(2px)}footer{min-height:200px;padding:48px clamp(22px,5vw,78px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted)}.back-top{border:0;background:none;color:var(--ink);cursor:pointer}dialog{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border:0;padding:0;background:rgba(18,15,13,.94);color:white;overflow:hidden}dialog[open]{display:grid;grid-template-columns:70px 1fr 70px;align-items:center}dialog::backdrop{background:transparent}.viewer-close{position:absolute;right:22px;top:15px;color:white;z-index:2}.viewer-prev,.viewer-next{border:0;background:none;color:white;font-size:2rem;cursor:pointer;height:100%}dialog figure{margin:0;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}dialog figure img{max-width:100%;max-height:calc(100vh - 82px);object-fit:contain;box-shadow:0 10px 50px #000}figcaption{width:min(900px,100%);display:flex;justify-content:space-between;padding-top:10px;font-size:.82rem;color:#ddd}figcaption small{color:#978f89}@media(max-width:900px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero>img{height:58vh;object-position:center 35%}.hero-copy{padding:65px 24px 75px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter{padding:85px 18px}.chapter-copy{grid-template-columns:48px 1fr;gap:15px}footer{align-items:flex-start;flex-direction:column}.back-top{padding:0}}@media(max-width:560px){.topbar{height:64px}.hero{min-height:calc(100vh - 64px)}.hero>img{height:54vh}.hero h1{font-size:2.8rem}.metrics{gap:27px}.metrics strong{font-size:1.55rem}.page-grid{gap:23px 10px}.chapter-copy{margin-bottom:40px}.chapter-copy p:last-child{font-size:.93rem}.filter-bar{margin-bottom:30px}.page-label span:last-child{display:none}.thumbs{grid-template-columns:repeat(3,1fr)}dialog[open]{grid-template-columns:48px 1fr 48px}dialog figure{padding:12px}figcaption small{display:none}}