:root{--paper:#f2ece0;--paper-2:#e8dfcc;--ink:#1d1812;--ink-soft:#52483c;--night:#15110c;--night-2:#211b14;--moss:#5a6648;--seal:#9c3a2c;--cream:#f5efe3;--line:#1d181229;--line-light:#f5efe338;--serif:"Noto Serif TC", "Songti TC", "PMingLiU", serif;--latin:"Cormorant Garamond", "Times New Roman", serif;--wrap:1180px;--gutter:clamp(20px, 5vw, 56px);--header-h:68px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--serif);letter-spacing:.04em;-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.95}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,figure,blockquote,dl,dd{margin:0;padding:0}ul{list-style:none}:focus-visible{outline:2px solid var(--seal);outline-offset:3px}.skip{background:var(--ink);color:var(--cream);z-index:100;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.wrap{width:min(100% - var(--gutter) * 2, var(--wrap));margin-inline:auto}.latin{font-family:var(--latin);letter-spacing:.02em;font-style:italic}.eyebrow{font-family:var(--latin);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);font-size:.82rem}.num{font-family:var(--latin);letter-spacing:.16em;color:var(--ink-soft);align-items:center;gap:14px;margin-bottom:22px;font-size:.95rem;display:flex}.num:after{content:"";opacity:.5;background:currentColor;width:56px;height:1px}.h2{font-family:var(--latin);letter-spacing:.01em;font-size:clamp(2.6rem,6vw,4.4rem);font-style:italic;font-weight:500;line-height:1.05}.h2 small{font-family:var(--serif);letter-spacing:.3em;color:var(--ink-soft);margin-top:10px;font-size:1rem;font-style:normal;display:block}.lead{color:var(--ink-soft);font-size:clamp(1.02rem,1.5vw,1.15rem)}.section{padding-block:clamp(72px,11vw,140px)}.section.dark{background:var(--night);color:var(--cream)}.section.dark .num,.section.dark .lead,.section.dark .h2 small,.section.dark .eyebrow{color:#f5efe3ad}.section.alt{background:var(--paper-2)}.btn{letter-spacing:.22em;border:1px solid;align-items:center;gap:10px;padding:13px 28px;font-size:.95rem;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.btn:hover,.btn.solid{background:var(--ink);color:var(--cream);border-color:var(--ink)}.btn.solid:hover{background:var(--seal);border-color:var(--seal)}.dark .btn:hover,.btn.light:hover{background:var(--cream);color:var(--night);border-color:var(--cream)}.btn.light{color:var(--cream)}.link{letter-spacing:.18em;border-bottom:1px solid;padding-bottom:2px;font-size:.95rem;display:inline-block}.link:hover{color:var(--seal)}.header{z-index:50;height:var(--header-h);color:var(--cream);border-bottom:1px solid #0000;align-items:center;transition:background .3s,color .3s,border-color .3s;display:flex;position:fixed;inset:0 0 auto}.header.solid,.header.scrolled{backdrop-filter:blur(10px);color:var(--ink);border-bottom-color:var(--line);background:#f2ece0f0}.header .wrap{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{align-items:center;gap:12px;line-height:1.1;display:flex}.seal{object-fit:contain;width:34px;height:34px;transition:filter .3s}.header:not(.solid):not(.scrolled) .seal,.footer .seal{filter:invert(82%)sepia(20%)saturate(380%)hue-rotate(2deg)brightness(99%)}.brand-text{flex-direction:column;display:flex}.brand-text b{letter-spacing:.3em;font-size:1.05rem;font-weight:600}.brand-text span{font-family:var(--latin);letter-spacing:.34em;opacity:.75;font-size:.68rem}.nav{align-items:center;gap:clamp(18px,3vw,40px);display:flex}.nav a{letter-spacing:.2em;padding-block:6px;font-size:.95rem;position:relative}.nav a:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}.nav .book{border:1px solid;padding:7px 18px}.nav .book:after{display:none}.nav .book:hover{background:var(--seal);border-color:var(--seal);color:var(--cream)}.menu-toggle{display:none}@media (width<=820px){.menu-toggle{display:block;position:relative}.menu-toggle summary{cursor:pointer;font-family:var(--latin);letter-spacing:.3em;padding:8px 2px;font-size:.9rem;list-style:none}.menu-toggle summary::-webkit-details-marker{display:none}.nav-desktop{display:none}.menu-panel{inset:var(--header-h) 0 auto 0;background:var(--night);color:var(--cream);padding:12px var(--gutter) 32px;display:grid;position:fixed}.menu-panel a{border-bottom:1px solid var(--line-light);letter-spacing:.25em;justify-content:space-between;align-items:baseline;padding:16px 0;display:flex}.menu-panel a span{font-family:var(--latin);opacity:.6;font-size:.9rem;font-style:italic}}@media (width>=821px){.menu-toggle{display:none}}.page-head{padding-top:calc(var(--header-h) + clamp(56px, 9vw, 110px));padding-bottom:clamp(36px,6vw,72px)}.page-head .h2{font-size:clamp(3rem,8vw,6rem)}.split{align-items:center;gap:clamp(32px,6vw,88px);display:grid}@media (width>=860px){.split{grid-template-columns:1fr 1fr}.split.rev .split-media{order:2}.split.wide-text{grid-template-columns:5fr 6fr}}.frame{background:var(--night-2);position:relative;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}.ratio-34{aspect-ratio:3/4}.ratio-45{aspect-ratio:4/5}.ratio-32{aspect-ratio:3/2}.ratio-11{aspect-ratio:1}.map{margin-top:clamp(56px,8vw,104px)}.map .frame{aspect-ratio:16/9;background:var(--paper-2)}.map iframe{filter:grayscale(.6)sepia(.15);border:0;width:100%;height:100%;display:block}@media (width<=640px){.map .frame{aspect-ratio:4/5}}.caption{letter-spacing:.16em;color:var(--ink-soft);margin-top:12px;font-size:.85rem}.caption .latin{margin-right:8px}.dark .caption{color:#f5efe399}.prose p+p{margin-top:1.5em}.prose p{max-width:34em}.facts{border-top:1px solid var(--line);margin-top:40px}.facts div{border-bottom:1px solid var(--line);grid-template-columns:5.5em 1fr;gap:16px;padding-block:14px;display:grid}.facts dt{font-family:var(--latin);letter-spacing:.12em;color:var(--ink-soft);font-style:italic}.facts dd{letter-spacing:.1em}.cards{gap:clamp(18px,3vw,36px);margin-top:clamp(40px,6vw,72px);display:grid}@media (width>=760px){.cards{grid-template-columns:repeat(3,1fr)}.cards .card:nth-child(2){margin-top:56px}}.card{display:block}.card .frame{aspect-ratio:3/4}.card .frame img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.card:hover .frame img{transform:scale(1.05)}.card h3{letter-spacing:.3em;margin-top:18px;font-size:1.35rem;font-weight:500}.card h3 span{font-family:var(--latin);letter-spacing:.04em;color:var(--ink-soft);margin-left:12px;font-size:1rem;font-style:italic;font-weight:400}.card p{color:var(--ink-soft);margin-top:6px;font-size:.95rem}.chapter{border-top:1px solid var(--line-light);gap:clamp(24px,4vw,56px);padding-block:clamp(40px,6vw,80px);display:grid}.light-bg .chapter{border-top-color:var(--line)}@media (width>=900px){.chapter{grid-template-columns:4fr 8fr}}.chapter-no{font-family:var(--latin);letter-spacing:.2em;opacity:.6;font-size:1rem}.chapter h3{font-family:var(--latin);margin-top:8px;font-size:clamp(2rem,4vw,3rem);font-style:italic;font-weight:500;line-height:1.1}.chapter h3 span{font-family:var(--serif);letter-spacing:.3em;opacity:.8;margin-top:10px;font-size:1.05rem;font-style:normal;display:block}.chapter .desc{opacity:.75;max-width:24em;margin-top:18px;font-size:.98rem}.shots{grid-template-columns:repeat(2,1fr);align-items:start;gap:clamp(12px,2vw,22px);display:grid}.shots.three{grid-template-columns:repeat(3,1fr)}.shots .wide{grid-column:1/-1}.shots figure:nth-child(2n){margin-top:clamp(0px,4vw,48px)}.shots.three figure:nth-child(2n){margin-top:0}.shots.three figure:nth-child(2){margin-top:clamp(0px,4vw,48px)}@media (width<=560px){.shots.three{grid-template-columns:repeat(2,1fr)}.shots.three figure:nth-child(3){grid-column:1/-1}}.quote{text-align:center;isolation:isolate;padding-block:clamp(96px,15vw,200px);position:relative;overflow:hidden}.quote-bg{z-index:-2;position:absolute;inset:0}.quote-bg img{object-fit:cover;opacity:.38;width:100%;height:100%}.quote:before{content:"";z-index:-1;background:radial-gradient(#15110c33,#15110cd9);position:absolute;inset:0}.quote blockquote{letter-spacing:.34em;font-size:clamp(1.5rem,4vw,2.6rem);font-weight:500;line-height:2.3}.quote .en{font-family:var(--latin);letter-spacing:.05em;opacity:.8;margin-top:36px;font-size:clamp(1rem,1.8vw,1.3rem);font-style:italic;line-height:1.8}.quote .sig{letter-spacing:.4em;opacity:.6;margin-top:36px;font-size:.85rem}.series{border-top:1px solid var(--line);gap:24px;padding-block:clamp(36px,5vw,64px);display:grid}@media (width>=900px){.series{grid-template-columns:4fr 8fr}}.series h3{letter-spacing:.3em;font-size:1.5rem;font-weight:600}.series h3 span{font-family:var(--latin);letter-spacing:.04em;color:var(--ink-soft);margin-top:6px;font-size:1.05rem;font-style:italic;font-weight:400;display:block}.series .blurb{color:var(--ink-soft);max-width:22em;margin-top:14px;font-size:.95rem}.tea-list li{border-bottom:1px dashed var(--line);grid-template-columns:1fr auto;align-items:baseline;gap:8px 24px;padding-block:16px;display:grid}.tea-name{letter-spacing:.14em;font-size:1.12rem}.tea-name small{color:var(--ink-soft);letter-spacing:.1em;margin-left:10px;font-size:.82rem}.tea-sizes{text-align:right;font-variant-numeric:tabular-nums}.tea-sizes span{white-space:nowrap;display:block}.tea-sizes i{color:var(--ink-soft);margin-right:10px;font-size:.9rem;font-style:normal}.tea-sizes b{letter-spacing:.06em;font-weight:600}.tea-sizes em{color:var(--ink-soft);font-size:.92rem;font-style:normal}.rules{gap:0 32px;display:grid}@media (width>=640px){.rules{grid-template-columns:1fr 1fr}}.rules li{border-bottom:1px dashed var(--line);letter-spacing:.1em;padding-block:12px;font-size:.98rem}.note-box{border:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;margin-top:clamp(32px,5vw,56px);padding:22px 26px;font-size:.95rem;display:flex}.info{border-top:1px solid var(--line);gap:0;display:grid}.info>div{border-bottom:1px solid var(--line);gap:8px 24px;padding-block:22px;display:grid}@media (width>=640px){.info>div{grid-template-columns:9em 1fr}}.info dt{font-family:var(--latin);letter-spacing:.12em;color:var(--ink-soft);font-style:italic}.info dt span{font-family:var(--serif);letter-spacing:.3em;font-size:.82rem;font-style:normal;display:block}.info dd{letter-spacing:.1em}.info dd small{color:var(--ink-soft);letter-spacing:.06em;margin-top:2px;font-size:.85rem;display:block}.info .actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.footer{background:var(--night);color:#f5efe3c7;padding-block:clamp(56px,8vw,96px) 32px;font-size:.92rem}.footer-grid{gap:40px;display:grid}@media (width>=820px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}.footer .brand-text span{opacity:.6}.footer h4{font-family:var(--latin);letter-spacing:.14em;color:var(--cream);margin:0 0 14px;font-size:1.05rem;font-style:italic;font-weight:500}.footer li+li{margin-top:6px}.footer a:hover{color:var(--cream);text-underline-offset:4px;text-decoration:underline}.footer .blurb{max-width:24em;margin-top:18px;line-height:1.9}.footer-bottom{border-top:1px solid var(--line-light);letter-spacing:.14em;opacity:.7;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:56px;padding-top:22px;font-size:.8rem;display:flex}.nf{text-align:center;min-height:100svh;padding:var(--gutter);background:var(--night);color:var(--cream);place-items:center;display:grid}.nf h1{font-family:var(--latin);font-size:clamp(4rem,14vw,9rem);font-style:italic;font-weight:500;line-height:1}.nf p{letter-spacing:.3em;margin-block:18px 32px}.js .reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media img{animation:none}.js .reveal{opacity:1;transition:none;transform:none}.card .frame img{transition:none}}@media print{.header,.home-nav,.scroll-hint{display:none}}