:root{--paper:#f4f0e5;--paper-deep:#e8e1d2;--ink:#1d2822;--moss:#526656;--sage:#849184;--red:#9d3b2e;--line:rgba(29,40,34,.16);--shell:76rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f0e7;color:var(--ink);font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",SimSun,serif;line-height:1.8}a{color:inherit}.cha-shell{width:min(calc(100% - 3rem),var(--shell));margin-inline:auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.cha-skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.6rem 1rem;background:#fff}.cha-skip-link:focus{top:1rem}
.cha-header{position:absolute;z-index:30;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.35);color:#f8f5ea}.cha-header__inner{height:6.25rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.cha-brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none}.cha-brand__mark{display:grid;place-items:center;width:2.65rem;aspect-ratio:1;border:1px solid currentColor;font-size:1.15rem}.cha-brand__name{font-size:1.12rem;letter-spacing:.22em;line-height:1.15}.cha-brand__name small{display:block;margin-top:.35rem;font-family:Georgia,serif;font-size:.48rem;letter-spacing:.2em;opacity:.7}.cha-nav ul{display:flex;gap:clamp(1rem,2.3vw,2.2rem);margin:0;padding:0;list-style:none}.cha-nav a{position:relative;text-decoration:none;font-size:.88rem;letter-spacing:.13em}.cha-nav a:after{content:"";position:absolute;left:50%;bottom:-.5rem;width:0;height:1px;background:currentColor;transition:.25s}.cha-nav a:hover:after{left:0;width:100%}.cha-menu-toggle{display:none;background:none;border:0;color:inherit;padding:.5rem}.cha-menu-toggle span{display:block;width:1.5rem;height:1px;margin:.34rem;background:currentColor}
.cha-hero{position:relative;min-height:47rem;height:100svh;max-height:62rem;overflow:hidden;background:#2f4237;color:#f8f5ea}.cha-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,30,23,.5),transparent 60%),linear-gradient(0deg,rgba(18,28,23,.35),transparent 40%)}.cha-hero__wash{position:absolute;inset:0;background:url(../images/tea-landscape.webp) center/cover;filter:saturate(.55) contrast(.9);opacity:.72;transform:scale(1.02)}.cha-hero__inner{position:relative;z-index:2;height:100%;display:flex;align-items:center}.cha-hero__copy{padding-top:5rem}.cha-kicker{margin:0 0 1.3rem;color:var(--red);font-size:.75rem;letter-spacing:.38em}.cha-hero .cha-kicker{color:#dcb7a3}.cha-hero h1{display:flex;gap:.07em;margin:0;font-size:clamp(5rem,11vw,9.6rem);font-weight:400;line-height:1;letter-spacing:.04em;text-shadow:0 2px 20px rgba(0,0,0,.2)}.cha-hero h1 span:nth-child(2){transform:translateY(2.1rem)}.cha-hero h1 span:nth-child(3){transform:translateY(.6rem)}.cha-hero__verse{margin:3rem 0 2rem;padding-left:1.5rem;border-left:1px solid rgba(255,255,255,.45);font-size:1rem;letter-spacing:.16em}.cha-text-link{display:inline-flex;align-items:center;gap:1.2rem;text-decoration:none;font-size:.82rem;letter-spacing:.2em;transition:color .25s ease}.cha-text-link span{font-family:Arial,sans-serif;transition:transform .25s ease}.cha-text-link:hover span{transform:translateX(4px)}.cha-text-link:hover{color:var(--red,#9d3b2e)}.cha-hero__side{position:absolute;z-index:3;right:1.6rem;top:50%;margin:0;writing-mode:vertical-rl;font-size:.68rem;letter-spacing:.4em;opacity:.62}.cha-hero__scene{position:absolute;right:1%;bottom:4%;width:53%;height:58%;opacity:.55}.cha-sun{position:absolute;right:12%;top:0;width:8rem;aspect-ratio:1;border-radius:50%;background:#c16a4d;filter:blur(1px);opacity:.7}.cha-mountain{position:absolute;inset:auto 0 0;background:#172820;clip-path:polygon(0 80%,13% 64%,24% 70%,39% 28%,50% 52%,63% 17%,76% 49%,87% 36%,100% 58%,100% 100%,0 100%)}.cha-mountain--far{height:72%;background:#87958b;opacity:.6}.cha-mountain--near{height:52%;background:#172820}.cha-cup{position:absolute;z-index:3;left:44%;bottom:4%;width:9rem;height:3.5rem;border-radius:15% 15% 48% 48%;background:#d8d2c2;box-shadow:0 1.8rem 0 -1.35rem rgba(220,214,198,.55)}.cha-cup i{position:absolute;right:-2.2rem;top:.4rem;width:3.2rem;height:2rem;border:6px solid #d8d2c2;border-left:0;border-radius:0 60% 60% 0}.cha-steam{position:absolute;z-index:4;bottom:16%;left:53%;width:3rem;height:8rem;border-left:1px solid rgba(255,255,255,.7);border-radius:50%;transform:rotate(18deg)}.cha-steam--two{left:59%;height:6rem;transform:rotate(-10deg)}
.cha-section{padding:clamp(6rem,11vw,10rem) 0}.cha-section-head{max-width:41rem;margin:0 auto 4.5rem;text-align:center}.cha-section-head h2,.cha-types h2,.cha-finder h2,.cha-flavour h2,.cha-closing h2{margin:.2rem 0 1.2rem;font-size:clamp(2rem,4vw,3.35rem);font-weight:400;line-height:1.35;letter-spacing:.08em}.cha-section-head>p:last-child{color:#69746c}
.cha-types{background:#f7f3e9}.cha-types__head{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:3rem}.cha-types__head h2{margin-bottom:0}.cha-types__head>p{padding-left:2rem;border-left:1px solid var(--line);color:#6c756d;font-size:.82rem}.cha-types__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.cha-type{position:relative;min-height:29rem;display:flex;align-items:center;flex-direction:column;padding:2.2rem 1.15rem 1.5rem;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(231,225,211,.7));overflow:hidden;text-align:center;text-decoration:none;transition:transform .3s,box-shadow .3s}.cha-type:before{content:"";position:absolute;inset:42% 0 0;background:radial-gradient(ellipse at 50% 100%,var(--tea-tint),transparent 70%);opacity:.55}.cha-type:hover{transform:translateY(-.5rem);box-shadow:0 1.3rem 2.4rem rgba(41,51,44,.12)}.cha-type strong{position:relative;font-size:1.65rem;font-weight:400;letter-spacing:.15em}.cha-type em{position:relative;color:#7b817a;font-family:Georgia,serif;font-size:.56rem;font-style:normal;letter-spacing:.12em}.cha-type b{position:relative;margin-top:.7rem;font-size:.72rem;font-weight:400;letter-spacing:.1em}.cha-type small{position:relative;margin-top:1.1rem;color:#737b74;font-size:.68rem;line-height:1.7}.cha-type__leaf{position:relative;width:5.5rem;height:9rem;margin:1.8rem 0 .4rem}.cha-type__leaf:before{content:"";position:absolute;left:50%;bottom:0;width:1px;height:8.5rem;background:#596b5e;transform:rotate(8deg);transform-origin:bottom}.cha-type__leaf i{position:absolute;width:2.7rem;height:1.25rem;border-radius:100% 0 100% 0;background:var(--tea-leaf);transform:rotate(-24deg)}.cha-type__leaf i:nth-child(1){left:.7rem;top:3.2rem}.cha-type__leaf i:nth-child(2){right:.25rem;top:5.3rem;transform:scaleX(-1) rotate(-24deg)}.cha-type__leaf i:nth-child(3){left:1rem;top:7rem;transform:rotate(-13deg)}.cha-type__more{position:relative;margin-top:auto;color:var(--red);font-size:.65rem;letter-spacing:.12em}.cha-type--green{--tea-leaf:#6e8a67;--tea-tint:#a9bd91}.cha-type--white{--tea-leaf:#a5ad95;--tea-tint:#d7d9c5}.cha-type--yellow{--tea-leaf:#b59a57;--tea-tint:#d8c47f}.cha-type--oolong{--tea-leaf:#657963;--tea-tint:#8e9c82}.cha-type--red{--tea-leaf:#a56a4d;--tea-tint:#c88d72}.cha-type--dark{--tea-leaf:#665f4d;--tea-tint:#8c8168}.cha-types__footer{display:flex;align-items:center;justify-content:flex-end;gap:2rem;margin-top:2.5rem}.cha-types__footer p{margin-right:auto;color:#687169;font-size:.82rem}.cha-types__footer .cha-text-link{font-size:.7rem}
.cha-finder{background:#e7dfd0}.cha-finder__inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,8rem);align-items:center}.cha-finder__intro{position:relative}.cha-finder__intro>p:not(.cha-kicker){max-width:30rem;color:#667168}.cha-finder__stamp{position:absolute;right:1rem;bottom:-2rem;display:grid;place-items:center;width:3rem;height:4.7rem;border:1px solid var(--red);color:var(--red);font-size:.9rem;line-height:1.25}.cha-finder__steps{border-top:1px solid var(--line)}.cha-finder__steps article{display:flex;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.cha-finder__steps article>span{display:grid;place-items:center;flex:0 0 2.4rem;height:2.4rem;border:1px solid #9ca399;border-radius:50%;color:var(--red)}.cha-finder__steps h3{margin:0;font-size:1rem;font-weight:400;letter-spacing:.1em}.cha-finder__steps p{margin:.2rem 0 0;color:#747d75;font-size:.75rem}.cha-finder__action{display:flex;align-items:center;margin-top:1.5rem;padding:1.1rem 1.3rem;background:#536656;color:#fff;text-decoration:none}.cha-finder__action span{letter-spacing:.18em}.cha-finder__action b{margin-left:1rem;color:rgba(255,255,255,.62);font-size:.65rem;font-weight:400}.cha-finder__action i{margin-left:auto;font-family:Arial;font-size:1.2rem;font-style:normal}
.cha-world{position:relative}.cha-world:before{content:"茶";position:absolute;left:-.03em;top:.05em;color:rgba(80,96,84,.04);font-size:30rem;line-height:1}.cha-world__grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cha-topic{position:relative;min-height:25rem;display:flex;flex-direction:column;padding:2.2rem 1.6rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;text-decoration:none;transition:background .35s,color .35s,transform .35s}.cha-topic:hover{z-index:2;background:#5a6b5d;color:#fff;transform:translateY(-.35rem);box-shadow:0 1.5rem 3rem rgba(44,59,49,.15)}.cha-topic--featured{background:#e6ddcb}.cha-topic__number{font-family:Georgia,serif;font-size:.7rem;letter-spacing:.18em;opacity:.55}.cha-topic__seal{position:absolute;right:1.4rem;top:1.8rem;display:grid;place-items:center;width:2rem;aspect-ratio:1;background:var(--red);color:#f7ede1;font-size:.8rem}.cha-topic strong{margin-top:3.5rem;font-size:1.65rem;font-weight:400;letter-spacing:.14em}.cha-topic em{margin:.65rem 0 1.5rem;color:var(--red);font-size:.72rem;font-style:normal;letter-spacing:.12em}.cha-topic:hover em{color:#e9c7b7}.cha-topic__description{color:#6b756d;font-size:.82rem}.cha-topic:hover .cha-topic__description{color:rgba(255,255,255,.75)}.cha-topic__more{margin-top:auto;padding-top:2rem;font-size:.7rem;letter-spacing:.16em}.cha-topic__more b{float:right;font-family:Arial;font-weight:400;font-size:1.1rem}
.cha-flavour{background:#e4ddce}.cha-flavour__inner{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(3rem,8vw,8rem)}.cha-flavour__image{position:relative}.cha-flavour__image:before{content:"";position:absolute;inset:-1.2rem 1.5rem 1.5rem -1.2rem;border:1px solid rgba(73,87,75,.35)}.cha-flavour__image img{position:relative;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.7)}.cha-flavour__image>span{position:absolute;right:-1rem;bottom:-2rem;padding:.7rem .8rem;background:var(--red);color:#fff;line-height:1.4;text-align:center}.cha-flavour__copy>p:not(.cha-kicker){color:#657067}.cha-flavour__copy ul{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:2.5rem 0 3rem;padding:0;list-style:none;border-top:1px solid var(--line)}.cha-flavour__copy li{padding:1rem .5rem;border-bottom:1px solid var(--line);font-size:.9rem;letter-spacing:.12em}.cha-flavour__copy li:nth-child(odd){border-right:1px solid var(--line)}.cha-flavour__copy li span{margin-right:1rem;color:var(--red);font-family:Georgia;font-size:.65rem}.cha-button{display:inline-block;padding:.8rem 2.2rem;border:1px solid var(--ink);text-decoration:none;font-size:.78rem;letter-spacing:.2em;transition:.25s}.cha-button:hover{background:var(--ink);color:#fff}
.cha-seasons{position:relative;background:#35483c url(../images/ink-bg.webp) center/cover;color:#f0eee5}.cha-seasons:before{content:"";position:absolute;inset:0;background:rgba(34,53,42,.82)}.cha-seasons .cha-shell{position:relative}.cha-section-head--light .cha-kicker{color:#d39d83}.cha-seasons__grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.25)}.cha-seasons__grid article{min-height:21rem;padding:2.5rem 2rem;border-right:1px solid rgba(255,255,255,.25);transition:background .3s}.cha-seasons__grid article:last-child{border:0}.cha-seasons__grid article:hover{background:rgba(255,255,255,.08)}.cha-seasons__grid span{display:grid;place-items:center;width:3rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.5);font-size:1.25rem}.cha-seasons__grid h3{margin:4.5rem 0 1rem;font-size:1.25rem;font-weight:400;letter-spacing:.16em}.cha-seasons__grid p{color:rgba(255,255,255,.65);font-size:.85rem}.cha-closing{position:relative;text-align:center;overflow:hidden}.cha-closing__mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:rgba(68,86,72,.045);font-size:30rem;line-height:1}.cha-closing>*:not(.cha-closing__mark){position:relative}.cha-closing>p:not(.cha-kicker){color:#667168}.cha-closing .cha-text-link{margin-top:2rem}
.cha-footer{background:#202d26;color:#e5e3db}.cha-footer__inner{min-height:9rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.cha-footer__brand{display:flex;align-items:center;gap:.8rem}.cha-footer__brand>span{display:grid;place-items:center;width:2.5rem;aspect-ratio:1;border:1px solid #b9b6aa}.cha-footer__brand p{margin:0}.cha-footer__brand strong{display:block;font-weight:400;letter-spacing:.2em}.cha-footer__brand small{display:block;color:#929b94;font-size:.65rem;letter-spacing:.12em}.cha-footer__note,.cha-footer__copyright{margin:0;color:#929b94;font-size:.7rem;letter-spacing:.2em}
@media(max-width:64rem){.cha-types__grid{grid-template-columns:repeat(3,1fr)}.cha-world__grid{grid-template-columns:repeat(2,1fr)}.cha-hero__scene{width:62%;opacity:.42}.cha-seasons__grid{grid-template-columns:1fr 1fr}.cha-seasons__grid article:nth-child(2){border-right:0}.cha-seasons__grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.25)}}
@media(max-width:48rem){.cha-shell{width:min(calc(100% - 2rem),var(--shell))}.cha-header__inner{height:5rem}.cha-menu-toggle{display:block}.cha-nav{display:none;position:absolute;top:5rem;left:0;width:100%;padding:1.5rem;background:rgba(27,42,33,.97)}.cha-nav.is-open{display:block}.cha-nav ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.cha-nav a{display:block;padding:.7rem}.cha-hero{min-height:42rem;max-height:50rem}.cha-hero__copy{padding-top:3rem}.cha-hero h1{font-size:5rem}.cha-hero__scene{right:-24%;width:100%;height:50%}.cha-hero__side{display:none}.cha-types__head{display:block}.cha-types__head>p{margin-top:1.5rem;padding-left:0;border:0}.cha-types__grid{grid-template-columns:1fr 1fr}.cha-type{min-height:24rem}.cha-types__footer{align-items:flex-start;flex-direction:column;gap:1rem}.cha-types__footer p{margin:0}.cha-finder__inner{grid-template-columns:1fr}.cha-finder__stamp{display:none}.cha-world__grid{grid-template-columns:1fr}.cha-topic{min-height:20rem}.cha-flavour__inner{grid-template-columns:1fr}.cha-flavour__image{max-width:85%;margin:auto}.cha-seasons__grid{grid-template-columns:1fr}.cha-seasons__grid article{min-height:auto;border:0;border-bottom:1px solid rgba(255,255,255,.25)!important}.cha-seasons__grid h3{margin-top:2rem}.cha-footer__inner{align-items:flex-start;flex-direction:column;padding-block:2.2rem}.cha-footer__note{display:none}}
.cha-type:before{display:none}.cha-type__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cha-type__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,244,235,.98) 0%,rgba(248,244,235,.86) 24%,rgba(248,244,235,.08) 48%,rgba(31,39,34,.08) 76%,rgba(31,39,34,.56) 100%)}.cha-type strong,.cha-type em,.cha-type b,.cha-type small,.cha-type__more{z-index:2}.cha-type small{max-width:9.2rem}.cha-type__more{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Six-tea cards: fixed 5:11 frames with uncropped artwork. */
/* Lightweight mirrored leaf ornaments for centered section titles. */
:is(.tea-home .tea-heading,.tea-overview .to-heading,.green-page .green-heading,.cha-section-heading) h2{display:flex;align-items:center;justify-content:center;gap:24px}
:is(.tea-home .tea-heading,.tea-overview .to-heading,.green-page .green-heading,.cha-section-heading) h2:before,:is(.tea-home .tea-heading,.tea-overview .to-heading,.green-page .green-heading,.cha-section-heading) h2:after{content:"";display:block;flex:0 1 100px;min-width:28px;height:35px;background:url('../images/heading-tea-ribbon-clean.svg') right center/100% 100% no-repeat}
:is(.tea-home .tea-heading,.tea-overview .to-heading,.green-page .green-heading,.cha-section-heading) h2:after{transform:scaleX(-1)}
@media(max-width:700px){:is(.tea-home .tea-heading,.tea-overview .to-heading,.green-page .green-heading,.cha-section-heading) h2{gap:10px;font-size:clamp(1.4rem,5vw,2rem)}:is(.tea-home .tea-heading,.tea-overview .to-heading,.green-page .green-heading,.cha-section-heading) h2:before,:is(.tea-home .tea-heading,.tea-overview .to-heading,.green-page .green-heading,.cha-section-heading) h2:after{flex-basis:36px;min-width:22px;height:24px}}
:root{--cha-card-radius:12px;--cha-heading-color:#2e4334}
.cha-tea-badge{--badge-ink:#46613d;--badge-paper:#eaf0e4;--badge-border:#bdcbb0;color:var(--badge-ink);background:var(--badge-paper);border:1px solid var(--badge-border);border-radius:6px;padding:.1rem .6rem;font-size:.8rem}
.cha-tea-badge[data-tea-type="white"]{--badge-ink:#746b55;--badge-paper:#f5f1e7;--badge-border:#d5ccba}
.cha-tea-badge[data-tea-type="yellow"]{--badge-ink:#80621e;--badge-paper:#f5edcc;--badge-border:#dac78a}
.cha-tea-badge[data-tea-type="oolong"]{--badge-ink:#725738;--badge-paper:#eee6d9;--badge-border:#ccb99d}
.cha-tea-badge[data-tea-type="red"]{--badge-ink:#8c4035;--badge-paper:#f3e4dd;--badge-border:#d9b6a9}
.cha-tea-badge[data-tea-type="dark"]{--badge-ink:#49443d;--badge-paper:#e8e5df;--badge-border:#bcb6ab}
.cha-section-heading{text-align:center;display:block;margin-bottom:2rem}.cha-section-heading p{margin:.8rem 0 0}
:is(.green-intro-card,.green-shape,.green-tea,.to-card,.to-guide-card,.cha-card){border-radius:var(--cha-card-radius)!important;overflow:hidden}
/* Typography follows the calendar project's shared Chinese serif standard. */
:root{--cha-font-serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
body{font-family:var(--cha-font-serif);letter-spacing:.05em}
button,input,select,textarea{font-family:inherit}
.cha-section-head h2,.cha-types h2,.cha-flavour h2,.cha-closing h2{font-family:var(--cha-font-serif);font-weight:700;line-height:1.4;letter-spacing:.08em}
.cha-type strong,.cha-topic strong,.cha-seasons__grid h3{font-family:var(--cha-font-serif);font-weight:700;line-height:1.4;letter-spacing:.08em}
.cha-type em{margin-top:.5rem}
.cha-section-head>p:last-child,.cha-flavour__copy>p:not(.cha-kicker),.cha-topic__description,.cha-seasons__grid p,.cha-closing>p:not(.cha-kicker){line-height:1.6;letter-spacing:.05em}
.cha-nav a{font-weight:700}
.cha-type{aspect-ratio:5/11;min-height:0;min-width:0;padding:clamp(1rem,2.5vw,2.2rem) clamp(.5rem,1.2vw,1.15rem) 1rem}
.cha-type__art{object-fit:contain}
.cha-type .cha-type__shade{background:linear-gradient(180deg,rgba(248,244,235,.12),transparent 45%)}
@media(max-width:30rem){.cha-type strong{font-size:1.4rem}}

/* Borderless cards; keyboard focus remains visible for navigation. */
.cha-types__grid .cha-type,.cha-world__grid .cha-topic{border:0;box-shadow:none}
.cha-types__grid .cha-type:hover,.cha-world__grid .cha-topic:hover{border:0;box-shadow:none}
/* Tea-coloured labels; artwork never zooms or crops. */
/* Cultural entries: quiet paper panels with a large typographic motif. */
.cha-world:before{display:none}
.cha-world__grid{gap:1rem;border:0}
.cha-topic{--topic-accent:#65735b;min-height:23rem;padding:2rem 1.4rem;border:1px solid #ded8ca;border-top:3px solid var(--topic-accent);border-radius:3px;background:#f9f6ef;isolation:isolate;transition:transform .3s,box-shadow .3s,border-color .3s}
.cha-topic:nth-child(2){--topic-accent:#55766e}
.cha-topic:nth-child(3){--topic-accent:#ab7651}
.cha-topic:nth-child(4){--topic-accent:#85725d}
.cha-topic:nth-child(5){--topic-accent:#75768a}
.cha-topic__number{color:var(--topic-accent);opacity:1;letter-spacing:.12em}
.cha-topic__seal{top:1rem;right:.6rem;z-index:-1;width:auto;height:auto;background:none;color:var(--topic-accent);font-size:7rem;font-weight:400;line-height:1;opacity:.09;transition:opacity .3s}
.cha-topic strong{margin-top:3rem;font-size:1.7rem}
.cha-topic em{margin:.65rem 0 1.25rem;color:var(--topic-accent);font-size:.9rem}
.cha-topic__description{font-size:.9rem;color:#60695f;line-height:1.8}
.cha-topic__more{margin-top:auto;padding-top:1.5rem;font-size:.8rem;color:var(--topic-accent)}
.cha-topic__more b{transition:transform .3s}
.cha-topic:hover{background:#f9f6ef;color:var(--ink);transform:none;box-shadow:none}
.cha-topic:hover em{color:var(--topic-accent)}
.cha-topic:hover .cha-topic__description{color:#60695f}
.cha-topic:focus-visible{outline:2px solid var(--topic-accent);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.cha-topic:hover{transform:translateY(-4px);border-color:var(--topic-accent);box-shadow:0 12px 24px -18px var(--topic-accent)}.cha-topic:hover .cha-topic__seal{opacity:.16}.cha-topic:hover .cha-topic__more b{transform:translateX(4px)}}
@media(max-width:64rem) and (min-width:48.001rem){.cha-topic:last-child{grid-column:1/-1;min-height:17rem}}
@media(max-width:48rem){.cha-topic{min-height:18rem;padding:1.5rem}.cha-topic strong{margin-top:1.5rem}.cha-topic__description{max-width:32rem}}
@media(prefers-reduced-motion:reduce){.cha-topic:hover,.cha-topic:hover .cha-topic__more b{transform:none}}
.cha-type--green{--tea-accent:#587447;--tea-frame:#a2b292}
.cha-type--white{--tea-accent:#747354;--tea-frame:#c1bea1}
.cha-type--yellow{--tea-accent:#957020;--tea-frame:#ccb36c}
.cha-type--oolong{--tea-accent:#536d60;--tea-frame:#96aa9c}
.cha-type--red{--tea-accent:#a24f38;--tea-frame:#c99580}
.cha-type--dark{--tea-accent:#66503e;--tea-frame:#aa9580}
.cha-type{border-color:var(--tea-frame);border-radius:4px;isolation:isolate;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.cha-types__footer{justify-content:center;align-items:center}
.cha-type strong{color:var(--tea-accent);transition:color .3s ease}
.cha-type b{font-size:.9rem;line-height:1.6;letter-spacing:.04em;color:var(--tea-accent)}
.cha-type small{font-size:.875rem;line-height:1.7;letter-spacing:.02em;color:#505b51;margin-top:.75rem}
.cha-type__more{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;line-height:1.6;padding:.3rem .6rem;border:1px solid rgba(255,255,255,.5);border-radius:2px;background:rgba(29,40,34,.32);transition:background .3s ease,border-color .3s ease}
.cha-type__more>span{display:inline-block;transition:transform .3s ease}
.cha-type:hover{transform:none;box-shadow:none}
.cha-type:focus-visible{outline:2px solid var(--tea-accent);outline-offset:4px;border-color:var(--tea-accent)}
.cha-type:focus-visible .cha-type__more{background:var(--tea-accent)}
@media(hover:hover) and (pointer:fine){
 .cha-type:hover{transform:translateY(-6px);border-color:var(--tea-accent);box-shadow:0 14px 26px -16px var(--tea-accent)}
 .cha-type:hover .cha-type__more{background:var(--tea-accent);border-color:var(--tea-accent)}
 .cha-type:hover .cha-type__more>span{transform:translateX(4px)}
}
@media(max-width:22rem){.cha-types__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cha-type:hover,.cha-type:hover .cha-type__more>span{transform:none}.cha-type:after{transition:none}}