@font-face{font-family:TeaSerif;src:url('assets/tea-serif-en.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
:root{--paper:#f7f8f4;--ink:#263d31;--muted:#56665a;--sage:#e7ece3;--deep:#172a20;--white:#fff;--serif:TeaSerif,'Songti SC','SimSun',serif;--sans:'Microsoft YaHei','PingFang SC',sans-serif;--gutter:clamp(22px,4.5vw,72px);--gap:clamp(22px,3vw,48px);--body:18px;--small:14px;--title:clamp(32px,3.2vw,48px);--display:clamp(48px,7.2vw,104px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--muted) var(--paper);scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:var(--body);font-weight:400;line-height:1.95;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none;text-underline-offset:.35em}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:6px}a:hover{text-decoration:underline}button:hover{color:var(--muted)}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}img{display:block;max-width:100%;height:auto}figure,p,h1,h2{margin:0}h1,h2{font-weight:400;text-wrap:balance;line-height:1.4}h2{font-size:var(--title);letter-spacing:.015em}svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}p+p{margin-top:1.2em}.skip-link{position:fixed;left:20px;top:12px;transform:translateY(-180%);background:var(--paper);color:var(--ink);padding:8px 18px;z-index:100}.skip-link:focus{transform:none}
.site-header{position:absolute;top:0;left:0;width:100%;padding:28px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:28px;z-index:10;color:var(--ink);font-family:var(--sans);font-size:var(--small);background:none}.wordmark{font-family:var(--serif);font-size:24px;white-space:nowrap;letter-spacing:.1em}.site-header nav{display:flex;align-items:center;gap:clamp(22px,2.7vw,44px)}.site-header nav a{padding:6px 0}.menu-toggle{display:none}.hero{height:100svh;min-height:640px;max-height:1100px;position:relative;color:var(--white);background:var(--deep);isolation:isolate}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 60%)}.hero-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:8.4%;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}h1{font-size:var(--display);letter-spacing:.035em;line-height:1.3}.read-link{display:flex;align-items:center;gap:28px;padding:10px 0;font-size:16px;font-family:var(--sans)}.read-link svg{width:22px;height:30px;transition:transform .35s var(--ease)}.read-link:hover svg{transform:translateY(5px)}
.chapter{padding:130px var(--gutter);scroll-margin-top:25px}.chapter-inner{max-width:1280px;margin-inline:auto}.chapter-opening{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,8vw,120px);align-items:start;margin-bottom:80px}.chapter-opening h2{max-width:10.8em}.prose{max-width:37em;line-height:2.05}.chapter-opening .prose p:first-child{font-size:24px;line-height:1.9}.chapter-1 .chapter-opening .prose p:first-child{margin-bottom:28px}.photo-link{display:block;overflow:hidden;background:var(--sage);cursor:zoom-in}.photo-link img{width:100%;transition:transform .65s var(--ease)}.photo-link:hover img{transform:scale(1.025)}figcaption{font-size:var(--small);font-family:var(--sans);line-height:1.85;color:var(--muted);padding-top:18px;max-width:45em}figcaption:empty{display:none}.photo-pair{display:grid;grid-template-columns:5fr 7fr;gap:var(--gap);align-items:start}.factory-pair>figure:first-child{max-width:400px}.factory-pair>figure:nth-child(2){padding-top:140px}.photo-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:100px}.photo-trio img{aspect-ratio:3/4;object-fit:cover}.photo-trio>figure:nth-child(2){padding-top:100px}.photo-trio>figure:nth-child(3){padding-top:40px}.single-aside{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,140px);align-items:center;max-width:980px;margin:110px auto 0}.single-aside p{font-size:24px;line-height:1.9}.single-aside figure{max-width:410px}
.chapter-2{background:var(--sage);padding-bottom:120px}.landscape-layout{display:grid;grid-template-columns:5fr 7fr;gap:clamp(30px,8vw,120px);align-items:center}.landscape-layout>figure:first-child{max-width:390px}.landscape-layout>figure:nth-child(2){padding-top:150px;max-width:600px}.landscape-wide{margin-top:100px;display:grid;grid-template-columns:8fr 4fr;align-items:end;gap:var(--gap)}.landscape-wide .prose{font-size:18px}.landscape-wide figure img{aspect-ratio:4/3;object-fit:cover}
.chapter-3 .chapter-opening{margin-bottom:40px}.gallery-actions{display:flex;justify-content:flex-end;gap:12px;margin-bottom:20px}.gallery-actions button{width:46px;height:46px;display:grid;place-items:center;background:var(--sage)}.tree-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 0 22px;overscroll-behavior-x:contain}.tree-gallery figure{flex:0 0 auto;scroll-snap-align:start;width:280px}.tree-gallery img{width:280px;height:498px;object-fit:cover}.tree-gallery figcaption{font-size:14px}.tree-notes{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;row-gap:28px;margin-top:55px}.tree-notes p{margin:0;line-height:2}.tree-notes p:first-child{align-self:end}.tree-notes p:nth-child(2){grid-column:2;grid-row:1 / span 2}.tree-notes p:last-child{grid-column:2;grid-row:3}.tree-notes p:nth-child(3){grid-column:1;grid-row:2 / span 2}
.chapter-4{background:var(--deep);color:var(--paper)}.chapter-4 figcaption{color:#d0dacd}.process-layout{display:grid;grid-template-columns:7fr 5fr;gap:clamp(40px,6vw,90px);align-items:center}.process-layout .photo-link{background:var(--ink)}.wok-pair{max-width:1000px;margin:90px auto 0;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,120px)}.wok-pair>figure:nth-child(2){margin-top:120px}.wok-pair img{aspect-ratio:9/16;object-fit:cover}.steps{max-width:740px;margin:0 0 80px auto;padding-left:1.7em;line-height:1.9}.steps li{padding-left:12px;margin-bottom:14px}.steps li::marker{font-family:var(--serif);font-variant-numeric:tabular-nums}.chapter-5 .chapter-opening{margin-bottom:35px}.cake-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px var(--gap);align-items:start}.cake-gallery img{aspect-ratio:3/4;object-fit:cover}.cake-gallery>figure:nth-child(2){padding-top:75px}.cake-gallery>figure:nth-child(4){grid-column:1 / span 2;width:65%;justify-self:center}.cake-gallery>figure:nth-child(5){grid-column:3;padding-top:100px}.tea-finish{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);align-items:center;margin-top:120px;max-width:1000px;margin-inline:auto}.tea-finish figure{max-width:420px}.tea-finish p{font-size:24px;line-height:1.85;max-width:15em}footer{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:55px var(--gutter);gap:30px}footer>a:first-child{font-size:24px;letter-spacing:.1em}footer>a:last-child{font-family:var(--sans);font-size:14px;display:flex;align-items:center;gap:16px}
dialog{border:0;background:var(--deep);color:var(--paper);padding:24px 40px 30px;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:rgba(0,0,0,.85)}dialog[open]{display:flex;flex-direction:column}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;font:14px/1.6 var(--sans)}.viewer-count{font-variant-numeric:tabular-nums}.viewer-close{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 8px}.viewer-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:24px;min-height:0;flex:1;padding:18px 0}.viewer-image{width:100%;height:100%;min-height:0;object-fit:contain}.viewer-prev,.viewer-next{display:grid;place-items:center;width:48px;height:48px;background:var(--ink)}.viewer-caption{align-self:center;max-width:70ch;font-size:16px;line-height:1.8;text-align:center}.viewer-original{align-self:center;margin-top:12px;font:13px/1.8 var(--sans);text-decoration:underline}.not-found{min-height:100svh;display:grid;place-items:center;text-align:center;padding:24px}.not-found h1{font-size:40px;margin-bottom:30px}.not-found a{text-decoration:underline}
@media(min-width:761px){.hero-caption{animation:hero-enter 1.2s var(--ease) both}@keyframes hero-enter{from{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:none}}}
@media(max-width:1000px){.site-header nav{gap:22px}.chapter-opening{gap:40px}.chapter{padding-block:100px}.chapter-opening h2{font-size:36px}.factory-pair>figure:nth-child(2){padding-top:80px}.tree-notes{column-gap:40px}.landscape-wide{grid-template-columns:1fr}.landscape-wide .prose{max-width:40em;margin:25px 0 0 auto}.tea-finish p{font-size:24px}.cake-gallery>figure:nth-child(4){width:80%}}
@media(max-width:760px){:root{--body:17px;--gutter:22px;--small:14px;--gap:22px}html{scroll-padding-top:24px}.site-header{padding-top:20px;align-items:flex-start;flex-wrap:wrap;gap:16px}.wordmark{font-size:22px}.site-header nav{width:100%;flex-wrap:wrap;gap:8px 24px;font-size:14px}.js .menu-toggle{display:block;font-size:15px;min-width:44px;min-height:44px;margin-top:-4px}.js .site-header nav{display:none}.js .site-header.menu-open{background:var(--deep);color:var(--paper)}.js .site-header.menu-open nav{display:grid;grid-template-columns:1fr 1fr;padding:8px 0 16px;gap:10px 24px}.site-header nav a{padding:10px 0}.hero{min-height:600px;max-height:900px}.hero-photo{object-position:47% center}.hero-caption{bottom:7%;display:block}.hero h1{font-size:clamp(44px,11.5vw,80px);letter-spacing:.015em}.read-link{margin-top:20px;display:inline-flex;font-size:14px;gap:20px}.chapter{padding-block:74px}.chapter-opening{display:block;margin-bottom:42px}.chapter-opening h2{font-size:30px;max-width:11.5em;margin-bottom:32px;line-height:1.5}.chapter-opening .prose p:first-child{font-size:18px}.prose{line-height:2}.photo-pair{grid-template-columns:1fr;gap:38px}.factory-pair>figure:first-child{width:76%;max-width:none}.factory-pair>figure:nth-child(2){padding-top:0}.photo-trio{grid-template-columns:1fr 1fr;gap:34px 18px;margin-top:40px}.photo-trio>figure:nth-child(2){padding-top:70px}.photo-trio>figure:nth-child(3){grid-column:1 / -1;width:72%;padding-top:0;justify-self:center}.photo-trio img{aspect-ratio:auto}.single-aside{margin-top:55px;display:flex;flex-direction:column;gap:28px}.single-aside p{font-size:18px}.single-aside figure{width:76%;align-self:flex-end}figcaption{font-size:14px;padding-top:12px;line-height:1.85}.landscape-layout{grid-template-columns:1fr 1fr;gap:18px;align-items:start}.landscape-layout>figure:nth-child(2){padding-top:60px}.landscape-wide{margin-top:45px;gap:12px}.landscape-wide .prose{font-size:18px;margin-top:16px}.tree-gallery{margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter);gap:18px}.tree-gallery figure{width:72vw;max-width:310px}.tree-gallery img{width:100%;height:480px;max-height:65svh}.gallery-actions{margin-bottom:16px}.tree-notes{display:block;margin-top:35px}.tree-notes p+p{margin-top:24px}.process-layout{display:flex;flex-direction:column;gap:35px}.process-layout figure{width:100%}.wok-pair{margin-top:40px;grid-template-columns:1fr 1fr;gap:18px}.wok-pair>figure:nth-child(2){margin-top:65px}.steps{font-size:16px;margin-bottom:45px;padding-left:1.5em}.steps li{padding-left:5px;margin-bottom:16px}.cake-gallery{grid-template-columns:1fr 1fr;gap:36px 18px}.cake-gallery>figure:nth-child(2){padding-top:60px}.cake-gallery>figure:nth-child(4){grid-column:auto;width:100%;padding-top:60px}.cake-gallery>figure:nth-child(5){grid-column:1 / -1;padding-top:0;width:72%;justify-self:center}.cake-gallery img{aspect-ratio:auto}.tea-finish{margin-top:70px;gap:30px;display:block}.tea-finish figure{width:76%;margin-right:auto}.tea-finish p{margin:32px 0 0 auto;font-size:22px;max-width:13em}footer{padding-block:35px}footer>a:first-child{font-size:25px}dialog{padding:12px 16px 22px}.viewer-stage{grid-template-columns:1fr;position:relative;gap:0;padding-bottom:55px;min-height:240px}.viewer-prev,.viewer-next{position:absolute;bottom:0;z-index:1}.viewer-prev{left:calc(50% - 60px)}.viewer-next{right:calc(50% - 60px)}.viewer-caption{font-size:14px;margin-top:18px}.viewer-original{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.photo-link:hover img{transform:none}}

@media(min-width:761px) and (max-width:1000px){.chapter-opening{grid-template-columns:1fr;gap:28px}.chapter-opening h2{max-width:none}.chapter-opening .prose{margin-left:20%}}

/* English edition: retain the existing composition with readable Latin measures. */
html[lang="en"] body{line-height:1.7;font-feature-settings:"palt" 1}
html[lang="en"] h1{max-width:10.5em;letter-spacing:0;line-height:1.12}
html[lang="en"] h2{letter-spacing:0;line-height:1.25}
html[lang="en"] .wordmark,html[lang="en"] footer>a:first-child{letter-spacing:0}
html[lang="en"] .prose,html[lang="en"] .tree-notes p{line-height:1.75}
html[lang="en"] .chapter-opening .prose p:first-child{line-height:1.65}
html[lang="en"] figcaption{line-height:1.65}
html[lang="en"] .single-aside p,html[lang="en"] .tea-finish p{line-height:1.6}
/* Keep chapter navigation available throughout the study. */
.site-header{position:fixed;background:var(--paper);padding-block:18px;border-bottom:1px solid var(--sage);max-height:100dvh;overflow-y:auto}
html{scroll-padding-top:100px}
@media(max-width:760px){.site-header{padding-block:16px}html{scroll-padding-top:92px}html:not(.js){scroll-padding-top:260px}}
@media(max-width:760px){html[lang="en"] .hero h1{font-size:clamp(44px,11.5vw,80px);max-width:7.2em}html[lang="en"] .chapter-opening h2{font-size:28px;max-width:none}html[lang="en"] .viewer-caption{line-height:1.6}}