/* English layout preview. The approved Chinese styles are never edited. */
.lang-en {--serif:'Cormorant Garamond',Georgia,serif;letter-spacing:0}
.lang-en h1,.lang-en h2,.lang-en h3,.lang-en p,.lang-en a,.lang-en button,.lang-en small,.lang-en span,.lang-en b {font-style:normal;letter-spacing:.02em}
.lang-en .header .main-nav a,.lang-en .nav-actions a {font-size:18px;letter-spacing:.02em}
.lang-en .header .main-nav {gap:24px}
.lang-en .nav-actions {margin-left:8px}
.lang-en .nav-actions a {padding-left:16px;padding-right:6px}
.lang-en .button,.lang-en .text-link {font-family:var(--serif);font-size:19px;letter-spacing:.02em}
.lang-en .cinema-page {right:10%;top:15%;width:min(480px,38%)}
.lang-en .cinema-caption {display:block}
.lang-en .cinema-caption h1,.lang-en .cinema-caption p {writing-mode:horizontal-tb;text-align:left;white-space:normal;letter-spacing:.02em}
.lang-en .cinema-caption h1 {font:400 clamp(36px,3.5vw,54px)/1.3 var(--english)}
.lang-en .cinema-caption p {font:400 20px/1.6 var(--english);margin-top:22px}
.lang-en .cinema-caption p span {display:inline}
.lang-en .cinema-caption p span+span::before {content:' '}
.lang-en .tea-follow > span {writing-mode:horizontal-tb;transform:rotate(90deg);margin:22px 0 26px;letter-spacing:.03em;font:16px var(--english)}
.lang-en .character-teatime > span {writing-mode:horizontal-tb;letter-spacing:.03em;max-width:calc(100% - 40px);padding:10px 14px;font-size:18px}
.lang-en .moment-vertical {writing-mode:horizontal-tb;left:0;top:-34px;letter-spacing:.03em;line-height:1.5;font-size:18px}
.lang-en .vertical-label {writing-mode:horizontal-tb;letter-spacing:.03em}
.lang-en .tea-heading > span,.lang-en .moment-chapter,.lang-en .tile-index,.lang-en .tea-stage-copy .latin {display:none}
.lang-en .tea-heading h2 {font:500 38px/1.35 var(--english);letter-spacing:.02em}
.lang-en .tea-selection {padding-block:55px 44px}
.lang-en .tea-selection .tea-heading {margin-left:3%}
.lang-en .selection-all {top:0;right:3%}
.lang-en .tea-stage {height:auto;min-height:390px;align-items:center}
.lang-en .tea-package-study {min-height:390px}
.lang-en .tea-stage-copy h3 {font:500 36px/1.2 var(--english);letter-spacing:.02em;margin-bottom:14px}
.lang-en .tea-stage-copy .tea-provenance {font:18px/1.5 var(--english);letter-spacing:.03em}
.lang-en .tea-stage-copy .tea-flavor {font:20px/1.5 var(--english);letter-spacing:.02em}
.lang-en .tea-stage-copy .tea-description {font:18px/1.6 var(--english);letter-spacing:.01em;max-width:410px}
.lang-en .tea-stage-copy > small {font-size:16px;line-height:1.6;letter-spacing:0}
.lang-en .tea-tastes {width:94%;gap:18px;margin-top:24px;align-items:start}
.lang-en .tea-tastes b {font:500 20px/1.3 var(--english);letter-spacing:0}
.lang-en .tea-tastes small {font:18px/1.3 var(--english);letter-spacing:0}
.lang-en .character-tile {padding:50px 32px}
.lang-en .character-tile h2 {font:500 36px/1.25 var(--english);letter-spacing:.02em}
.lang-en .brand-tile h2 {font-size:30px}
.lang-en .character-tile p {font:400 20px/1.7 var(--english);letter-spacing:.02em;max-width:360px}
.lang-en .character-tile p br {display:none}
.lang-en .character-tile .text-link {font-size:20px;letter-spacing:.02em}
.lang-en .brand-script {letter-spacing:.04em}
.lang-en .tea-gifting {min-height:560px;height:auto}
.lang-en .tea-gifting .gifting-copy {position:relative;top:auto;left:auto;right:auto;transform:none;width:44%;margin-left:56%;padding:64px 9% 64px 3%}
.lang-en .gifting-copy h3 {font:400 34px/1.3 var(--english);letter-spacing:.02em}
.lang-en .gifting-copy > p {font:400 20px/1.7 var(--english);letter-spacing:.01em}
.lang-en .gift-choices span {font:400 20px/1.4 var(--english);letter-spacing:.02em;white-space:normal}
.lang-en .moment-editorial h2 {font:400 48px/1.15 var(--english);letter-spacing:.02em}
.lang-en .moment-editorial > p {font:400 21px/1.65 var(--english);letter-spacing:.01em}
.lang-en .moment-editorial .text-link {font-size:20px;letter-spacing:.02em}
.lang-en .moment-postcard > span,.lang-en .moment-snapshot > span {font-family:var(--english);font-size:19px;letter-spacing:.02em}
.lang-en .tea-moments {padding-top:85px}
.lang-en .news-card h3 {font:500 27px/1.3 var(--english);letter-spacing:.02em}
.lang-en .news-card p {font:400 20px/1.6 var(--english);letter-spacing:.01em}
.lang-en .news-card > small {font:18px var(--english);letter-spacing:.04em}
.lang-en .tea-contact p {font:400 24px/1.6 var(--english);letter-spacing:.02em}
.lang-en .footer h2 {font:500 24px/1.4 var(--english);letter-spacing:.02em}
.lang-en .footer a,.lang-en .footer p {font-size:16px;letter-spacing:0}
.lang-en .footer-top {grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:38px}
.lang-en .cv-page-head h1 {font-family:var(--english);font-size:clamp(36px,4vw,54px);letter-spacing:.02em}
.lang-en .cv-page-head .cv-eyebrow {display:none}
.lang-en .cv-story h2,.lang-en .cv-story h3,.lang-en .cv-story p {letter-spacing:.02em;font-style:normal}
.lang-en .cv-story p {font:400 22px/1.65 var(--english)}
.lang-en .cv-story .cv-story-eyebrow {font-size:16px;letter-spacing:.04em}
.lang-en .cv-story .cv-story-hero-copy h2 {font:400 52px/1.25 var(--english);max-width:520px}
.lang-en .cv-story .cv-story-intro-copy {padding-top:0}
.lang-en .cv-story .cv-story-sharing-copy h2 {font-size:38px;line-height:1.3}
.lang-en .cv-story .cv-story-value h3 {font:500 28px/1.3 var(--english)}
.lang-en .cv-story .cv-story-value p {font-size:19px}
.lang-en .cv-story .cv-story-origin-table th,.lang-en .cv-story .cv-story-origin-table td {font-size:16px;letter-spacing:0;white-space:normal}
.lang-en .cv-story .cv-story-closing-copy h2 {font-size:40px;line-height:1.25;letter-spacing:.02em}
@media(max-width:1200px){.lang-en .nav-actions{display:none}.lang-en .header .main-nav {gap:20px}.lang-en .footer-top {gap:24px}}
@media(max-width:1000px){.lang-en .cinema-page {width:46%;right:7%;top:13%}.lang-en .cinema-caption h1 {font-size:42px}.lang-en .tea-stage {gap:5%;min-height:420px}.lang-en .tea-stage-copy h3 {font-size:32px}.lang-en .tea-gifting .gifting-copy {width:47%;margin-left:53%;padding:55px 6% 55px 3%}.lang-en .moment-editorial h2 {font-size:38px}.lang-en .moment-gallery {margin-top:20px}.lang-en .cv-story .cv-story-origins {grid-template-columns:1fr;gap:34px}.lang-en .cv-story .cv-story-origin-photo {max-width:300px}.lang-en .cv-story .cv-story-origin-table {table-layout:fixed}}
@media(max-width:800px){.lang-en .header .main-nav {display:none}.lang-en .header .main-nav.open {display:flex;position:absolute;inset:83px 0 auto;flex-direction:column;align-items:stretch;padding:20px 30px;background:var(--paper);border-bottom:1px solid var(--line)}.lang-en .menu-button {display:inline-flex}.lang-en .footer-top {grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.lang-en .footer-brand {grid-column:1/-1}.lang-en .tea-gifting .gifting-copy {width:49%;margin-left:51%;padding-right:5%}.lang-en .gifting-copy h3 {font-size:29px}.lang-en .gift-choices span {font-size:18px}.lang-en .character-tile {padding:36px 24px}}
@media(max-width:680px){.lang-en .header .main-nav.open {top:76px}.lang-en .cinema-page {width:auto;left:24px;right:28px;top:7%}.lang-en .cinema-caption h1 {font-size:38px;line-height:1.3;max-width:390px}.lang-en .cinema-caption p {font-size:20px;line-height:1.45;margin-top:18px;max-width:260px}.lang-en .tea-cinema:after,.lang-en .tea-cinema.is-dark:after {background:linear-gradient(180deg,#0b1b2c88,#0b1b2c18 70%)}.lang-en .tea-selection {padding-block:36px}.lang-en .tea-selection .tea-heading {margin:0}.lang-en .tea-selection .tea-heading h2 {font-size:32px}.lang-en .selection-all {position:static;margin-top:12px}.lang-en .tea-stage {min-height:0}.lang-en .tea-package-study {min-height:270px;height:270px}.lang-en .tea-stage-copy h3 {font-size:32px}.lang-en .tea-stage-copy .tea-description {display:block;font-size:19px;line-height:1.55;margin:12px auto 0}.lang-en .tea-stage-copy > small {font-size:16px;display:block}.lang-en .tea-stage-copy > small span {display:block}.lang-en .tea-stage-copy .button {font-size:19px}.lang-en .tea-tastes {display:grid;width:100%;gap:16px 10px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.lang-en .tea-tastes button {width:100%;min-width:0}.lang-en .tea-tastes b {white-space:normal;overflow-wrap:break-word}.lang-en .tea-tastes b {font-size:18px;line-height:1.25}.lang-en .tea-tastes small {display:none}.lang-en .tea-character {grid-template-columns:1fr}.lang-en .tea-character > * {grid-column:auto!important;grid-row:auto!important}.lang-en .character-photo {height:330px;min-height:330px}.lang-en .character-tile {min-height:0;padding:45px 28px}.lang-en .character-tile h2 {font-size:34px}.lang-en .character-tile p {font-size:21px}.lang-en .brand-tile h2 {font-size:30px}.lang-en .character-teatime > span {font-size:18px;max-width:calc(100% - 32px);right:16px}.lang-en .tea-gifting {display:block;min-height:0;height:auto;padding:250px 24px 35px}.lang-en .tea-gifting .gifting-copy {width:auto;margin:0;padding:28px 0;position:static}.lang-en .gifting-copy h3 {font-size:34px}.lang-en .gifting-copy > p {font-size:21px}.lang-en .tea-gifting .gift-choices {position:static;width:auto;margin:10px 0 0;gap:20px}.lang-en .tea-gifting .gift-choices span {font-size:19px}.lang-en .tea-moments {padding-top:44px}.lang-en .moment-editorial {display:block}.lang-en .moment-editorial h2 {font-size:42px;margin-bottom:18px}.lang-en .moment-editorial > p {font-size:21px}.lang-en .moment-vertical {display:block;left:0;top:-28px;font-size:17px}.lang-en .moment-gallery {margin-top:28px}.lang-en .news-intro .button {font-size:18px}.lang-en .tea-contact p {font-size:23px}.lang-en .footer-top {gap:30px 22px}.lang-en .footer h2 {font-size:23px}.lang-en .cv-story .cv-story-hero-copy h2 {font-size:38px}.lang-en .cv-story p {font-size:21px}.lang-en .cv-story .cv-story-origin-table td:first-child {min-width:0}.lang-en .cv-story .cv-story-origin-table td:nth-child(2) {min-width:0}.lang-en .cv-story .cv-story-origin-table th,.lang-en .cv-story .cv-story-origin-table td {font-size:16px;padding:18px 6px;overflow-wrap:anywhere}.lang-en .cv-story .cv-story-origin-table td:first-child:before {display:none}}

/* 2026-09-28 Claude：Alice 回饋。主視覺文字往下放、標題兩行；茶款名稱不換行；品牌格空標題不顯示；英文版不出現 LINE */
.lang-en .cinema-page{top:auto;bottom:16%;width:min(640px,50%)}
.lang-en .cinema-caption h1{font-size:clamp(30px,3vw,44px);line-height:1.25}
.lang-en .cinema-caption p{font-size:18px;margin-top:16px}
.lang-en .tea-tastes{width:min(1000px,96%);gap:12px}
.lang-en .tea-tastes b{font-size:16px;line-height:1.4;white-space:nowrap}
.lang-en .tea-tastes small{font-size:14px}
.lang-en .brand-tile h2:empty{display:none}
.lang-en .tea-follow a[href*="line.me"],.lang-en .contact-socials a[href*="line.me"]{display:none}
@media(max-width:1000px){.lang-en .cinema-page{width:56%;top:auto;bottom:calc(16% + 16px)}.lang-en .cinema-caption h1{font-size:34px}.lang-en .tea-tastes b{white-space:normal;font-size:15px}}
@media(max-width:680px){.lang-en .cinema-page{left:24px;right:24px;width:auto;top:7%;bottom:auto}.lang-en .cinema-caption h1{font-size:30px}}
/* About（journal 版型）：英文改橫排 */
.lang-en .cv-story .cv-journal .cv-j-hero h1{writing-mode:horizontal-tb;max-height:none;max-width:620px;margin:0 auto;font-size:clamp(30px,3.2vw,46px);line-height:1.3;letter-spacing:.02em;text-align:center}
.lang-en .cv-story .cv-journal .cv-j-photo-note{writing-mode:horizontal-tb;top:auto;right:24px;bottom:24px;left:24px;padding:10px 14px;letter-spacing:.08em;text-align:center}
.lang-en .cv-story .cv-journal h2{letter-spacing:.02em;line-height:1.4}
.lang-en .cv-story .cv-journal p{letter-spacing:.01em}
/* 右側追蹤列：直排即可（原本的旋轉會把白底撐寬） */
.lang-en .tea-follow > span{writing-mode:vertical-rl;transform:none;margin:0;letter-spacing:.2em}
/* 平板（681 到 960px）：英文選單只有三項，維持橫排，不收成漢堡 */
@media(min-width:681px) and (max-width:960px){
.lang-en .header .main-nav{display:flex;position:static;inset:auto;padding:0;box-shadow:none;border:0;background:none;gap:18px;margin-left:auto;flex-direction:row;align-items:center}
.lang-en .header .main-nav a{padding:0;font-size:16px;letter-spacing:.02em}
.lang-en .header .main-nav .mobile-socials{display:none}
.lang-en .menu-button{display:none}
}