:root{color-scheme:dark;--bg:#101b19;--panel:#172722;--ink:#f3eddf;--muted:#b5bcb0;--gold:#dbb780;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}p,h1,h2,h3,figure{margin:0}p+p{margin-top:14px}.skip{position:fixed;top:-90px;left:12px;z-index:8;background:var(--gold);color:#101b19;padding:10px}.skip:focus{top:10px}.header{max-width:1280px;padding:26px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:22px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;white-space:nowrap}.brand>span{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;font-family:serif;font-size:22px;color:var(--gold)}.brand b{font-size:10px;letter-spacing:1px;font-weight:400;color:var(--muted);align-self:flex-end;margin:0 0 5px -4px}.header nav{display:flex;gap:24px;font-size:13px}.header button{display:none}main{max-width:1280px;margin:auto;padding:0 40px}.hero{position:relative;min-height:610px;padding:92px 0 80px;display:flex;align-items:center;isolation:isolate}.hero-copy{position:relative;z-index:2;width:55%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);line-height:1.5}.hero h1{font-size:clamp(38px,4.7vw,64px);line-height:1.3;letter-spacing:-2px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--gold)}.lede{max-width:490px;font-size:16px;color:#c9cfc4}.hero figure{position:absolute;inset:30px -40px 16px 26%;z-index:0;overflow:hidden}.hero figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 36%),linear-gradient(0deg,var(--bg),transparent 28%)}.hero img{width:100%;height:100%;object-fit:cover;object-position:70% center}.hero figcaption{position:absolute;right:30px;bottom:24px;z-index:1;color:#c4c7ba;font-size:11px}.actions{display:flex;gap:24px;align-items:center;margin:28px 0;font-size:14px}.primary{padding:12px 22px;background:var(--gold);color:#16231d;font-weight:650}.primary:hover{background:#ebcea0;color:#16231d}.hero-tags{display:flex;gap:18px;color:var(--muted);font-size:12px}.hero-tags span:before{content:"·";color:var(--gold);margin-right:8px}.section{padding:62px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-heading h2{font-size:30px;line-height:1.4;letter-spacing:-.5px;margin-top:10px}.section-heading>p,.section-heading>a{font-size:13px;color:var(--muted);max-width:340px}.section-intro{max-width:850px;color:var(--muted);font-size:15px;margin-bottom:28px}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-card{background:var(--panel);border:1px solid var(--line)}.work-art{height:180px;padding:25px 30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.work-art span{font-size:12px;letter-spacing:3px;opacity:.6}.work-art strong{font:32px/1.2 "Songti SC",serif;letter-spacing:4px;z-index:1}.art-christmas{background:radial-gradient(ellipse at 85% 15%,#ba965352,transparent 50%),linear-gradient(135deg,#314a37,#19352c)}.art-christmas:after{content:"✦";position:absolute;font-size:190px;color:#e1c6961a;right:30px;top:-65px}.art-day{background:radial-gradient(ellipse at 80% 20%,#e4bb7a52,transparent 60%),linear-gradient(135deg,#604432,#382d26)}.art-day:after{content:"";position:absolute;width:120px;height:180px;border:1px solid #ebc88c55;right:40px;top:35px;border-radius:90px 90px 0 0}.card-copy{padding:28px 30px 32px}.card-copy h3{font-size:22px;margin:10px 0 18px}.card-copy p:not(.eyebrow){color:var(--muted);font-size:14px}.text-callout{display:flex;align-items:start;gap:40px;padding:26px 30px;margin-top:24px;background:#dbb7800a;border-left:2px solid var(--gold)}.text-callout b{white-space:nowrap;font-size:15px;color:var(--gold)}.text-callout p{font-size:14px;color:var(--muted)}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.style-grid article{border-top:1px solid #dbb78060;padding-top:20px}.style-grid span{font-size:12px;color:var(--gold)}.style-grid h3{font-size:17px;line-height:1.6;margin:12px 0}.style-grid p{font-size:14px;color:var(--muted)}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:140px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.timeline article>span{font-size:23px;color:var(--gold);font-family:serif}.timeline h3{font-size:19px;margin-bottom:10px}.timeline p{font-size:14px;color:var(--muted);max-width:880px}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.person-card{padding:28px;background:var(--panel);border:1px solid var(--line)}.person-mark{font:32px/1.2 serif;color:var(--gold);width:60px;height:60px;border:1px solid #dbb78045;display:grid;place-items:center;margin-bottom:22px}.person-card h3{font-size:24px;margin:8px 0}.booknames{font-size:13px;color:var(--gold);min-height:50px;margin-bottom:14px}.person-card>p:last-child{font-size:14px;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:start}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px;line-height:1.7}details p{font-size:14px;color:var(--muted);margin:16px 0 4px}.notes{padding:28px 0 45px}.notes h2{font-size:15px;color:var(--muted);margin-bottom:10px}.notes p{font-size:12px;color:#96a396}footer{max-width:1200px;margin:0 auto;padding:35px 0 40px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:18px 35px}footer>a{font-size:18px;font-weight:650}footer nav{display:flex;gap:20px;font-size:12px;margin-left:auto}footer p{width:100%;font-size:11px;color:var(--muted)}footer small{font-size:11px;color:var(--muted)}@media(min-width:1400px){.hero figure{right:-60px}}@media(max-width:1000px){.brand b{display:none}.header nav{gap:16px}.hero{min-height:570px}.hero-copy{width:62%}.style-grid{grid-template-columns:1fr 1fr}.people-grid{gap:16px}.person-card{padding:22px}.text-callout{display:block}.text-callout p{margin-top:12px}footer{margin:0 40px}}@media(max-width:700px){html{scroll-padding-top:20px}.header{padding:18px 22px;flex-wrap:wrap;gap:16px}.brand{font-size:21px}.brand>span{width:33px;height:33px}.header button{display:block;border:1px solid var(--line);background:transparent;color:var(--ink);padding:7px 13px;font:inherit;font-size:13px}.header nav{display:none;width:100%;grid-template-columns:1fr 1fr;gap:0;font-size:14px}.header nav.open{display:grid}.header nav a{padding:12px 4px;border-top:1px solid var(--line)}main{padding:0 22px}.hero{padding:280px 0 40px;min-height:auto}.hero figure{inset:0 -22px auto;height:330px}.hero figure:after{background:linear-gradient(0deg,var(--bg),transparent 75%)}.hero img{object-position:75% center}.hero figcaption{bottom:65px;right:22px;font-size:10px}.hero-copy{width:100%}.hero h1{font-size:42px;margin:16px 0;letter-spacing:-1px}.hero .eyebrow{font-size:9px}.lede{font-size:15px}.actions{gap:18px;font-size:13px}.primary{padding:11px 17px}.section{padding:38px 0}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:25px}.section-heading>p,.section-heading>a{display:block;margin-top:12px}.works-grid,.people-grid,.faq-grid{grid-template-columns:1fr;gap:20px}.work-art{height:150px;padding:22px}.card-copy{padding:24px 22px}.text-callout{padding:22px}.style-grid{gap:25px 20px}.style-grid h3{font-size:16px}.style-grid p{font-size:13px}.timeline article{grid-template-columns:1fr;gap:10px;padding:22px 0}.timeline article>span{font-size:20px}.person-card{padding:25px}.person-mark{float:right;margin:0 0 10px 14px}.booknames{min-height:0;margin-bottom:14px}.faq-grid{gap:0}.notes h2{font-size:14px}footer{margin:0 22px;padding-top:28px;gap:14px}footer nav{margin:0;width:100%;flex-wrap:wrap;gap:10px 22px}footer p{margin:8px 0 0}}

/* P001 personal-blog revision */
:root{color-scheme:light;--bg:#f7f3ed;--panel:#fffcf8;--ink:#312c27;--muted:#73695e;--gold:#906b40;--line:#473a2426}body{background:var(--bg)}.hero .lede{color:var(--muted)}.hero figure:after{background:linear-gradient(90deg,var(--bg),transparent 42%),linear-gradient(0deg,var(--bg),transparent 28%)}.primary{background:#43362c;color:#fffaf2}.primary:hover{background:#614a36;color:white}.person-card{background:#fffcf8}.hero h1 em{font-family:"Songti SC",serif;font-weight:600}.header nav{color:#544c43}.art-christmas,.art-day{color:#f8edda}.hero figcaption{display:none}.notes p{color:#81776b}.hero-copy{width:52%}.section-heading h2{font-family:"Songti SC",serif}.person-card h3{font-size:21px}.hero .eyebrow{letter-spacing:2px}.hero figure{inset:30px -40px 16px 27%}.hero-tags{color:#73695e}.hero-tags a{border-bottom:1px solid #906b4040}footer{color:#73695e}@media(max-width:700px){.hero-copy{width:100%}.hero figure{inset:0 -22px auto;height:330px}.hero figure:after{background:linear-gradient(0deg,var(--bg),transparent 80%)}.hero img{object-position:75% center}}

/* Content review v4 */
.style-grid{grid-template-columns:repeat(3,1fr)}.source-note{font-size:11px!important;color:#8b8176!important}.collection-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.collection-links a{border:1px solid var(--line);padding:17px 20px;background:var(--panel);font-size:14px}@media(max-width:700px){.style-grid,.collection-links{grid-template-columns:1fr}.style-grid p{font-size:14px}}

.work-photo{aspect-ratio:1312/736;overflow:hidden;background:#e3d8c7}.work-photo img{width:100%;height:100%;display:block;object-fit:cover}

.creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.small-note{font-size:12px;color:var(--muted);margin-top:16px}.process-photo{margin-bottom:30px}.process-photo img{display:block;width:100%;height:auto}.process-photo figcaption{font-size:11px;color:var(--muted);padding-top:8px}.header nav{gap:16px;font-size:12px}@media(max-width:700px){.creator-grid{grid-template-columns:1fr}.header nav{font-size:14px}}