/* AETHER Digital Archive V1.3 */
:root{--paper:#f7f5f0;--ink:#171717;--muted:#77746f;--line:#d9d4ca;--max:1360px;--side:clamp(24px,5vw,72px);}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Arial,"Noto Serif SC","Songti SC",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;width:100%;height:78px;padding:0 var(--side);display:flex;align-items:center;justify-content:space-between;background:rgba(247,245,240,.82);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid rgba(217,212,202,.55)}.brand{font-size:14px;letter-spacing:.24em}.site-header nav{display:flex;gap:24px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.site-header nav a{color:var(--muted)}.site-header nav a:hover{color:var(--ink)}.lang-toggle{border:none;background:transparent;font-size:12px;letter-spacing:.12em;cursor:pointer;color:var(--ink)}main{min-height:calc(100vh - 160px)}.home-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px var(--side) 80px}.home-inner h1{font-weight:300;font-size:clamp(52px,8vw,112px);line-height:1.06;letter-spacing:.16em}.home-inner h1 span{font-size:.34em;letter-spacing:.28em}.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:34px}.home-line,.lead{max-width:760px;margin:52px auto 0;font-size:clamp(20px,2.2vw,32px);font-weight:300;line-height:1.55}.hero-quote{max-width:820px;margin:52px auto 0;font-size:clamp(22px,2.3vw,34px);font-weight:300;line-height:1.72}.hero-quote p{margin-bottom:.55em}.hero-quote p:last-child{margin-bottom:0}.home-actions{margin-top:90px;display:flex;flex-direction:column;gap:24px}.archive-link{font-size:17px;letter-spacing:.16em;text-transform:uppercase}.archive-link.muted{color:var(--muted)}.hero-artwork{padding:40px var(--side) 130px;max-width:var(--max);margin:0 auto}.hero-artwork img{width:100%;display:block}.caption{margin-top:18px;color:var(--muted);font-size:13px;letter-spacing:.04em}.page-hero{padding:180px var(--side) 90px;max-width:var(--max);margin:0 auto}.page-hero h1{font-size:clamp(52px,7vw,96px);font-weight:300;letter-spacing:.04em;line-height:1.05}.content-grid{max-width:var(--max);margin:0 auto;padding:90px var(--side);display:grid;grid-template-columns:minmax(180px,28%) 1fr;gap:80px;border-top:1px solid var(--line)}.content-grid h2,.list-section h2,.timeline-section h2{font-weight:300;font-size:24px;letter-spacing:.08em}.content-grid article{font-size:20px;max-width:820px}.content-grid.long-text article p{margin-bottom:1.2em}.timeline-section,.list-section,.text-library,.series-list{max-width:var(--max);margin:0 auto;padding:90px var(--side);border-top:1px solid var(--line)}.timeline{margin-top:50px}.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:48px;padding:28px 0;border-top:1px solid rgba(217,212,202,.7)}.timeline-year{letter-spacing:.12em;color:var(--muted)}.event-list{margin-top:36px}.event{display:grid;grid-template-columns:100px 1fr;gap:42px;padding:28px 0;border-top:1px solid rgba(217,212,202,.72)}.event-year{color:var(--muted);letter-spacing:.14em}.event-title{font-size:22px}.event-meta{margin-top:8px;color:var(--muted)}.text-card{padding:70px 0;border-top:1px solid var(--line)}.text-card h2{font-size:34px;font-weight:300;margin-bottom:28px}.text-card p{max-width:820px;font-size:19px;margin-bottom:1.1em}.series-card{padding:60px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px}.series-card img{width:100%;display:block}.series-card h2{font-size:34px;font-weight:300}.series-card p{margin-top:18px;color:var(--muted)}.contact-links{margin-top:80px;display:flex;flex-direction:column;gap:28px;font-size:24px;letter-spacing:.08em}.site-footer{border-top:1px solid var(--line);padding:56px var(--side);display:flex;justify-content:space-between;color:var(--muted);font-size:13px;letter-spacing:.08em}[data-lang="zh"]{display:none}body.zh [data-lang="en"]{display:none}body.zh [data-lang="zh"]{display:inline}@media(max-width:800px){.site-header{height:auto;padding-top:22px;padding-bottom:22px;align-items:flex-start}.site-header nav{display:none}.content-grid,.event,.timeline-item,.series-card{grid-template-columns:1fr;gap:22px}.page-hero{padding-top:140px}.site-footer{display:block}.site-footer div+div{margin-top:18px}}

/* V1.5 Reading Edition refinements */
.page-hero.quote-only{padding-top:210px;padding-bottom:120px;}
.page-hero.quote-only .hero-quote{margin:0;max-width:880px;}
.read-link{display:inline-block;margin-top:34px;font-size:15px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid transparent;padding-bottom:5px;color:var(--ink);}
.read-link:hover{border-bottom-color:var(--ink);}
.muted-link{color:var(--muted);}
.muted-link:hover{color:var(--ink);border-bottom-color:var(--ink);}
.cv-download-section{padding-top:80px;padding-bottom:100px;}
.exhibition-solo-only{border-top:none;padding-top:0;}
body.zh .read-link{text-transform:none;letter-spacing:.08em;}
@media(max-width:800px){.page-hero.quote-only{padding-top:150px;padding-bottom:80px}.read-link{font-size:14px}}


/* Statement full reading page */
.statement-hero{padding-bottom:60px;}
.statement-page{max-width:980px;margin:0 auto;padding:40px var(--side) 130px;border-top:1px solid var(--line);}
.full-statement{font-size:20px;line-height:1.92;}
.full-statement p{margin-bottom:1.35em;}
body.zh .full-statement{font-size:21px;line-height:2.05;}
@media(max-width:800px){.statement-page{padding-top:30px}.full-statement,body.zh .full-statement{font-size:18px;line-height:1.9}}


/* V2.0 Selected Works */
.artworks-hero{padding-bottom:70px;}
.selected-works{max-width:var(--max);margin:0 auto;padding:0 var(--side) 120px;}
.work-panel{min-height:92vh;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:center;padding:90px 0;}
.work-image-wrap{width:100%;}
.work-image-wrap img{width:100%;height:auto;display:block;object-fit:contain;}
.work-info{align-self:center;}
.work-count{font-size:12px;letter-spacing:.18em;color:var(--muted);margin-bottom:28px;}
.work-info h2{font-size:clamp(30px,4vw,56px);font-weight:300;line-height:1.12;letter-spacing:.03em;margin-bottom:34px;}
.work-meta{font-size:15px;line-height:1.9;color:var(--muted);letter-spacing:.04em;}
body.zh .work-info h2{letter-spacing:.08em;}
body.zh .work-meta{letter-spacing:.06em;}
@media(max-width:980px){.work-panel{grid-template-columns:1fr;gap:28px;min-height:auto;padding:70px 0}.work-info{max-width:760px}.work-info h2{font-size:34px}.work-count{margin-bottom:18px}}

/* V2.0 user refinement */
.compact-hero{padding-bottom:70px;}
.compact-hero .lead,.artworks-hero .eyebrow{display:none;}
.link-library{padding-top:30px;}
.text-link-card{display:flex;align-items:center;justify-content:space-between;padding:34px 0;border-top:1px solid var(--line);font-size:clamp(24px,3.2vw,44px);font-weight:300;letter-spacing:.04em;}
.text-link-card:hover .text-link-title{border-bottom:1px solid var(--ink);}
.text-link-arrow{font-size:.6em;color:var(--muted);}
.selected-works{max-width:1600px;}
.work-panel{grid-template-columns:minmax(0,1.22fr) 300px;gap:44px;}
.work-image-wrap img{width:120%;max-width:none;margin-left:-10%;}
@media(max-width:980px){.work-image-wrap img{width:100%;margin-left:0}.text-link-card{font-size:30px}.compact-hero{padding-bottom:50px}}


/* V2.0.1 refinement: artworks metadata below image, larger image, no overlap */
.selected-works{max-width:none;width:100%;padding:0 var(--side) 130px;}
.work-panel{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:96vh;padding:110px 0 150px;border-top:1px solid var(--line);gap:30px;}
.work-image-wrap{width:min(88vw,1480px);margin:0 auto;}
.work-image-wrap img{width:100%;max-width:none;margin-left:0;height:auto;display:block;object-fit:contain;}
.work-info{width:min(88vw,1480px);margin:0 auto;display:grid;grid-template-columns:120px minmax(240px,420px) 1fr;gap:34px;align-items:start;align-self:auto;}
.work-count{margin:7px 0 0;font-size:11px;letter-spacing:.18em;color:var(--muted);}
.work-info h2{font-size:clamp(30px,3.2vw,54px);font-weight:300;line-height:1.12;letter-spacing:.04em;margin:0;}
.work-meta{font-size:13px;line-height:1.85;color:var(--muted);letter-spacing:.04em;margin-top:4px;}
body.zh .work-info h2{letter-spacing:.06em;}
.text-index-hero{padding-bottom:40px;}
.text-link-card:first-child{border-top:1px solid var(--line);}
@media(max-width:980px){.work-panel{min-height:auto;padding:70px 0 95px}.work-image-wrap,.work-info{width:100%;}.work-info{grid-template-columns:1fr;gap:12px}.work-info h2{font-size:34px}.work-count{margin:0}.work-meta{font-size:13px}}

/* V2.0.2 Typography and publication layout */
:root{--paper:#f7f5f0;--ink:#171717;--muted:#77746f;--line:#ded9cf;--soft-line:#ebe7df;--max:1360px;--side:clamp(24px,5vw,72px);}
body{font-family:"Cormorant Garamond","EB Garamond",Georgia,"Source Han Serif SC","Noto Serif SC","Songti SC",SimSun,serif;letter-spacing:.01em;}
.site-header,.brand,.site-header nav,.lang-toggle,.work-count,.work-meta,.event-year,.event-meta,.caption,.site-footer{font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;}
.page-hero{padding-top:160px;padding-bottom:58px;}
.page-hero h1{font-size:clamp(54px,5.8vw,90px);font-weight:300;letter-spacing:.02em;}
.text-index-hero{padding-bottom:22px;}
.link-library{max-width:1080px;padding-top:0;padding-bottom:48px;border-top:1px solid var(--line);}
.text-link-card{font-size:clamp(28px,3.1vw,48px);padding:28px 0;font-weight:300;line-height:1.1;}
.text-link-arrow{font-family:"Helvetica Neue",Arial,sans-serif;font-size:.48em;}
.text-overview{max-width:1080px;margin:0 auto;padding:34px var(--side) 130px;border-top:1px solid var(--line);}
.text-overview-section{padding:78px 0;border-top:1px solid var(--soft-line);scroll-margin-top:110px;}
.text-overview-section:first-child{border-top:none;padding-top:36px;}
.text-overview-heading{display:grid;grid-template-columns:minmax(160px,260px) 1fr;gap:48px;align-items:baseline;margin-bottom:28px;}
.text-overview-heading h2{font-size:clamp(26px,2.3vw,38px);font-weight:300;letter-spacing:.04em;line-height:1.2;}
.text-overview-heading .read-link{justify-self:end;margin:0;font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:12px;color:var(--muted);}
.publication-text{max-width:760px;margin-left:min(310px,30vw);font-size:18px;line-height:2.02;}
body.zh .publication-text{font-size:19px;line-height:2.08;}
.publication-section{padding:54px 0;border-top:1px solid var(--soft-line);}
.publication-section:first-child{border-top:none;padding-top:0;}
.publication-section h3{font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:clamp(17px,1.25vw,21px);font-weight:500;letter-spacing:.08em;line-height:1.45;margin:0 0 22px;color:var(--muted);text-indent:0;}
.publication-section p{max-width:760px;margin:0 0 1.05em;}
.reflection-block{padding:34px 0;border-top:1px solid var(--soft-line);}
.reflection-block:first-child{border-top:none;padding-top:0;}
.reflection-block p{max-width:760px;margin:0;}
.statement-page{max-width:1080px;padding-top:52px;}
.full-statement{max-width:760px;margin:0 auto;font-size:19px;line-height:2.02;}
body.zh .full-statement{font-size:20px;line-height:2.08;}
.selected-works{padding-top:0;}
.work-panel{padding-top:120px;}
.work-image-wrap{width:min(94vw,1630px);}
.work-info{width:min(94vw,1630px);grid-template-columns:120px minmax(240px,440px) 1fr;}
.work-info h2{font-size:clamp(32px,3.4vw,58px);}
@media(max-width:980px){.text-overview-heading{grid-template-columns:1fr;gap:12px}.text-overview-heading .read-link{justify-self:start}.publication-text{margin-left:0}.text-overview{padding-bottom:90px}.work-image-wrap,.work-info{width:100%}}

/* Prevent language flash before JavaScript applies the saved language. */
html:not(.lang-ready) body{visibility:hidden;}
html.lang-ready body{visibility:visible;}

/* Literature preview alignment */
.text-overview-section .publication-text{font-size:20px;line-height:1.95;max-width:820px;}
body.zh .text-overview-section .publication-text{font-family:"Noto Serif SC","Songti SC","SimSun",serif;letter-spacing:.02em;}
.text-overview-heading h2{font-weight:300;}


/* V2.0.5 Studio and final navigation refinements */
.studio-gallery{max-width:none;width:100%;padding:0 var(--side) 130px;margin:0 auto;}
.studio-frame{min-height:92vh;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);padding:90px 0;}
.studio-frame img{display:block;width:min(92vw,1540px);height:auto;max-height:78vh;object-fit:contain;}
.studio-frame:first-child{border-top:1px solid var(--line);}
.contact-page .contact-links{margin-top:54px;}
.contact-page .eyebrow{display:none;}
@media(max-width:980px){.studio-frame{min-height:auto;padding:64px 0}.studio-frame img{width:100%;max-height:none}}

/* V2.0.7 Studio gallery: compact browsing grid */
.studio-hero{padding-bottom:42px;}
.studio-gallery{
  max-width:1320px;
  width:100%;
  padding:0 var(--side) 130px;
  margin:0 auto;
  border-top:1px solid var(--line);
  column-count:3;
  column-gap:14px;
}
.studio-frame{
  display:block;
  min-height:0;
  border-top:none;
  padding:0;
  margin:0 0 14px;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
}
.studio-frame:first-child{border-top:none;}
.studio-frame img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:cover;
  filter:saturate(.96) contrast(.98);
  transition:opacity .28s ease;
}
.studio-frame img:hover{opacity:.86;}
@media(max-width:1100px){.studio-gallery{column-count:2;column-gap:12px}.studio-frame{margin-bottom:12px}}
@media(max-width:640px){.studio-gallery{column-count:1;padding-bottom:90px}.studio-frame{margin-bottom:12px}.studio-hero{padding-bottom:32px}}

/* V2.0.9 Studio final: compact archive grid, same paper background, hover zoom */
.studio-gallery{
  max-width:1500px;
  width:100%;
  padding:0 var(--side) 130px;
  margin:0 auto;
  border-top:1px solid var(--line);
  column-count:4;
  column-gap:6px;
  background:var(--paper);
  overflow:visible;
}
.studio-frame{
  display:block;
  position:relative;
  min-height:0;
  border-top:none;
  padding:0;
  margin:0 0 6px;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  overflow:visible;
}
.studio-frame:first-child{border-top:none;}
.studio-frame img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:cover;
  filter:none;
  cursor:zoom-in;
  position:relative;
  z-index:1;
  transform-origin:center center;
  transition:transform .35s ease, box-shadow .35s ease;
}
.studio-frame img:hover{
  opacity:1;
  transform:scale(1.3);
  z-index:50;
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
@media(max-width:1200px){.studio-gallery{column-count:3;column-gap:6px}.studio-frame{margin-bottom:6px}}
@media(max-width:780px){.studio-gallery{column-count:2;column-gap:5px}.studio-frame{margin-bottom:5px}}
@media(max-width:480px){.studio-gallery{column-count:1;padding-bottom:90px}.studio-frame{margin-bottom:6px}.studio-frame img:hover{transform:none;box-shadow:none}}


/* V2.1 Exhibition scene gallery */
.archive-photo-section{max-width:1500px;width:100%;padding:24px var(--side) 130px;margin:0 auto;background:var(--paper);}
.archive-photo-section .section-label{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 22px;border-top:1px solid var(--line);padding-top:28px;}
body.zh .archive-photo-section .section-label{font-size:16px;letter-spacing:.08em;text-transform:none;}
.exhibition-gallery{column-count:4;column-gap:6px;overflow:visible;}
.exhibition-frame{display:block;position:relative;margin:0 0 6px;break-inside:avoid;-webkit-column-break-inside:avoid;overflow:visible;}
.exhibition-frame img{display:block;width:100%;height:auto;cursor:zoom-in;position:relative;z-index:1;transition:transform .35s ease, box-shadow .35s ease;}
.exhibition-frame img:hover{transform:scale(1.3);z-index:50;box-shadow:0 18px 48px rgba(0,0,0,.18);}
@media(max-width:1200px){.exhibition-gallery{column-count:3;column-gap:6px}.exhibition-frame{margin-bottom:6px}}
@media(max-width:780px){.exhibition-gallery{column-count:2;column-gap:5px}.exhibition-frame{margin-bottom:5px}}
@media(max-width:480px){.exhibition-gallery{column-count:1}.exhibition-frame img:hover{transform:none;box-shadow:none}}


/* V2.2 Writing module */
.writing-hero{padding-bottom:30px;}
.writing-list{max-width:1080px;margin:0 auto;padding:0 var(--side) 140px;border-top:1px solid var(--line);}
.writing-preview{padding:86px 0;border-top:1px solid var(--soft-line);}
.writing-preview:first-child{border-top:none;}
.writing-preview h2{font-size:clamp(34px,3.8vw,62px);font-weight:300;letter-spacing:.035em;line-height:1.12;margin:0 0 36px;}
.writing-excerpt{max-width:780px;font-size:20px;line-height:2.02;margin-bottom:30px;}
body.zh .writing-excerpt{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:20px;line-height:2.08;letter-spacing:.02em;}
.writing-preview .read-link{font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:12px;color:var(--muted);}
.writing-preview .read-link:hover{color:var(--ink);}
.writing-detail-hero{padding-bottom:46px;}
.writing-detail-hero .back-link{display:inline-block;margin-bottom:46px;font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:12px;color:var(--muted);}
.writing-author{font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:13px;letter-spacing:.12em;color:var(--muted);margin-top:20px;text-transform:uppercase;}
body.zh .writing-author{text-transform:none;letter-spacing:.08em;font-size:14px;}
.writing-page{border-top:1px solid var(--line);}
.writing-full{max-width:780px;}
.writing-full p:first-child{font-size:clamp(24px,2.2vw,34px);line-height:1.45;margin-bottom:1.4em;color:var(--ink);}
@media(max-width:800px){.writing-list{padding-bottom:90px}.writing-preview{padding:62px 0}.writing-preview h2{font-size:34px}.writing-excerpt,body.zh .writing-excerpt{font-size:18px;line-height:1.9}.writing-detail-hero .back-link{margin-bottom:32px}}

/* Writing publication pages: book contents + individual chapter reading */
.writing-year{font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:13px;letter-spacing:.12em;color:var(--muted);margin:-18px 0 34px;text-transform:uppercase;}
body.zh .writing-year{letter-spacing:.05em;text-transform:none;}
.book-hero{padding-bottom:34px;}
.book-hero .back-link{display:inline-block;margin-bottom:46px;font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:12px;color:var(--muted);}
.book-year{margin-top:22px;margin-bottom:0;}
.book-contents-section{max-width:980px;margin:0 auto;padding:52px var(--side) 140px;border-top:1px solid var(--line);}
.book-contents-section h2{font-size:clamp(28px,3vw,46px);font-weight:300;letter-spacing:.04em;margin:0 0 46px;}
.book-contents{border-top:1px solid var(--soft-line);}
.chapter-row{display:grid;grid-template-columns:80px 1fr 30px;align-items:center;gap:20px;text-decoration:none;color:var(--ink);padding:28px 0;border-bottom:1px solid var(--soft-line);transition:opacity .25s ease;}
.chapter-row:hover{opacity:.58;}
.chapter-row .chapter-number{font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:12px;letter-spacing:.18em;color:var(--muted);}
.chapter-row .chapter-title{font-size:clamp(22px,2.2vw,34px);font-weight:300;letter-spacing:.025em;}
body.zh .chapter-row .chapter-title{font-family:"Noto Serif SC","Songti SC",SimSun,serif;letter-spacing:.12em;}
.chapter-arrow{color:var(--muted);font-size:18px;text-align:right;}
.chapter-layout{max-width:1320px;margin:0 auto;padding:130px var(--side) 150px;display:grid;grid-template-columns:230px minmax(0,760px);gap:min(8vw,120px);align-items:start;}
.chapter-sidebar{position:sticky;top:96px;font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:12px;color:var(--muted);letter-spacing:.08em;}
.chapter-sidebar .back-link{display:block;margin-bottom:44px;color:var(--muted);letter-spacing:.06em;}
.sidebar-title{margin-bottom:22px;text-transform:uppercase;color:var(--ink);}
body.zh .sidebar-title{text-transform:none;}
.chapter-contents{display:flex;flex-direction:column;gap:12px;}
.contents-link{display:grid;grid-template-columns:34px 1fr;gap:12px;color:var(--muted);text-decoration:none;line-height:1.35;letter-spacing:.03em;}
.contents-link:hover,.contents-link.active{color:var(--ink);}
.chapter-article{max-width:780px;}
.chapter-book-title{font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:46px;}
body.zh .chapter-book-title{text-transform:none;letter-spacing:.1em;}
.chapter-number-large{font-family:"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:12px;letter-spacing:.35em;color:var(--muted);text-align:center;margin-bottom:22px;}
.chapter-article h1{font-size:clamp(34px,4.5vw,64px);font-weight:300;letter-spacing:.035em;line-height:1.1;text-align:center;margin:0;}
body.zh .chapter-article h1{font-family:"Noto Serif SC","Songti SC",SimSun,serif;letter-spacing:.18em;}
.chapter-rule{height:1px;background:var(--line);margin:54px 0 58px;}
.chapter-body{font-size:19px;line-height:2.02;}
body.zh .chapter-body{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:20px;line-height:2.12;letter-spacing:.02em;}
.chapter-body p{margin-bottom:1.35em;}
.chapter-bottom-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;margin-top:86px;padding-top:34px;border-top:1px solid var(--line);}
.chapter-bottom-nav a{text-align:center;color:var(--muted);}
.chapter-bottom-nav a:first-child{text-align:left;}
.chapter-bottom-nav a:last-child{text-align:right;}
.chapter-bottom-nav a:hover{color:var(--ink);}
@media(max-width:980px){
  .chapter-layout{display:block;padding-top:96px;}
  .chapter-sidebar{position:relative;top:auto;margin-bottom:54px;padding-bottom:34px;border-bottom:1px solid var(--line);}
  .chapter-contents{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px;}
  .chapter-article{max-width:100%;}
}
@media(max-width:640px){
  .chapter-row{grid-template-columns:56px 1fr 22px;padding:22px 0;}
  .chapter-layout{padding:82px var(--side) 110px;}
  .chapter-contents{grid-template-columns:1fr;}
  .chapter-body,body.zh .chapter-body{font-size:18px;line-height:1.96;}
  .chapter-bottom-nav{grid-template-columns:1fr;gap:18px;}
  .chapter-bottom-nav a,.chapter-bottom-nav a:first-child,.chapter-bottom-nav a:last-child{text-align:left;}
}


/* 2026-06-27 writing readability refinements */
.writing-title-link{color:inherit;text-decoration:none;transition:opacity .25s ease;}
.writing-title-link:hover{opacity:.58;}
.book-contents-section h2{font-size:clamp(22px,2.2vw,34px);margin-bottom:34px;}
.chapter-row{padding:22px 0;}
.chapter-row .chapter-title{font-size:clamp(18px,1.55vw,26px);}
body.zh .chapter-row .chapter-title{letter-spacing:.08em;}
body.zh .writing-excerpt p,
body.zh .writing-full p,
body.zh .chapter-body p{text-indent:2em;}
body.zh .writing-excerpt p:first-child,
body.zh .writing-full p:first-child,
body.zh .chapter-body p:first-child{text-indent:2em;}
@media(max-width:800px){
  .book-contents-section h2{font-size:26px;}
  .chapter-row .chapter-title{font-size:22px;}
}

/* Formal footer / home page polish */
body{min-height:100vh;display:flex;flex-direction:column;}
main{flex:1;}
.home-hero{min-height:calc(100vh - 78px - 62px);padding:78px var(--side) 40px;}
.site-footer{border-top:1px solid rgba(217,212,202,.65);padding:20px var(--side);display:flex;justify-content:center;align-items:center;text-align:center;color:#9a9690;font-size:12px;letter-spacing:.04em;}
.site-footer .copyright{width:100%;}
@media(max-width:800px){.home-hero{min-height:calc(100vh - 78px - 62px);padding:110px var(--side) 42px}.site-footer{padding:22px var(--side);display:flex}.site-footer div+div{margin-top:0}}


/* V2.1.1 navigation cleanup + 40% larger studio/exhibition grids */
.site-header nav a[data-i18n="nav_home"]{display:none;}
.studio-gallery{max-width:1600px;column-count:3;}
.archive-photo-section{max-width:1600px;}
.exhibition-gallery{column-count:3;}
@media(max-width:1200px){.studio-gallery{column-count:2}.exhibition-gallery{column-count:2}}
@media(max-width:640px){.studio-gallery{column-count:1}.exhibition-gallery{column-count:1}}


/* On-painting section title refinement + cross-device spacing */
body.zh .publication-section h3{font-family:"Noto Sans SC","Helvetica Neue",Arial,sans-serif;font-size:clamp(18px,1.35vw,22px);font-weight:500;letter-spacing:.06em;text-indent:0;}
.publication-section h3 + p{margin-top:0;}
@media(max-width:980px){
  .text-overview-section{padding:64px 0;}
  .publication-section{padding:46px 0;}
  .publication-section h3{font-size:20px;margin-bottom:18px;}
}
@media(max-width:640px){
  .text-overview{padding-left:var(--side);padding-right:var(--side);padding-bottom:80px;}
  .text-overview-section{padding:52px 0;}
  .publication-text,body.zh .publication-text,.text-overview-section .publication-text,body.zh .text-overview-section .publication-text{font-size:18px;line-height:1.92;}
  .publication-section{padding:40px 0;}
  .publication-section h3,body.zh .publication-section h3{font-size:18px;line-height:1.45;margin-bottom:16px;letter-spacing:.05em;}
}

/* 2026-06-28 Mobile navigation fix: keep the full menu visible on phones and tablets */
@media(max-width:800px){
  .site-header{
    height:auto;
    min-height:78px;
    padding-top:22px;
    padding-bottom:16px;
    align-items:center;
    flex-wrap:wrap;
  }
  .brand{
    flex:1 1 auto;
  }
  .lang-toggle{
    flex:0 0 auto;
  }
  .site-header nav{
    order:3;
    display:flex;
    width:100%;
    margin-top:18px;
    padding-top:14px;
    border-top:1px solid rgba(217,212,202,.55);
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px 18px;
    font-size:11px;
    line-height:1.4;
    letter-spacing:.08em;
  }
  .site-header nav a{
    display:inline-block;
    padding:4px 0;
    color:var(--muted);
  }
  body.zh .site-header nav{
    font-size:13px;
    letter-spacing:.05em;
    gap:8px 16px;
  }
  .home-hero{
    min-height:calc(100vh - 132px - 62px);
    padding-top:160px;
  }
  .page-hero{
    padding-top:190px;
  }
  .page-hero.quote-only{
    padding-top:190px;
  }
  .chapter-layout{
    padding-top:150px;
  }
}

@media(min-width:801px) and (max-width:1100px){
  .site-header nav{
    gap:18px;
    font-size:11px;
  }
}


/* 2026-06-28 Mobile selected works metadata fix: prevent year/size text from being pushed off-screen */
@media (max-width: 640px){
  .selected-works{
    padding-left: clamp(20px, 5vw, 32px);
    padding-right: clamp(20px, 5vw, 32px);
  }
  .work-panel{
    padding: 56px 0 86px;
    gap: 22px;
  }
  .work-image-wrap,
  .work-info{
    width: 100%;
  }
  .work-info{
    display: grid;
    grid-template-columns: 58px 1fr;
    grid-template-areas:
      "count title"
      "meta meta";
    column-gap: 18px;
    row-gap: 14px;
    align-items: start;
  }
  .work-count{
    grid-area: count;
    margin: .45em 0 0;
    font-size: 12px;
    letter-spacing: .16em;
    white-space: nowrap;
  }
  .work-info h2{
    grid-area: title;
    margin: 0;
    font-size: clamp(32px, 10vw, 44px);
    line-height: 1.12;
    letter-spacing: .04em;
    word-break: keep-all;
  }
  .work-meta{
    grid-area: meta;
    width: 100%;
    margin-top: 2px;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: .04em;
    color: var(--muted);
    overflow-wrap: anywhere;
  }
  body.zh .work-meta{
    letter-spacing: .04em;
  }
}

@media (max-width: 380px){
  .work-info{
    grid-template-columns: 1fr;
    grid-template-areas:
      "count"
      "title"
      "meta";
  }
  .work-count{
    margin: 0;
  }
}

/* 2026-06-28 Mobile writing-book contents refinement: reduce oversized book titles and chapter list text */
@media (max-width: 640px){
  .book-hero{
    padding-top: 150px;
    padding-bottom: 34px;
  }
  .book-hero .back-link{
    margin-bottom: 38px;
    font-size: 12px;
    letter-spacing: .12em;
  }
  .book-hero h1{
    font-size: clamp(42px, 10.5vw, 54px);
    line-height: 1.12;
    letter-spacing: .02em;
  }
  body.zh .book-hero h1{
    font-size: clamp(44px, 11vw, 56px);
    letter-spacing: .06em;
  }
  .book-year,
  .writing-year{
    font-size: 12px;
    margin-top: 18px;
  }
  .book-contents-section{
    padding-top: 46px;
    padding-bottom: 110px;
  }
  .book-contents-section h2{
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 34px;
  }
  body.zh .book-contents-section h2{
    font-size: 34px;
    letter-spacing: .06em;
  }
  .chapter-row{
    grid-template-columns: 44px minmax(0, 1fr) 22px;
    gap: 14px;
    padding: 24px 0;
  }
  .chapter-row .chapter-number{
    font-size: 12px;
    letter-spacing: .16em;
  }
  .chapter-row .chapter-title{
    font-size: clamp(22px, 6vw, 28px);
    line-height: 1.35;
    letter-spacing: .015em;
  }
  body.zh .chapter-row .chapter-title{
    font-size: clamp(24px, 6.2vw, 30px);
    line-height: 1.35;
    letter-spacing: .05em;
  }
  .chapter-arrow{
    font-size: 16px;
  }
}

@media (max-width: 380px){
  .book-hero h1,
  body.zh .book-hero h1{
    font-size: 44px;
  }
  .book-contents-section h2,
  body.zh .book-contents-section h2{
    font-size: 30px;
  }
  .chapter-row .chapter-title,
  body.zh .chapter-row .chapter-title{
    font-size: 23px;
  }
}

/* 2026-06-28 Compact mobile writing-book contents: keep short chapter lists visible without excessive scrolling */
@media (max-width: 640px){
  .book-hero{
    padding-top: 92px;
    padding-bottom: 22px;
    min-height: auto;
  }
  .book-hero .back-link{
    margin-bottom: 28px;
    font-size: 11px;
    letter-spacing: .10em;
  }
  .book-hero h1{
    font-size: clamp(34px, 8.2vw, 42px);
    line-height: 1.08;
    letter-spacing: .01em;
  }
  body.zh .book-hero h1{
    font-size: clamp(36px, 8.8vw, 44px);
    line-height: 1.08;
    letter-spacing: .045em;
  }
  .book-year,
  .writing-year{
    margin-top: 12px;
    font-size: 11px;
  }
  .book-contents-section{
    padding-top: 28px;
    padding-bottom: 72px;
  }
  .book-contents-section h2{
    font-size: 24px;
    line-height: 1.15;
    margin-bottom: 22px;
  }
  body.zh .book-contents-section h2{
    font-size: 26px;
    letter-spacing: .05em;
  }
  .chapter-row{
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    gap: 10px;
    padding: 16px 0;
    min-height: auto;
  }
  .chapter-row .chapter-number{
    font-size: 10px;
    letter-spacing: .12em;
  }
  .chapter-row .chapter-title{
    font-size: clamp(17px, 4.6vw, 22px);
    line-height: 1.24;
    letter-spacing: .01em;
  }
  body.zh .chapter-row .chapter-title{
    font-size: clamp(19px, 5vw, 24px);
    line-height: 1.22;
    letter-spacing: .04em;
  }
  .chapter-arrow{
    font-size: 14px;
  }
}

@media (max-width: 380px){
  .book-hero{padding-top:82px;}
  .book-hero h1{font-size:34px;}
  body.zh .book-hero h1{font-size:36px;}
  .book-contents-section h2{font-size:23px;}
  body.zh .book-contents-section h2{font-size:25px;}
  .chapter-row{padding:14px 0;}
  .chapter-row .chapter-title{font-size:17px;}
  body.zh .chapter-row .chapter-title{font-size:19px;}
}
