.front{padding-bottom:clamp(2.5rem,5vw,4.5rem)}.front-cover{background:var(--color-plate);align-items:flex-end;min-height:clamp(25rem,74vh,42rem);display:flex;position:relative;overflow:hidden}.front-cover-media{position:absolute;inset:0}.front-cover-media img,.front-cover-image{object-fit:cover;object-position:center 46%;width:100%;height:100%;display:block}.front-cover-scrim{background:linear-gradient(#0a110e0a 28%,#0a110e4d 54%,#0a110ebd 80%,#0a110ef0 100%),linear-gradient(102deg,#0a110e9e 0%,#0a110e42 34%,#0a110e00 58%),linear-gradient(#0a110e4d 0%,#0000 22%);position:absolute;inset:0}.front-cover-inner{padding-top:clamp(7rem,16vh,12rem);padding-bottom:clamp(2rem,3.6vw,3.25rem);position:relative}.front-cover-kicker{font:600 .78rem/1.4 var(--stack-sans);letter-spacing:.18em;color:#f7f4eb;text-shadow:0 1px 14px #060b0980}.front-cover-title{color:#f7f4eb;letter-spacing:.01em;text-shadow:0 2px 40px #080e0c59;max-width:18em;margin-top:clamp(.9rem,1.6vw,1.4rem);font-size:clamp(2.1rem,1.7vw + 1.45rem,4.2rem);line-height:1.24}.front-cover-counts{font:400 .78rem/1.6 var(--stack-sans);letter-spacing:.1em;color:#f7f4ebe0;text-shadow:0 1px 12px #060b0973;font-variant-numeric:tabular-nums;margin-top:clamp(1.1rem,2vw,1.7rem)}.front-cover-credit{text-align:right;max-width:16rem;font:400 .66rem/1.65 var(--stack-sans);color:#f7f4eb99;position:absolute;bottom:clamp(1.1rem,2vw,1.75rem);right:clamp(1.25rem,2.5vw,2.5rem)}.front-standfirst{padding-top:clamp(2.5rem,4.5vw,4rem);padding-bottom:clamp(3rem,5.5vw,4.5rem)}.front-deck{max-width:54ch;font:400 clamp(1rem, .35vw + .95rem, 1.15rem) / 2 var(--stack-text);color:var(--color-text);text-wrap:pretty}.front-open{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:clamp(2rem,3.6vw,3.75rem);padding-bottom:clamp(3rem,6vw,5.5rem);display:grid}.front-feature,.front-minor{color:inherit;text-decoration:none;display:block}.front-feature-body{padding-top:clamp(1rem,1.6vw,1.4rem)}.front-axis{font:500 .68rem/1.4 var(--stack-sans);letter-spacing:.16em;color:var(--color-accent);display:block}.front-feature-title{letter-spacing:-.005em;color:var(--color-primary);margin:.5rem 0 .7rem;font-size:clamp(1.75rem,1.5vw + 1.1rem,2.5rem);line-height:1.3}.front-feature-question{max-width:40ch;font:400 clamp(.9rem, .3vw + .85rem, 1rem) / 1.9 var(--stack-sans);color:var(--color-muted)}.front-feature-places{font:400 .72rem/1.6 var(--stack-sans);letter-spacing:.04em;color:var(--color-muted);margin-top:1.1rem;display:block}.front-aside{align-content:space-between;gap:clamp(1.6rem,3vw,2.5rem);display:grid}.front-aside .front-minor{display:grid}.front-minor-body{padding-top:.85rem}.front-minor-title{font:500 clamp(1.15rem, .5vw + 1rem, 1.4rem) / 1.4 var(--stack-text);color:var(--color-primary);margin:.4rem 0 .45rem}.front-minor-question{font:400 .82rem/1.8 var(--stack-sans);color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.front-feature:hover .front-feature-title,.front-minor:hover .front-minor-title{color:var(--color-accent)}.front-feature:hover img,.front-minor:hover img{opacity:.9}.front-feature img,.front-minor img{transition:opacity .5s}.front-feature:focus-visible,.front-minor:focus-visible,.front-plate-link:focus-visible{outline:var(--brand-focus);outline-offset:6px}.front-plate{margin:0}.front-plate-link{background:var(--color-plate);display:block;overflow:hidden}.front-plate-link img{object-fit:cover;object-position:center 58%;width:100%;height:clamp(16rem,38vw,30rem);transition:transform 1.2s;display:block}.front-plate-link:hover img{transform:scale(1.015)}.front-plate-caption{font:400 .72rem/1.7 var(--stack-sans);color:var(--color-muted);flex-wrap:wrap;align-items:baseline;gap:.35rem .9rem;padding-top:.9rem;padding-bottom:clamp(3rem,6vw,5rem);display:flex}.front-plate-caption a{color:var(--color-primary);border-bottom:1px solid var(--color-rule-strong);padding-bottom:.1rem;text-decoration:none}.front-plate-caption a:hover{color:var(--color-accent);border-color:var(--color-accent)}.front-index,.front-places{padding-bottom:clamp(3rem,6vw,5rem)}.front-head{border-bottom:1px solid var(--color-rule-strong);justify-content:space-between;align-items:baseline;gap:1.5rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);padding-bottom:.7rem;display:flex}.front-head h2{color:var(--color-primary);font-size:clamp(2.1rem,2.4vw + 1rem,3rem);line-height:1.1}.front-head-link{font:400 .72rem/1.6 var(--stack-sans);color:var(--color-muted);border-bottom:1px solid var(--color-rule-strong);white-space:nowrap;padding-bottom:.15rem;text-decoration:none}.front-head-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.front-index-group{border-top:1px solid var(--color-rule);grid-template-columns:minmax(7rem,12rem) minmax(0,1fr);gap:clamp(1.5rem,3.5vw,4rem);padding:clamp(1.4rem,2.4vw,2rem) 0;display:grid}.front-index-group:first-of-type{border-top:0;padding-top:0}.front-index-axis h3{font-family:var(--stack-display);color:var(--color-primary);font-size:clamp(1.55rem,1.2vw + 1rem,2rem);font-weight:400;line-height:1.2}.front-index-axis h3 a{color:inherit;text-decoration:none}.front-index-axis h3 a:hover{color:var(--color-accent)}.front-index-axis p{font:400 .7rem/1.5 var(--stack-sans);letter-spacing:.06em;color:var(--color-muted);font-variant-numeric:tabular-nums;margin-top:.45rem}.front-index-list{columns:2;column-gap:clamp(1.75rem,4vw,3.5rem);margin:0;padding:0;list-style:none}.front-index-list li{break-inside:avoid;border-bottom:1px solid var(--color-rule)}.front-index-list li:first-child{border-top:1px solid var(--color-rule)}.front-index-list a{color:inherit;grid-template-columns:1.9rem minmax(0,1fr) auto;align-items:baseline;gap:.7rem;padding:.62rem 0;text-decoration:none;display:grid}.front-index-n{font:400 .66rem/1.6 var(--stack-sans);letter-spacing:.06em;color:var(--color-muted);font-variant-numeric:tabular-nums}.front-index-title{font:400 clamp(.98rem, .25vw + .92rem, 1.08rem) / 1.55 var(--stack-text);color:var(--color-text)}.front-index-label{font:400 .7rem/1.6 var(--stack-sans);letter-spacing:.04em;color:var(--color-muted);white-space:nowrap}.front-index-list a:hover .front-index-title,.front-index-list a:hover .front-index-n{color:var(--color-accent)}.front-cities{--plate-w:clamp(14rem, 25vw, 22rem);--plate-gap:clamp(2rem, 4vw, 4rem);grid-template-columns:minmax(0, 1fr) var(--plate-w);column-gap:var(--plate-gap);margin-bottom:clamp(3.5rem,7vw,6rem);display:grid;position:relative}.front-city-hint{margin-top:calc(var(--plate-w) * 4 / 3 + .9rem);font:400 .7rem/1.6 var(--stack-sans);letter-spacing:.08em;color:var(--color-muted);grid-area:1/2;align-self:start}.front-city-list{margin:0;padding:0;list-style:none}.front-city-list li{border-bottom:1px solid var(--color-rule)}.front-city-list li:first-child{border-top:1px solid var(--color-rule-strong)}.front-city-list a{color:inherit;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:1.25rem;padding:clamp(.68rem,1.1vw,.86rem) 0;text-decoration:none;transition:padding-left .3s;display:grid}.front-city-name{font-family:var(--stack-display);color:var(--color-primary);font-size:clamp(1.55rem,1.7vw + 1rem,2.2rem);line-height:1.2;transition:color .25s}.front-city-region{font:400 .7rem/1.6 var(--stack-sans);letter-spacing:.04em;color:var(--color-muted);white-space:nowrap;justify-self:end;transition:color .25s}.front-city-list li:hover a,.front-city-list li:focus-within a{padding-left:.6rem}.front-city-list li:hover .front-city-name,.front-city-list li:focus-within .front-city-name{color:var(--color-accent)}.front-city-list li:hover .front-city-region{color:var(--color-primary)}.front-city-plate{width:var(--plate-w);aspect-ratio:3/4;background:var(--color-plate);opacity:0;pointer-events:none;transition:opacity .45s;position:absolute;top:0;right:0;overflow:hidden}.front-city-plate img{object-fit:cover;width:100%;height:100%;display:block}.front-city-list:not(:hover):not(:focus-within) li:first-child .front-city-plate,.front-city-list li:hover .front-city-plate,.front-city-list li:focus-within .front-city-plate{opacity:1}.front-subhead{border-bottom:1px solid var(--color-rule-strong);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:clamp(1.1rem,2vw,1.6rem);padding-bottom:.7rem;display:flex}.front-subhead h3{font-family:var(--stack-display);color:var(--color-primary);font-size:clamp(1.5rem,1vw + 1rem,1.9rem);font-weight:400;line-height:1.2}.front-subhead a{font:400 .72rem/1.6 var(--stack-sans);color:var(--color-muted);border-bottom:1px solid var(--color-rule-strong);white-space:nowrap;padding-bottom:.15rem;text-decoration:none}.front-subhead a:hover{color:var(--color-accent);border-color:var(--color-accent)}.front-plates{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem);margin:0;padding:0;list-style:none;display:grid}.front-plates li a{color:inherit;text-decoration:none;display:block}.front-plates li:nth-child(2n){margin-top:clamp(1.25rem,3vw,2.75rem)}.front-plates img{transition:opacity .5s}.front-plates li a:hover img{opacity:.88}.front-plate-name{font-family:var(--stack-text);color:var(--color-primary);margin-top:.7rem;font-size:1.02rem;line-height:1.5;display:block}.front-plates li a:hover .front-plate-name{color:var(--color-accent)}.front-plate-meta{font:400 .7rem/1.6 var(--stack-sans);letter-spacing:.06em;color:var(--color-muted);margin-top:.2rem;display:block}.front-index-list a:focus-visible,.front-city-list a:focus-visible,.front-plates li a:focus-visible,.front-subhead a:focus-visible,.front-head-link:focus-visible,.front-plate-caption a:focus-visible{outline:var(--brand-focus);outline-offset:4px}@media (hover:none){.front-cities{display:block}.front-city-plate,.front-city-hint{display:none}}@media (width<=1023px){.front-open{grid-template-columns:minmax(0,1fr);gap:2.5rem}.front-aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.front-cities{display:block}.front-city-plate,.front-city-hint{display:none}.front-index-group{grid-template-columns:minmax(0,1fr);gap:.9rem}}@media (width<=767px){.front-cover{min-height:clamp(23rem,66vh,30rem)}.front-cover-title{max-width:none;font-size:clamp(1.8rem,6.6vw,2.3rem);line-height:1.32}.front-cover-title br{display:none}.front-cover-title{text-wrap:balance}.front-cover-kicker{letter-spacing:.18em}.front-cover-credit{display:none}.front-cover-inner{padding-bottom:1rem}.front-deck{max-width:none;font-size:.96rem;line-height:1.95}.front-aside{grid-template-columns:minmax(0,1fr)}.front-index-list{columns:1}.front-index-list li:nth-child(2){border-top:1px solid var(--color-rule)}.front-plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.front-plates li:nth-child(2n){margin-top:0}.front-city-region{font-size:.66rem}}:lang(en) .front-deck{line-height:1.72}:lang(en) .front-feature-question,:lang(en) .front-minor-question{line-height:1.7}:lang(zh) .front-cover-title{letter-spacing:.02em}:lang(zh) .front-cover-kicker,:lang(zh) .front-axis,:lang(zh) .front-index-axis p{letter-spacing:.1em}.reading-photo{margin:0 0 2.5rem}.reading-inset{max-width:48rem;margin:2.5rem auto}.source-note{border-top:1px solid var(--color-rule);color:var(--color-muted);padding:1.5rem 0 2rem;font-size:.78rem;line-height:1.8}.source-note h2{font:.75rem var(--stack-sans);margin-bottom:.8rem}.source-note ul{flex-wrap:wrap;gap:.6rem 1.6rem;display:flex}.source-note a{text-underline-offset:4px;text-decoration:underline}.read-next{background:var(--color-soft-green);justify-content:space-between;align-items:center;gap:1.5rem;margin:2.5rem 0;padding:1.5rem;display:flex}.read-next h2{margin:.5rem 0;font-size:1.4rem}.read-next p{color:var(--color-muted);font-size:.85rem;line-height:1.7}@media (width<=767px){.read-next{flex-direction:column;align-items:start}}.photo-destination .dest-said{word-break:normal;overflow-wrap:anywhere}@media (width<=767px){.tea-masthead h1{text-wrap:balance;font-size:clamp(2rem,7.8vw,2.6rem);line-height:1.35}}