/* Reference home: replace the individual artwork variables as final assets arrive. */
.tea-art-banner--illustrated{position:relative;background:#f1e7d4;isolation:isolate}
.tea-home .tea-art-banner--illustrated>img{width:100%;height:auto;margin-left:0;mask-image:none}
.tea-home .tea-art-banner__copy h2{font-size:clamp(1.8rem,2.8vw,2.5rem);margin-bottom:.7rem}
.tea-art-banner__copy{position:absolute;left:3%;top:50%;transform:translateY(-50%);width:32%;color:#314332}
.tea-art-banner__copy p{font-size:clamp(.8rem,1.1vw,1rem);line-height:1.85;margin:0 0 1rem}
.tea-art-banner__copy .tea-eyebrow{font-size:.75rem}
.tea-art-banner__copy .cha-text-link{display:inline-flex;margin-top:.5rem}
@media(max-width:48rem){.tea-home .tea-art-banner--illustrated>img{width:100%;mask-image:none}.tea-art-banner__copy{position:relative;left:auto;top:auto;transform:none;width:auto;padding:1.5rem}.tea-art-banner__copy p{font-size:.9rem}}
.tea-art-banner a{display:block}
.tea-art-banner img{display:block;width:100%;height:auto}
.tea-home .tea-stories .tea-story--art,.tea-home .tea-stories .tea-story--art .tea-story__copy{background:#faf8f2}
.tea-home .tea-scenes .tea-scene__heading strong{font-size:1.85rem}
.tea-home .tea-scenes .tea-scene__description{font-size:1rem}
.tea-home #tea-world .tea-scene__image--wenyi{--scene-image:url('../images/nav-wenyi-v3.png')}
.tea-home #tea-world .tea-scene__image--chasu{--scene-image:url('../images/nav-chasu-v3.png')}
.tea-home #tea-world .tea-scene__image--meishi{--scene-image:url('../images/nav-meishi-v3.png')}
.tea-home #tea-world .tea-scene__image--chaju{--scene-image:url('../images/nav-chaju-v3.png')}
.tea-home #tea-world .tea-scene__image--chayi{--scene-image:url('../images/nav-chayi-v3.png')}
.tea-home .tea-stories .tea-story--art{grid-template-columns:45.238095% 1fr;gap:0;background:#fff}
@media(max-width:64rem){.tea-home .tea-stories .tea-story--art{grid-template-columns:calc((100% - 2rem)/2.1) 1fr}}
@media(max-width:48rem){.tea-home .tea-stories .tea-story--art{grid-template-columns:1fr}}
.tea-home .tea-scenes .tea-scene__image--chasu{--scene-image:url('../images/culture-custom-simple.png')}
.tea-home .tea-scenes .tea-scene__image--chayi{--scene-image:url('../images/culture-art-simple.png')}
.tea-home .tea-stories .tea-story--art .tea-story__copy{background:#fff;isolation:isolate;padding:3rem 2rem;overflow:hidden}
.tea-story--art .tea-story__copy:after{content:"";position:absolute;right:-2rem;bottom:-2rem;width:15rem;height:20rem;z-index:-1;pointer-events:none;opacity:.1;background:url("../images/tea-leaf-lines.svg") center/contain no-repeat}
@media(min-width:64.001rem){.tea-home .tea-food{grid-template-columns:1fr 1.1fr;gap:5%}.tea-home .tea-food__collage{padding:0;max-width:none;width:100%}.tea-home .tea-food__main{box-shadow:none}}
/* Tea-art split shares the scene section's 1 : 1.1 columns and 5% gutter. */
.tea-home .tea-story--art{display:grid;grid-template-columns:1fr 1.1fr;gap:5%;background:#f5f1e7}
.tea-home .tea-story--art .tea-story__visual{position:relative;inset:auto;grid-column:1;grid-row:1;min-height:25rem;height:auto}
.tea-home .tea-story--art .tea-story__copy{grid-column:2;grid-row:1;background:#f5f1e7;padding:3rem 1rem}
.tea-home .tea-food__content>.cha-text-link{margin-top:2rem}
@media(max-width:64rem){.tea-home .tea-story--art{gap:2rem}}
@media(max-width:48rem){.tea-home .tea-story--art{grid-template-columns:1fr;gap:0}.tea-home .tea-story--art .tea-story__visual{grid-column:1;grid-row:1;min-height:15rem}.tea-home .tea-story--art .tea-story__copy{grid-column:1;grid-row:2;padding:2rem 0}}
/* Supplied artwork, September 7 preview. */
.home{--home-hero:url('../images/home-hero-yunshan-chayuan-20261002.webp')}
.tea-home .tea-scene__image--chasu{--scene-image:url('../images/culture-custom-sept7.png')}
.tea-home .tea-scene__image--chayi{--scene-image:url('../images/culture-art-sept7.png')}
.tea-home .tea-scene__image--meishi{--scene-image:url('../images/culture-food-sept7.png')}
.tea-home .tea-scenes__landscape{background:linear-gradient(#f5f1e7,transparent 30%),url('../images/culture-landscape-sept7.png') center/cover;opacity:1;mask-image:linear-gradient(transparent,#000 25%)}
.tea-home .tea-food__main{background:linear-gradient(90deg,#27322233,transparent 45%),url('../images/food-main-sept7.png') center/cover;aspect-ratio:2/3;height:auto;min-height:0;text-shadow:0 1px 5px #233021}
.tea-home .tea-food__collage{align-self:start;min-height:0;height:auto}
/* Revised scenes and food layouts. Empty artwork slots intentionally await final paintings. */
.tea-eyebrow{color:#a57356;font-size:.8rem;letter-spacing:.24em;margin:0 0 1.5rem}
.tea-scenes{display:grid;grid-template-columns:1fr 1.1fr;gap:5%;padding-block:6rem}
.tea-scenes__intro{position:relative;isolation:isolate;padding:3rem 0 15rem}
.tea-home .tea-scenes__intro h2{font-size:clamp(3rem,5.5vw,5.5rem);line-height:1.4}
.tea-scenes__intro>p:not(.tea-eyebrow){font-size:1rem;line-height:2.1;color:#727768;margin-bottom:2rem}
.tea-scenes__landscape{position:absolute;z-index:-1;bottom:0;left:-10%;right:-8%;height:50%;opacity:.35;background:linear-gradient(#f5f1e7,transparent 45%),url("../images/tea-landscape.webp") center/cover;mask-image:linear-gradient(transparent,#000 30%,#000 75%,transparent)}
.tea-scenes__list{display:flex;flex-direction:column}
.tea-scene{display:grid;grid-template-columns:31% 1fr;gap:1.5rem;align-items:center;padding:1rem;text-decoration:none;transition:background .25s,box-shadow .25s}
.tea-scene+.tea-scene{border-top:1px solid #d7cebc}
.tea-scene__image{display:block;aspect-ratio:1.2;background:var(--scene-image,linear-gradient(145deg,#dfddcd,#b6baa2));background-position:center;background-size:cover}
.tea-scene__image--chayi{--scene-image:linear-gradient(140deg,#d5d8bb,#8e9b76)}
.tea-scene__image--meishi{--scene-image:linear-gradient(140deg,#e4dec3,#b7b58e)}
.tea-scene__image--chaju{--scene-image:linear-gradient(140deg,#ddd5c4,#aaa68d)}
.tea-scene__image--wenyi{--scene-image:linear-gradient(140deg,#e4dccd,#bab3a1)}
.tea-scene__heading{display:flex;align-items:center;gap:1rem;margin-bottom:.6rem}
.tea-scene__number{font-family:Georgia,serif;color:#a47760;font-size:1.1rem;white-space:nowrap}
.tea-scene__heading strong{font-size:1.7rem;letter-spacing:.1em}
.tea-scene__description{display:block;font-size:.9rem;color:#787b6e;line-height:1.9}
.tea-scene__link{display:block;color:#a16a50;font-size:.85rem;margin-top:.7rem}
.tea-scene__link>span{margin-left:.7rem}
.tea-food{display:grid;grid-template-columns:37% 1fr;gap:5%;padding-block:5rem}
.tea-food__collage{position:relative;padding:2rem 2rem 3rem 0;min-height:42rem}
.tea-food__main{height:100%;min-height:34rem;position:relative;padding:2.5rem;color:#f9f7eb;background:var(--food-main,linear-gradient(145deg,#66765a,#a4a181 60%,#59654c));box-shadow:1.2rem -1.2rem 0 -1px #dcd9c7}
.tea-food__main p{writing-mode:vertical-rl;letter-spacing:.18em;font-size:1rem;line-height:2.3;position:relative;left:-.65rem}
.tea-food__main>span{display:inline-block;background:#a45b43;padding:.35rem .5rem;writing-mode:vertical-rl;font-size:.8rem}
.tea-food__inset{position:absolute;width:62%;bottom:0;right:-.5rem;margin:0;background:#f5f1e7;border:2px solid #f5f1e7}
.tea-food__inset>div{aspect-ratio:1.4;background:var(--food-inset,linear-gradient(135deg,#afa589,#6b795c));background-size:cover;background-position:center}
.tea-food__inset figcaption{border-left:2px solid #ac634c;padding:.7rem 1rem;font-size:.8rem;color:#717566;line-height:1.8}
.tea-home .tea-food h2{font-size:clamp(2rem,3.1vw,3.3rem);line-height:1.45;letter-spacing:.04em}
.tea-food__intro{font-size:.9rem;color:#75796b;line-height:1.9;margin-bottom:2rem}
.tea-food__categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.tea-food-category{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;aspect-ratio:9/16;min-height:0!important;padding:1rem .8rem 0;text-decoration:none;background:#faf7ef;border-radius:var(--cha-card-radius)}
.tea-food-category{transition:transform .3s ease,box-shadow .3s ease}
.tea-food-category__art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.tea-food-category>strong{font-size:1.15rem;margin-bottom:.4rem;transition:color .3s ease}
.tea-food-category:focus-visible{outline:2px solid #8b633e;outline-offset:4px}
.tea-food-category:focus-visible>strong{color:#8b633e}
@media(hover:hover) and (pointer:fine){.tea-food-category:hover{transform:translateY(-4px);box-shadow:0 9px 20px #34422a18}.tea-food-category:hover .tea-food-category__art{transform:scale(1.025)}.tea-food-category:hover>strong{color:#8b633e}}
@media(prefers-reduced-motion:reduce){.tea-food-category,.tea-food-category__art,.tea-food-category>strong{transition:none}.tea-food-category:hover,.tea-food-category:hover .tea-food-category__art{transform:none}}
.tea-food-category>span{font-size:.8rem;color:#7b7f70;line-height:1.8}
.tea-food-category>b{font-weight:400;margin-top:.5rem}
.tea-food-category>i{position:absolute;z-index:-1;right:0;top:2.5rem;font-style:normal;font-size:4rem;color:#d4ceba;opacity:.4}
.tea-food-category__image{min-height:6rem;margin:auto -.8rem 0;background:var(--food-category-image,linear-gradient(transparent,#cbcbb2));background-size:cover;background-position:center}
.tea-food__recommend{margin:2rem 0 1.5rem}
.tea-food__recommend>header{display:flex;gap:1rem;align-items:baseline;border-bottom:1px solid #d9d0bd;margin-bottom:1rem}
.tea-food__recommend h3{font-size:1.3rem;letter-spacing:.12em;margin:0;padding-bottom:.5rem}
.tea-food__recommend header>span{font-size:.75rem;color:#929384}
.tea-food__recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.tea-food-pick{display:grid;grid-template-columns:4rem 1fr;align-items:center;gap:.8rem}
.tea-food-pick__image{aspect-ratio:1;background:var(--food-pick-image,linear-gradient(140deg,#dfdbc8,#aeb496));background-position:center;background-size:cover}
.tea-food-pick h4{font-size:.9rem;margin:0 0 .3rem}
.tea-food-pick p{font-size:.75rem;color:#858677;margin:0}
@media(hover:hover){.tea-scene:hover{background:#fcfaf2;box-shadow:0 8px 24px #7363440d}.tea-food-category:hover{background:#efeddf}.tea-food-category:hover>b{color:#a16a50}}
@media(min-width:90rem){.tea-food{width:min(calc(100% - 4rem),94rem)}.tea-food__recommend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tea-food-pick{grid-template-columns:3.5rem 1fr}}
@media(max-width:64rem){.tea-scenes{gap:2rem}.tea-scene{gap:1rem;padding:.8rem 0}.tea-scene__heading{gap:.6rem}.tea-scene__heading strong{font-size:1.4rem}.tea-food{grid-template-columns:1fr}.tea-food__collage{min-height:0;height:25rem;max-width:38rem;width:100%;margin:auto}.tea-food__main{min-height:0}.tea-food__inset{width:45%}.tea-food__content{margin-top:1.5rem}}
@media(max-width:48rem){.tea-scenes{grid-template-columns:1fr;padding-block:3rem}.tea-scenes__intro{padding:0 0 5rem}.tea-home .tea-scenes__intro h2{font-size:3rem}.tea-scenes__intro>p:not(.tea-eyebrow){font-size:.9rem}.tea-scene__heading strong{font-size:1.3rem}.tea-scene__description{font-size:.85rem}.tea-food{padding-block:3rem}.tea-food__categories{grid-template-columns:repeat(2,minmax(0,1fr))}.tea-food-category{min-height:15rem}.tea-food__recommend-grid{grid-template-columns:1fr}.tea-food__collage{height:22rem;padding-right:1rem}.tea-food__inset{width:55%}.tea-food__recommend>header{flex-wrap:wrap;gap:.5rem}.tea-home .tea-food h2{font-size:2rem}.tea-food__intro br{display:none}}
:root{
 --home-hero:url("../images/tea-landscape.webp");
 --home-art:url("../images/tea-landscape.webp");
 --home-food:none;
 --home-wares:url("../images/tea-types/white-tea-5x11.png");
 --home-custom:url("../images/tea-landscape.webp");
 --home-poetry:url("../images/tea-landscape.webp");
}
body.home{background:#f5f1e7;color:#23352b}
.home .cha-header{color:#23352b;border:0;background:linear-gradient(#f5f1e7b8,transparent)}
.home .cha-header__inner{height:5.5rem}
.home .cha-nav a{font-size:.85rem;letter-spacing:.08em}
.home .cha-brand__mark{width:2.1rem}
.tea-home{overflow:hidden}
.tea-home h1,.tea-home h2{font-family:var(--cha-font-serif);font-weight:700}
.tea-home h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.35;letter-spacing:.1em;margin:0 0 1rem}
.tea-home p{line-height:1.9}
.tea-home .cha-button{font-size:.85rem;padding:.6rem 1.3rem;border-color:#899184}
.tea-home .cha-text-link{padding-bottom:.3rem;border-bottom:1px solid #a6ac9c;letter-spacing:.08em}
.tea-intro{position:relative;min-height:40rem;height:min(56vw,53rem);background:linear-gradient(90deg,#f5f1e7eb, #f5f1e73d 48%,transparent 75%),var(--home-hero) center/cover}
.tea-intro__inner{height:100%;min-height:inherit;display:flex;align-items:center}
.tea-intro__copy{position:relative;padding-top:4rem}
.tea-intro h1{font-size:clamp(4rem,7vw,7rem);line-height:1.2;letter-spacing:.12em;margin:0 0 1rem}
.tea-intro__copy p{font-size:1.15rem;letter-spacing:.12em;margin-bottom:2rem}
.tea-intro__verse{position:absolute;right:4%;top:28%;writing-mode:vertical-rl;font-size:.9rem;letter-spacing:.22em;line-height:2.3!important}
.tea-intro__scroll{position:absolute;bottom:2rem;left:max(1.5rem,calc((100% - 76rem)/2));text-decoration:none;font-size:.75rem;letter-spacing:.15em}
.tea-intro__scroll span{display:block;font-size:1.6rem}
.tea-six{padding-top:4rem;padding-bottom:2rem}
.tea-heading{text-align:center;margin-bottom:2rem}
.tea-heading>p{font-size:.8rem;color:#a17b60;letter-spacing:.22em;margin:0 0 .5rem}
.tea-heading h2{margin-bottom:.6rem}
.tea-heading>div{font-size:.9rem;color:#778071}
.tea-six__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}
.tea-card{position:relative;aspect-ratio:5/11;text-align:center;text-decoration:none;padding:1.6rem .3rem;overflow:hidden;transition:transform .25s}
.tea-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.tea-card strong,.tea-card>span{position:relative;display:block}
.tea-card strong{font-size:clamp(1.3rem,2vw,1.9rem);letter-spacing:.1em;transition:color .3s ease}
.tea-card>span{font-size:.9rem;margin-top:.4rem;letter-spacing:.04em}
.tea-card--green{color:#476244}.tea-card--white{color:#606557}.tea-card--yellow{color:#967431}.tea-card--oolong{color:#3b5349}.tea-card--red{color:#914d3e}.tea-card--dark{color:#514a3c}
.tea-six__link{text-align:center;margin-top:1.8rem}
.tea-culture{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:center;padding-block:3rem 4rem}
.tea-culture__copy p{color:#707769;font-size:1rem;margin-bottom:1.7rem}
.tea-orbit{height:32rem;position:relative}
.tea-orbit:before{content:"";position:absolute;inset:12% 15%;border:1px solid #c8c2a98c;border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 0 9px #d6ceba24}
.tea-orbit__cup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#afbc60 0%,#c7cc79 45%,#9ca258 48%,#f8f7ea 50%,#e2decf 62%,#fffdf2 69%,transparent 70%);filter:drop-shadow(4px 12px 10px #5c604c30)}
.tea-orbit__cup i{position:absolute;width:1.4rem;height:3.5rem;background:#648344;left:48%;top:30%;border-radius:100% 0 100% 0;transform:rotate(25deg)}
.tea-orbit__item{position:absolute;display:flex;align-items:center;gap:.8rem;max-width:45%;text-decoration:none}
.tea-orbit__medallion{display:grid;place-items:center;flex-shrink:0;width:4rem;aspect-ratio:1;border-radius:50%;background:#e7e1d1;color:#7e846d;font-size:1.6rem}
.tea-orbit__item strong{font-size:1.2rem;display:block}
.tea-orbit__item small{font-size:.8rem;display:block;color:#7a8070;line-height:1.6}
.tea-orbit__item--0{left:40%;top:2%}.tea-orbit__item--1{left:0;top:32%}.tea-orbit__item--2{right:0;top:32%}.tea-orbit__item--3{left:7%;bottom:5%}.tea-orbit__item--4{right:0;bottom:5%}
.tea-stories{max-width:100rem;margin:auto}
.tea-story{position:relative;min-height:25rem;display:grid;grid-template-columns:1.2fr 1fr;background:#ece7db;overflow:hidden}
.tea-story+.tea-story,.tea-pair,.tea-pair+.tea-story{margin-top:6px}
.tea-story__visual{position:absolute;inset:0;background-color:#e5decb;background-repeat:no-repeat;background-size:cover;background-position:center}
.tea-story__copy{position:relative;grid-column:2;padding:3.5rem clamp(2rem,5vw,5rem);background:linear-gradient(90deg,#f5f1e7b8,#f5f1e7f5 30%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.tea-story__copy p{font-size:.95rem;color:#747969;margin:0 0 1.2rem}
.tea-story__copy .tea-story__lead{font-size:1.1rem;color:#515d4d}
.tea-story__visual{background-image:var(--home-art)}
.tea-story--food .tea-story__visual{background-image:var(--home-food),radial-gradient(ellipse at 75% 60%,#a9b28c,transparent 50%);background-color:#e4dec9}
.tea-story--food .tea-story__copy,.tea-pair .tea-story__copy{grid-column:1;background:linear-gradient(90deg,#f5f1e7f5 65%,#f5f1e780)}
.tea-story__tags{display:flex;gap:2rem;margin-top:2rem;color:#747969;font-size:.9rem}
.tea-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tea-pair .tea-story{min-height:20rem;grid-template-columns:1.4fr 1fr}
.tea-pair .tea-story__copy{padding:2.5rem}
.tea-story--wares .tea-story__visual{background-image:var(--home-wares);background-position:right 73%;background-size:60% auto}
.tea-story--custom .tea-story__visual{background-image:var(--home-custom)}
.tea-story--poetry .tea-story__visual{background-image:var(--home-poetry)}
.home .cha-footer{background:#20332a}
.tea-home a:focus-visible{outline:2px solid #687a57;outline-offset:4px}
@media(hover:hover){.tea-card:hover{transform:translateY(-4px)}.tea-orbit__item:hover strong{color:#9a6949}}
@media(max-width:64rem){.tea-six__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tea-card{padding-top:2rem}.tea-culture{grid-template-columns:1fr}.tea-culture__copy{text-align:center}.tea-orbit{max-width:46rem;width:100%;margin:auto}.tea-pair .tea-story__copy{padding:1.8rem}.home .cha-nav ul{gap:1rem}}
@media(max-width:48rem){.home .cha-header__inner{height:5rem}.home .cha-nav{color:#f5f1e7}.tea-intro{height:38rem;min-height:38rem;background-position:60% center}.tea-intro__verse{display:none}.tea-intro__copy p{font-size:1rem}.tea-six{padding-top:3rem}.tea-six__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tea-card{padding-top:1.5rem}.tea-card strong{font-size:1.5rem}.tea-card>span{font-size:.85rem}.tea-heading>div{line-height:1.8}.tea-orbit{height:auto;display:grid;grid-template-columns:1fr;gap:1.2rem;padding:1rem}.tea-orbit:before,.tea-orbit__cup{display:none}.tea-orbit__item{position:static;max-width:none}.tea-culture{padding-block:3rem}.tea-story{display:flex;flex-direction:column;min-height:0}.tea-story__visual{position:relative;height:15rem;flex-shrink:0}.tea-story__copy,.tea-story--food .tea-story__copy,.tea-pair .tea-story__copy{padding:2rem;background:#f5f1e7}.tea-story--food .tea-story__visual{order:0}.tea-pair{grid-template-columns:1fr}.tea-pair .tea-story{min-height:0}.tea-story--wares .tea-story__visual{background-size:cover;background-position:center 72%}.tea-home h2{font-size:2rem}}
/* Muted plum accent provides a distinct interaction color over the tea artwork. */
.tea-home{--tea-hover-ink:#76506a}
.tea-scene__heading strong{transition:color .3s ease}
.tea-scene__image{transition:transform .45s ease,filter .45s ease;transform-origin:center}
.tea-card:focus-visible,.tea-scene:focus-visible{outline:2px solid var(--tea-hover-ink);outline-offset:4px}
.tea-card:focus-visible strong,.tea-scene:focus-visible .tea-scene__heading strong{color:var(--tea-hover-ink)}
@media(hover:hover) and (pointer:fine){.tea-card:hover strong,.tea-scene:hover .tea-scene__heading strong{color:var(--tea-hover-ink)}.tea-scene:hover .tea-scene__image{transform:scale(1.025);filter:brightness(1.035)}}
@media(prefers-reduced-motion:reduce){.tea-card:hover,.tea-scene:hover .tea-scene__image{transform:none}.tea-card strong,.tea-scene__heading strong,.tea-scene__image{transition:none}}

/* Shared content edges and generous, consistent spacing between home sections. */
.tea-home{--module-gap:clamp(5rem,8vw,9rem);--content-width:min(calc(100% - 3rem),var(--shell))}
.tea-home .tea-six,.tea-home .tea-scenes,.tea-home .tea-stories{width:var(--content-width);max-width:none;margin-inline:auto}
.tea-home .tea-six{padding:0;margin-top:var(--module-gap)}
.tea-home .tea-scenes{padding:0;margin-top:var(--module-gap)}
.tea-home .tea-stories{margin-top:var(--module-gap);margin-bottom:var(--module-gap)}
.tea-home .tea-story--art{width:100%;margin:0}
.tea-home .tea-food{width:100%;max-width:none;margin:var(--module-gap) 0 0;padding:0}
.tea-home .tea-scenes__landscape{left:0;right:0}
.tea-home .tea-food__inset{right:0}
@media(max-width:48rem){.tea-home{--content-width:min(calc(100% - 2rem),var(--shell));--module-gap:4.5rem}}
/* Homepage-only parity with 天与时 home-v2 hero. Inner-page hero geometry is unchanged. */
body .tea-home .tea-intro.tea-intro--centered{display:block;height:var(--cha-hero-height);min-height:var(--cha-hero-height);aspect-ratio:auto;overflow:hidden;isolation:isolate;background:var(--home-hero) center/cover no-repeat;background-color:#f5f1e7}
.tea-intro--centered::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(255,250,230,.12),transparent 31%),linear-gradient(90deg,rgba(245,241,231,.2),transparent 30%,transparent 70%,rgba(245,241,231,.2)),linear-gradient(to bottom,rgba(245,241,231,.04) 0%,rgba(245,241,231,.08) 68%,rgba(245,241,231,.76) 92%,#f5f1e7 100%)}
.tea-intro--centered.cha-hero-cloud-transition::before{background:radial-gradient(circle at 50% 40%,rgba(255,250,230,.12),transparent 31%),linear-gradient(90deg,rgba(245,241,231,.2),transparent 30%,transparent 70%,rgba(245,241,231,.2))}
body .tea-home .tea-intro.tea-intro--centered>.tea-intro__inner{position:absolute;inset:0;width:100%;max-width:none;min-height:0;height:100%;margin:0;display:block}
.tea-intro--centered .tea-intro__copy{position:absolute;z-index:1;top:42%;left:0;right:0;transform:translateY(-50%);padding:0 1rem;margin:0;text-align:center;text-shadow:0 2px 18px rgba(255,253,245,.95)}
.tea-intro--centered .tea-intro__eyebrow{display:block;font-size:.82rem;letter-spacing:.42em;line-height:1.5}
.tea-intro--centered .tea-intro__copy h1{margin:1.35rem 0 .8rem;font-size:clamp(4rem,7.4vw,7rem);font-weight:700;letter-spacing:.16em;line-height:1}
.tea-intro--centered .tea-intro__copy p{margin:0;font-size:1.1rem;letter-spacing:.2em;line-height:1.5}
@media(max-width:640px){.tea-intro--centered .tea-intro__eyebrow{font-size:.65rem;letter-spacing:.25em}.tea-intro--centered .tea-intro__copy h1{font-size:3.25rem;letter-spacing:.1em}.tea-intro--centered .tea-intro__copy p{font-size:.82rem;letter-spacing:.1em}}
/* Editorial tea-art insert: staggered top shoulders, not a four-corner frame. */
body .tea-home .tea-stories{width:100%;max-width:none}
body .tea-home .tea-stories .tea-food{width:var(--content-width);margin-inline:auto}
.tea-art-panorama{--tea-art-edge-back:#e7e0d3;--tea-art-edge-middle:#eee8dd;--tea-art-edge-height:clamp(6px,1vw,14px);position:relative;isolation:isolate;width:100%}
.tea-art-panorama__defs{position:absolute;pointer-events:none}
.tea-art-panorama::before,.tea-art-panorama::after{content:"";position:absolute;inset:0 0 var(--tea-art-edge-height);z-index:-1;pointer-events:none}
.tea-art-panorama::before{background:var(--tea-art-edge-back);clip-path:url(#tea-art-scroll-back)}
.tea-art-panorama::after{background:var(--tea-art-edge-middle);clip-path:url(#tea-art-scroll-middle)}
.tea-art-panorama__image{display:block;width:100%;height:auto;max-width:none;border:0;border-radius:0;box-shadow:none;clip-path:url(#tea-art-scroll-image);mask-image:none;-webkit-mask-image:none}
.tea-art-panorama__bottom{display:block;height:var(--tea-art-edge-height);background:var(--tea-art-edge-back)}

/* Multilingual visual localization: keep the Chinese composition, adapt typography per script. */
html[lang="en"] .tea-heading h2,
html[lang="es"] .tea-heading h2,
html[lang="fr"] .tea-heading h2{
  font-size:clamp(2.15rem,3.6vw,3.45rem);
  line-height:1.08;
  letter-spacing:.015em;
  text-wrap:balance;
}
html[lang="en"] .tea-heading>p,
html[lang="es"] .tea-heading>p,
html[lang="fr"] .tea-heading>p{
  letter-spacing:.12em;
}
html[lang="en"] .tea-card strong,
html[lang="es"] .tea-card strong,
html[lang="fr"] .tea-card strong{
  font-size:clamp(1.08rem,1.55vw,1.5rem);
  letter-spacing:.035em;
  white-space:nowrap;
}
html[lang="en"] .tea-card>span,
html[lang="es"] .tea-card>span,
html[lang="fr"] .tea-card>span{
  font-size:.82rem;
  letter-spacing:.02em;
}
html[lang="en"] .tea-scenes__intro h2,
html[lang="es"] .tea-scenes__intro h2,
html[lang="fr"] .tea-scenes__intro h2{
  font-size:clamp(2.9rem,4.35vw,4.55rem);
  line-height:1.14;
  letter-spacing:.01em;
  text-wrap:balance;
}
html[lang="ja"] .tea-heading h2{
  font-size:clamp(2.2rem,3.7vw,3.5rem);
  line-height:1.25;
  letter-spacing:.04em;
  text-wrap:balance;
}
html[lang="ja"] .tea-heading>p{
  letter-spacing:.08em;
}
html[lang="ja"] .tea-card strong{
  font-size:clamp(1.3rem,1.8vw,1.65rem);
  letter-spacing:.06em;
  white-space:nowrap;
}
html[lang="ja"] .tea-card>span{
  font-size:.82rem;
  letter-spacing:0;
}
html[lang="ja"] .tea-scenes__intro h2{
  font-size:clamp(3rem,4vw,4rem);
  line-height:1.32;
  letter-spacing:.02em;
  word-break:keep-all;
  overflow-wrap:normal;
  line-break:strict;
}
html[lang="ja"] .tea-scenes__intro>p:not(.tea-eyebrow){
  line-break:strict;
  word-break:normal;
}
@media(max-width:48rem){
  html[lang="en"] .tea-card strong,
  html[lang="es"] .tea-card strong,
  html[lang="fr"] .tea-card strong{font-size:1.16rem}
  :is(html[lang="en"],html[lang="es"],html[lang="fr"]) .tea-heading h2{
    font-size:1.72rem;
    line-height:1.18;
    max-width:calc(100vw - 4rem);
    margin-inline:auto;
  }
  :is(html[lang="en"],html[lang="es"],html[lang="fr"]) .tea-heading>div{
    max-width:calc(100vw - 3rem);
    margin-inline:auto;
    padding-inline:.5rem;
    line-height:1.65;
    white-space:normal;
  }
  :is(html[lang="en"],html[lang="es"],html[lang="fr"]) .tea-intro--centered .tea-intro__copy p{
    max-width:calc(100vw - 2rem);
    margin-inline:auto;
    font-size:.78rem;
    line-height:1.55;
    letter-spacing:.035em;
    white-space:normal;
  }
  html[lang="ja"] .tea-heading h2{
    font-size:1.72rem;
    line-height:1.22;
    letter-spacing:.02em;
  }
  html[lang="ja"] .tea-heading>div{
    max-width:calc(100vw - 2.5rem);
    margin-inline:auto;
    font-size:.8rem;
    line-height:1.7;
  }
  html[lang="ja"] .tea-card>span{
    font-size:.74rem;
    line-height:1.5;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  html[lang="ja"] .tea-scenes__intro h2{font-size:2.15rem}
}