:root{color-scheme:light;--paper:#eee9df;--paper-light:#faf7f0;--paper-deep:#d9d0c2;--ink:#1c211d;--soft:#51584f;--muted:#73796f;--forest:#17231f;--forest-2:#223029;--bronze:#996641;--line:rgba(31,39,32,.16);--light-line:rgba(250,247,240,.18);--serif:"Songti SC",STSong,"Noto Serif CJK SC",SimSun,serif;--sans:system-ui,-apple-system,"PingFang SC",sans-serif}*,*::before,*::after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:clamp(1rem,.96rem + .14vw,1.07rem);line-height:1.85;-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:auto}a{color:inherit}figure,h1,h2,h3,p,dl,dd,ol,blockquote{margin:0}h1,h2,h3,strong,blockquote{font-family:var(--serif);font-weight:500;text-wrap:balance}h2{font-size:clamp(2.7rem,4.8vw,4.8rem);letter-spacing:.04em;line-height:1.28}h3{font-size:clamp(1.8rem,2.8vw,2.8rem);letter-spacing:.05em}p,dd{text-wrap:pretty}.page-shell{width:min(100% - 80px,1280px);margin-inline:auto}.section-space{padding-block:clamp(6rem,10vw,10rem)}.skip-link{position:fixed;z-index:100;top:.7rem;left:.7rem;padding:.7rem 1rem;background:var(--forest);color:var(--paper-light);transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);background:rgba(238,233,223,.96)}.site-header__inner{display:flex;min-height:72px;align-items:center;justify-content:space-between}.brand{font-family:var(--serif);font-size:1.25rem;font-weight:600;letter-spacing:.2em;text-decoration:none}.site-header nav{display:flex;gap:1.8rem}.site-header nav a{color:var(--muted);font-size:.7rem;letter-spacing:.18em;text-decoration:none}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--bronze)}.eyebrow,.chapter,figcaption,.image-source,.tea-card div>p,dt{font-size:.7rem;font-weight:600;letter-spacing:.16em}.eyebrow{color:var(--bronze)}.eyebrow--light,.chapter--light{color:rgba(250,247,240,.58)}.chapter{color:var(--muted)}figcaption{margin-top:.65rem;color:var(--muted);letter-spacing:.1em}

.hero{position:relative;min-height:calc(100svh - 72px);overflow:hidden;background:var(--forest);color:var(--paper-light)}.hero figure,.hero figure img,.hero__shade{position:absolute;inset:0;width:100%;height:100%}.hero figure img{object-fit:cover;object-position:center}.hero__shade{background:linear-gradient(90deg,rgba(8,14,11,.7),rgba(8,14,11,.25) 62%,rgba(8,14,11,.08)),linear-gradient(0deg,rgba(8,14,11,.42),transparent 46%)}.hero__copy{position:relative;z-index:1;display:grid;min-height:calc(100svh - 72px);align-content:center;gap:1.2rem}.hero h1{max-width:8em;font-size:clamp(4rem,7.8vw,8rem);letter-spacing:.07em;line-height:1.14}.hero__copy>p:last-child{max-width:27em;color:rgba(250,247,240,.78);font-family:var(--serif);font-size:clamp(1.2rem,1rem + .65vw,1.7rem)}.image-source{position:absolute;z-index:1;right:2rem;bottom:1.6rem;color:rgba(250,247,240,.56);letter-spacing:.08em}

.opening{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:clamp(3rem,8vw,8rem)}.opening>div{display:grid;max-width:54rem;gap:1.4rem}.opening .lead{color:var(--forest);font-family:var(--serif);font-size:clamp(1.35rem,2.1vw,1.95rem);line-height:1.7}.opening>div>p:last-child{max-width:43em;color:var(--soft)}

.place-feature{padding-block:clamp(6rem,9vw,9rem);border-block:1px solid var(--line);background:var(--paper-light)}.place-feature__inner{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(4rem,9vw,9rem)}.place-feature figure img{aspect-ratio:4/5;object-fit:cover}.place-feature__copy{display:grid;gap:1rem}.place-feature__copy dl{display:grid;margin-top:2rem;border-top:1px solid var(--line)}.place-feature__copy dl>div{display:grid;grid-template-columns:8rem 1fr;gap:2rem;padding:1.55rem 0;border-bottom:1px solid var(--line)}.place-feature__copy dt{color:var(--bronze);font-family:var(--serif);font-size:1.5rem;letter-spacing:.08em}.place-feature__copy dd{display:grid;gap:.65rem}.place-feature__copy dd p{color:var(--soft)}.place-feature__copy dd span{color:var(--muted);font-size:.72rem;letter-spacing:.12em}.place-feature aside{display:grid;grid-template-columns:12rem 1fr;gap:2rem;margin-top:1.2rem;padding:1.4rem;border-left:2px solid var(--bronze);background:var(--paper)}.place-feature aside p{color:var(--soft);font-size:.9rem}

.garden{padding-block:clamp(6.5rem,10vw,10rem);background:var(--forest);color:var(--paper-light)}.section-heading{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:clamp(3rem,8vw,8rem)}.section-heading>div{display:grid;max-width:55rem;gap:1rem}.section-heading h2{color:inherit}.section-heading>div>p:last-child{max-width:42em;color:rgba(250,247,240,.65)}.garden__visual{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(4rem,9vw,9rem);margin-top:clamp(4rem,7vw,7rem)}.garden__visual figure img{height:min(68vw,760px);object-fit:cover;object-position:center}.garden__visual figcaption{color:rgba(250,247,240,.5)}.garden__visual dl{display:grid;border-top:1px solid var(--light-line)}.garden__visual dl>div{display:grid;grid-template-columns:9rem 1fr;gap:1.5rem;padding:1.4rem 0;border-bottom:1px solid var(--light-line)}.garden__visual dt{color:rgba(250,247,240,.47)}.garden__visual dd{font-family:var(--serif);font-size:clamp(1.05rem,1rem + .3vw,1.3rem)}.boundary{max-width:58rem;margin:3rem 0 0 auto;padding-left:1rem;border-left:1px solid var(--bronze);color:var(--soft);font-size:.82rem}.boundary--light{color:rgba(250,247,240,.54)}

.craft{padding-block:clamp(6.5rem,10vw,10rem)}.craft .section-heading>div>p:last-child{color:var(--soft)}.craft-scenes{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(17rem,.7fr);align-items:end;gap:1.25rem;margin-top:clamp(4rem,7vw,7rem)}.craft-scenes figure:first-child img{aspect-ratio:16/10;object-fit:cover}.craft-scenes figure:last-child{padding-bottom:3rem}.craft-scenes figure:last-child img{aspect-ratio:4/3;object-fit:cover}.process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:clamp(4rem,7vw,7rem) 0 0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line);list-style:none}.process li{display:grid;min-height:118px;align-content:space-between;padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.process span{color:var(--muted);font-size:.66rem;letter-spacing:.14em}.process strong{font-size:clamp(1rem,.95rem + .3vw,1.2rem);letter-spacing:.08em}.craft blockquote{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3rem;margin-top:clamp(4rem,7vw,7rem);padding-top:2.5rem;border-top:1px solid var(--line)}.craft blockquote p{font-size:clamp(2.1rem,4.3vw,4.3rem);letter-spacing:.07em}.craft cite{color:var(--muted);font-size:.72rem;font-style:normal;letter-spacing:.14em}

.teas{padding-block:clamp(6.5rem,10vw,10rem);border-top:1px solid var(--line);background:var(--paper-light)}.section-heading--teas>div>p:last-child{color:var(--soft)}.tea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(4rem,7vw,7rem);background:var(--line)}.tea-card{display:grid;min-height:520px;grid-template-rows:310px 1fr;background:var(--paper-light);color:inherit;text-decoration:none}.tea-card--large{grid-column:1/-1;grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);grid-template-rows:none;min-height:500px}.tea-card figure{min-width:0;overflow:hidden;background:var(--forest)}.tea-card img{height:100%;object-fit:cover;transition:transform .4s ease}.tea-card>div{display:grid;align-content:center;gap:.8rem;padding:clamp(1.7rem,3vw,3rem)}.tea-card div>p{color:var(--bronze)}.tea-card div>span{color:var(--muted);font-size:.8rem}.tea-card:hover img,.tea-card:focus-visible img{transform:scale(1.025)}.tea-card:hover h3,.tea-card:focus-visible h3{color:var(--bronze)}

.source-note{padding-block:clamp(5.5rem,9vw,9rem);background:var(--forest-2);color:var(--paper-light)}.source-note>div{display:grid;grid-template-columns:9rem minmax(16rem,.75fr) minmax(0,1.25fr);align-items:end;gap:clamp(2rem,6vw,6rem)}.source-note h2{font-size:clamp(2.5rem,4.4vw,4.3rem)}.source-note>div>p:last-child{max-width:42em;color:rgba(250,247,240,.65)}.site-footer{background:var(--forest);color:var(--paper-light)}.site-footer>div{display:flex;min-height:150px;align-items:center;justify-content:space-between}.site-footer>div>p:last-child{color:rgba(250,247,240,.48);font-size:.72rem;letter-spacing:.14em}

@media(max-width:900px){.page-shell{width:min(100% - 40px,760px)}.opening,.section-heading{grid-template-columns:1fr;gap:1.2rem}.place-feature__inner,.garden__visual{grid-template-columns:1fr}.place-feature figure{width:min(76%,34rem)}.garden__visual figure{width:min(76%,34rem)}.garden__visual figure img{height:auto;aspect-ratio:3/4}.process{grid-template-columns:repeat(4,minmax(0,1fr))}.source-note>div{grid-template-columns:1fr}.tea-card--large{grid-template-columns:1fr;grid-template-rows:360px 1fr;min-height:600px}}
@media(max-width:600px){.page-shell{width:min(100% - 32px,560px)}.site-header__inner{min-height:64px}.site-header nav{gap:1rem}.hero{min-height:calc(100svh - 64px)}.hero__copy{min-height:calc(100svh - 64px);align-content:end;padding-bottom:5rem}.hero figure img{object-position:58% center}.hero__shade{background:linear-gradient(0deg,rgba(8,14,11,.78),rgba(8,14,11,.15) 75%)}.hero h1{font-size:clamp(2.9rem,13vw,3.25rem);letter-spacing:.045em;white-space:nowrap}.image-source{right:1rem;bottom:1rem}.section-space,.place-feature,.garden,.craft,.teas{padding-block:5rem}.place-feature figure,.garden__visual figure{width:100%}.place-feature__copy dl>div,.garden__visual dl>div{grid-template-columns:1fr;gap:.45rem}.place-feature aside{grid-template-columns:1fr}.craft-scenes{grid-template-columns:1fr}.craft-scenes figure:last-child{width:78%;padding-bottom:0}.process{grid-template-columns:repeat(2,minmax(0,1fr))}.process li{min-height:105px}.craft blockquote{grid-template-columns:1fr}.tea-grid{grid-template-columns:1fr}.tea-card,.tea-card--large{grid-column:auto;grid-template-columns:1fr;grid-template-rows:250px 1fr;min-height:500px}.source-note>div{gap:1rem}.site-footer>div{min-height:180px;align-items:flex-start;flex-direction:column;justify-content:center;gap:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}
.skip-link{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;transform:none}.skip-link:focus{top:.7rem;left:.7rem;width:auto;height:auto;overflow:visible;clip-path:none;padding:.7rem 1rem;background:var(--forest);color:var(--paper-light)}

/* Standardized tea index: one calm structure for every tea. */
.tea-list{display:grid;margin-top:clamp(4rem,7vw,7rem);border-top:1px solid var(--line)}
.tea-list .tea-card{display:grid;grid-template-columns:8rem minmax(19rem,.82fr) minmax(0,1.18fr);grid-template-rows:minmax(0,1fr);width:100%;height:340px;min-height:0;border-bottom:1px solid var(--line);background:var(--paper-light);color:inherit;text-decoration:none}
.tea-card__place{display:grid;align-content:space-between;gap:1rem;padding:1.5rem 1.25rem;border-right:1px solid var(--line)}
.tea-card .tea-card__place>span{color:var(--muted);font-size:.7rem;letter-spacing:.16em}
.tea-card__place p{color:var(--bronze);font-family:var(--serif);font-size:.7rem;font-weight:600;letter-spacing:.16em;line-height:1.6;writing-mode:vertical-rl}
.tea-list .tea-card figure{min-width:0;overflow:hidden;background:var(--forest)}
.tea-list .tea-card img{height:100%;object-fit:cover;transition:transform .4s ease}
.tea-card__body{display:grid;align-content:center;gap:1rem;padding:clamp(2rem,4vw,4rem);border-left:1px solid var(--line)}
.tea-card .tea-card__type{color:var(--bronze);font-size:.7rem;font-weight:600;letter-spacing:.16em}
.tea-facts{display:flex;flex-wrap:wrap;margin-top:.5rem;color:var(--muted);font-size:.78rem;letter-spacing:.04em}
.tea-card .tea-facts span{padding-right:1rem;color:inherit;font-size:inherit}
.tea-card .tea-facts span+span{padding-left:1rem;border-left:1px solid var(--line)}
.tea-card--collector .tea-card__place,.tea-card--collector .tea-card__body{background:var(--forest);color:var(--paper-light)}
.tea-card--collector .tea-card__place,.tea-card--collector .tea-card__body{border-color:var(--light-line)}
.tea-card--collector .tea-card__place>span,.tea-card--collector .tea-facts{color:rgba(250,247,240,.55)}
.tea-card--collector .tea-card__type,.tea-card--collector .tea-card__place p{color:#c99970}
.tea-card--collector .tea-facts span+span{border-color:var(--light-line)}
.tea-list .tea-card:hover img,.tea-list .tea-card:focus-visible img{transform:scale(1.025)}
.tea-list .tea-card:hover h3,.tea-list .tea-card:focus-visible h3{color:var(--bronze)}
.tea-list .tea-card--collector:hover h3,.tea-list .tea-card--collector:focus-visible h3{color:#d7aa83}

@media(max-width:900px){.tea-list .tea-card{grid-template-columns:6.5rem minmax(15rem,.8fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr);height:300px;min-height:0}.tea-card__body{padding:2rem}}
@media(max-width:600px){.tea-list .tea-card{grid-template-columns:4.5rem minmax(0,1fr);grid-template-rows:230px auto;height:auto;min-height:0}.tea-card__place{grid-row:1/3;padding:1.2rem .85rem}.tea-card__place p{font-size:.62rem}.tea-list .tea-card figure{grid-column:2}.tea-card__body{grid-column:2;padding:1.8rem 1.5rem 2.1rem;border-left:0;border-top:1px solid var(--line)}.tea-card--collector .tea-card__body{border-color:var(--light-line)}.tea-facts{display:grid;gap:.45rem}.tea-card .tea-facts span,.tea-card .tea-facts span+span{padding:0;border:0}}
.source-note>div{grid-template-columns:9rem minmax(25rem,1.08fr) minmax(22rem,.92fr);align-items:center}
@media(max-width:900px){.source-note>div{grid-template-columns:1fr;align-items:start}}