.public-hero{max-width:1180px;margin:28px auto;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;background:#17382d;color:#fff;border-radius:24px}.public-hero h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.04;margin:.2em 0}.public-hero img{width:100%;border-radius:16px;aspect-ratio:4/3;object-fit:cover}.lead{font-size:1.15rem;line-height:1.6}.public-section,.public-final{max-width:1180px;margin:70px auto;padding:0 24px}.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.public-grid--four{grid-template-columns:repeat(4,1fr)}.public-grid>a,.public-card{background:#fff;border:1px solid #dce4d7;border-radius:14px;padding:20px;color:#17382d;text-decoration:none}.public-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.public-card h3{font-size:1.25rem}.public-card .button{margin-top:10px}.public-final{background:#e8eee2;padding:42px;border-radius:20px}.public-final h2{font-size:2.2rem}@media(max-width:700px){.public-hero{margin:0;border-radius:0;padding:30px 20px;grid-template-columns:1fr}.public-section,.public-final{margin:42px auto;padding:0 18px}.public-final{padding:28px 18px}.public-grid,.public-grid--four{grid-template-columns:1fr}.public-hero img{order:-1}}
.landing-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.brand-story__grid,.space-experience{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,6vw,80px);align-items:center}.brand-story h2,.space-experience h2,.community-intro h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12;margin:.2em 0}.brand-story p,.space-experience p,.community-intro p{font-size:1.05rem}.landing-products .public-card{display:flex;flex-direction:column;gap:8px}.landing-products h3{margin:0}.landing-products h3 a{color:inherit;text-decoration:none}.landing-products .menu-card-order{margin-top:auto}.landing-categories a{display:flex;flex-direction:column;gap:6px}.landing-categories img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}.space-experience{max-width:1180px;margin:70px auto;padding:42px;background:#e7ece3;border-radius:20px}.space-experience img{width:100%;border-radius:16px}.community-intro{display:grid;grid-template-columns:.4fr 1fr;gap:30px;background:#17382d;color:#fff;padding:44px;border-radius:20px}.commerce-final{text-align:center}.commerce-final .landing-actions{justify-content:center}@media(max-width:700px){.brand-story__grid,.space-experience,.community-intro{grid-template-columns:1fr}.space-experience{margin:42px 18px;padding:26px 18px}.community-intro{margin-inline:18px;padding:28px 20px}.landing-actions .button,.landing-actions .quiet{width:100%;margin:0;text-align:center}.site-nav{display:none}}

/* 2026-08-16 — Thiên Trà Đạo homepage V5 landing page */
.ttd-home-v5{--home-container:1240px;--home-gutter:28px;--home-ivory:#fbf8f1;--home-cream:#f2eee4;--home-green:#214638;--home-green-2:#315b49;--home-brown:#705038;--home-sage:#dfe7dc;--home-text:#26332c;--home-muted:#68716b;--home-border:rgba(38,51,44,.13);--home-shadow:0 14px 34px rgba(38,51,44,.08);color:var(--home-text);overflow:hidden}.ttd-home-v5 *{box-sizing:border-box}.ttd-home-v5 a:focus-visible,.ttd-home-v5 button:focus-visible{outline:3px solid rgba(49,91,73,.28);outline-offset:4px}.ttd-home-inner,.ttd-home-section,.ttd-home-hero,.ttd-proof-strip{width:min(var(--home-container),calc(100% - (var(--home-gutter)*2)));margin-inline:auto}.ttd-home-section{padding-block:clamp(80px,8vw,120px)}.ttd-home-v5 .eyebrow{margin:0;color:#7b766d;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ttd-home-v5 .button{min-height:46px;border-radius:999px;padding-inline:21px;display:inline-flex;align-items:center;justify-content:center;font-weight:750}.ttd-home-v5 .button--secondary{background:transparent}.ttd-text-link,.ttd-arrow-link,.ttd-underline-link{display:inline-flex;align-items:center;gap:7px;color:var(--home-green);font-size:13px;font-weight:760;text-decoration:none}.ttd-arrow-link span,.ttd-text-link span{transition:transform .22s ease}.ttd-arrow-link:hover span,.ttd-arrow-link:focus-visible span,.ttd-text-link:hover span,.ttd-text-link:focus-visible span{transform:translateX(5px)}

/* Media + no-broken-image fallback */
.ttd-home-media,.ttd-home-media-fallback{position:relative;display:block;overflow:hidden;background:linear-gradient(145deg,#efeadf,#f8f5ed);width:100%;min-width:0}.ttd-home-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.ttd-home-media__fallback{position:absolute;inset:0;display:none;place-items:center;align-content:center;gap:8px;background:#f1ede4;color:#746d64;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.ttd-home-media__fallback img,.ttd-home-media-fallback>img{width:46px!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;opacity:.62}.ttd-home-media-fallback{display:grid;place-items:center;align-content:center;gap:8px;color:#746d64;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.ttd-card-media{display:block;overflow:hidden;color:inherit;text-decoration:none}.ttd-card-media:hover .ttd-home-media>img,.ttd-card-media:focus-visible .ttd-home-media>img{transform:scale(1.04)}

/* Hero */
.ttd-home-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);align-items:center;gap:clamp(48px,6vw,90px);min-height:min(760px,calc(100vh - 78px));padding-block:42px 56px}.ttd-home-hero__copy{max-width:720px}.ttd-home-hero__copy h1{max-width:690px;margin:14px 0 22px;color:var(--home-text);font-size:clamp(56px,5vw,68px);line-height:1.015;letter-spacing:-.045em;text-wrap:balance}.ttd-home-hero__copy .lead{max-width:62ch;margin:0;color:var(--home-muted);font-size:18px;line-height:1.72}.ttd-home-hero .landing-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.ttd-home-hero__visual{position:relative;min-width:0;padding:0 42px 52px 0}.ttd-hero-main{margin:0}.ttd-hero-main .ttd-home-media{border-radius:2px}.ttd-hero-main figcaption{margin-top:10px;color:#7d7a72;font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.ttd-hero-detail{position:absolute;right:0;bottom:0;width:37%;margin:0;border:7px solid var(--home-ivory);box-shadow:var(--home-shadow);will-change:transform}.ttd-home-hero__visual:hover .ttd-hero-main .ttd-home-media>img{transform:scale(1.025)}

/* Proof */
.ttd-proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--home-border);padding-block:14px}.ttd-proof-strip span{min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 14px;border-right:1px solid var(--home-border);color:#656e67;font-size:12px;transition:transform .18s ease,color .18s ease}.ttd-proof-strip span:last-child{border-right:0}.ttd-proof-strip span:hover{transform:translateY(-2px);color:var(--home-green)}.ttd-proof-strip .ui-icon{width:17px;height:17px;flex:0 0 17px}.ttd-proof-strip b{font-weight:650}

/* Shared editorial headings */
.ttd-editorial-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);align-items:end;gap:48px;margin-bottom:38px}.ttd-editorial-heading>div{max-width:760px}.ttd-editorial-heading h2,.ttd-brand-story h2,.ttd-ingredients h2,.ttd-home-cta h2{margin:10px 0 0;color:var(--home-text);font-size:clamp(40px,4vw,54px);line-height:1.06;letter-spacing:-.035em;text-wrap:balance}.ttd-editorial-heading>p{max-width:50ch;margin:0;color:var(--home-muted);line-height:1.68}.ttd-editorial-heading--row{grid-template-columns:minmax(0,1fr) auto}.ttd-editorial-heading--row>.ttd-arrow-link{align-self:end;margin-bottom:5px}

/* Tea */
.ttd-tea-section{padding-top:clamp(84px,9vw,124px)}.ttd-tea-showcase{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr) minmax(0,.76fr);gap:16px;align-items:start}.ttd-tea-card{min-width:0}.ttd-card-copy{display:grid;gap:8px;padding-top:17px}.ttd-card-copy small{color:#7c827c;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.ttd-card-copy h3{margin:0;font-size:22px;line-height:1.18}.ttd-card-copy h3 a{color:var(--home-text);text-decoration:none}.ttd-card-copy h3 a:hover,.ttd-card-copy h3 a:focus-visible{color:var(--home-green)}.ttd-card-copy strong{color:var(--home-green);font-size:16px}.ttd-card-copy p{margin:0;color:var(--home-muted);font-size:14px;line-height:1.58}.ttd-tea-card--feature .ttd-card-copy h3{font-size:28px}.ttd-tea-card:hover .ttd-card-copy h3,.ttd-tea-card:focus-within .ttd-card-copy h3{transform:translateY(3px)}.ttd-tea-card .ttd-card-copy h3{transition:transform .22s ease}

/* Food */
.ttd-food-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ttd-food-card{min-width:0;transition:transform .24s ease,box-shadow .24s ease}.ttd-food-card:hover,.ttd-food-card:focus-within{transform:translateY(-4px);box-shadow:0 14px 28px rgba(38,51,44,.07)}.ttd-food-card .ttd-card-copy{padding:16px 3px 4px}.ttd-food-card .ttd-card-media{background:#eee8dc}

/* Combo */
.ttd-combo-section{background:var(--home-cream);padding-block:clamp(84px,8vw,112px)}.ttd-combo-section .ttd-editorial-heading{margin-bottom:34px}.ttd-combo-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:20px}.ttd-combo-card{min-width:0;background:rgba(255,255,255,.7);transition:transform .26s ease,box-shadow .26s ease}.ttd-combo-card:hover,.ttd-combo-card:focus-within{transform:translateY(-6px);box-shadow:0 16px 34px rgba(38,51,44,.08)}.ttd-combo-card .ttd-card-copy{padding:22px}.ttd-combo-card .ttd-card-copy h3{font-size:25px}.ttd-combo-card .ttd-card-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.7em}

/* Story */
.ttd-brand-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(48px,7vw,92px);align-items:center}.ttd-brand-story__media{min-width:0}.ttd-brand-story__copy{max-width:570px}.ttd-brand-story__copy>p:not(.eyebrow){margin:20px 0;color:var(--home-muted);font-size:17px;line-height:1.76}.ttd-brand-story__media:hover .ttd-home-media>img{transform:scale(1.025)}.ttd-underline-link{position:relative;padding-bottom:4px}.ttd-underline-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(.15);transform-origin:left;transition:transform .28s ease}.ttd-underline-link:hover:after,.ttd-underline-link:focus-visible:after{transform:scaleX(1)}

/* Space gallery */
.ttd-space-section{padding-top:72px}.ttd-gallery{display:grid;grid-template-columns:1.22fr .78fr .78fr;grid-template-rows:minmax(220px,1fr) minmax(220px,1fr);gap:10px}.ttd-gallery__item{position:relative;min-width:0;padding:0;border:0;background:none;overflow:hidden;cursor:zoom-in}.ttd-gallery__item:first-child{grid-row:1/3}.ttd-gallery__item:nth-child(4){grid-column:2/4}.ttd-gallery__item .ttd-home-media{height:100%;aspect-ratio:auto!important}.ttd-gallery__item:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .28s ease}.ttd-gallery__item:hover:after,.ttd-gallery__item:focus-visible:after{background:rgba(0,0,0,.08)}.ttd-gallery__item:hover .ttd-home-media>img,.ttd-gallery__item:focus-visible .ttd-home-media>img{transform:scale(1.04)}

/* Ingredients */
.ttd-ingredients-section{background:#f7f3ea;padding-block:clamp(84px,8vw,116px)}.ttd-ingredients{display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(360px,.92fr);gap:clamp(52px,7vw,92px);align-items:start}.ttd-ingredients__intro{max-width:620px}.ttd-ingredients__intro>p:last-child{max-width:58ch;color:var(--home-muted);font-size:16px;line-height:1.7}.ttd-ingredient-list{display:grid}.ttd-ingredient-item{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;min-height:58px;border-bottom:1px solid var(--home-border);transition:padding-left .2s ease,border-color .2s ease,color .2s ease}.ttd-ingredient-item b{color:#92978f;font-size:10px;letter-spacing:.08em}.ttd-ingredient-item span{white-space:normal;font-size:19px}.ttd-ingredient-item:hover{padding-left:8px;border-color:rgba(49,91,73,.38);color:var(--home-green)}.ttd-ingredient-item:hover b{opacity:1;color:var(--home-green)}

/* Events + community */
.ttd-story-grid,.ttd-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ttd-story-grid article,.ttd-community-grid a{position:relative;min-width:0;padding:24px 20px;border-top:1px solid var(--home-border);color:inherit;text-decoration:none;transition:background .22s ease,transform .22s ease}.ttd-story-grid article:hover,.ttd-community-grid a:hover,.ttd-community-grid a:focus-visible{background:rgba(49,91,73,.035);transform:translateY(-2px)}.ttd-story-grid time,.ttd-community-grid small{color:#7c827c;font-size:10px;letter-spacing:.055em}.ttd-story-grid h3,.ttd-community-grid h3{margin:10px 0 8px;font-size:21px;line-height:1.25}.ttd-story-grid p,.ttd-community-grid p{margin:0;color:var(--home-muted);line-height:1.58}.ttd-story-grid article>span,.ttd-community-grid a>span{display:block;margin-top:16px;color:var(--home-green);transition:transform .2s ease}.ttd-story-grid article:hover>span,.ttd-community-grid a:hover>span{transform:translateX(5px)}

/* Final CTA */
.ttd-home-cta{background:var(--home-green);color:var(--home-ivory);padding-block:clamp(78px,8vw,108px)}.ttd-home-cta .ttd-home-inner{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);align-items:end;gap:60px}.ttd-home-cta .eyebrow{color:#cbd6cf}.ttd-home-cta h2{max-width:790px;color:var(--home-ivory);font-size:clamp(44px,4.6vw,64px);line-height:1.03}.ttd-home-cta__actions{display:grid;gap:20px;justify-items:start}.ttd-home-cta__actions>p{margin:0;color:#dce5df;line-height:1.55}.ttd-home-cta .landing-actions{margin:0}.ttd-home-cta .button{background:var(--home-ivory);color:var(--home-green);border-color:var(--home-ivory);transition:transform .2s ease}.ttd-home-cta .button:hover{transform:translateY(-2px)}.ttd-home-cta .button--secondary{background:transparent;color:var(--home-ivory);border-color:rgba(255,255,255,.5)}.ttd-home-cta .button--secondary:hover{background:rgba(255,255,255,.09)}

/* Lightbox */
.ttd-lightbox[hidden]{display:none}.ttd-lightbox{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:30px;background:rgba(18,26,22,.92)}.ttd-lightbox figure{margin:0;max-width:min(1080px,85vw);max-height:86vh;display:grid;gap:10px}.ttd-lightbox figure img{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin:auto}.ttd-lightbox figcaption{color:#e9eee9;text-align:center;font-size:13px}.ttd-lightbox__close,.ttd-lightbox__nav{position:absolute;border:0;background:rgba(255,255,255,.1);color:white;cursor:pointer}.ttd-lightbox__close{top:20px;right:20px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.ttd-lightbox__close .ui-icon{width:22px}.ttd-lightbox__nav{top:50%;width:48px;height:58px;margin-top:-29px;border-radius:10px;font-size:32px}.ttd-lightbox__nav--prev{left:24px}.ttd-lightbox__nav--next{right:24px}

/* Reveal: content is visible without JS; JS opts into animation. */
.ttd-home-v5.is-motion-ready [data-home-reveal]{opacity:0;transform:translateY(20px)}.ttd-home-v5.is-motion-ready [data-home-reveal].is-revealed{opacity:1;transform:none;transition:opacity .58s ease,transform .58s cubic-bezier(.2,.7,.2,1)}

@media(max-width:1080px){.ttd-home-v5{--home-gutter:24px}.ttd-home-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:38px}.ttd-food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ttd-combo-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.ttd-combo-card:last-child{grid-column:1/-1;max-width:560px}.ttd-gallery{grid-template-rows:200px 200px}.ttd-home-cta .ttd-home-inner{grid-template-columns:1.3fr .7fr;gap:40px}}

@media(max-width:820px){.ttd-home-v5{--home-gutter:22px}.ttd-home-section{padding-block:72px}.ttd-home-hero{grid-template-columns:1fr;min-height:0;padding-block:28px 58px}.ttd-home-hero__visual{order:-1;padding:0 70px 42px 0}.ttd-hero-main .ttd-home-media{aspect-ratio:4/3!important}.ttd-hero-detail{width:31%;border-width:5px}.ttd-home-hero__copy h1{font-size:clamp(42px,8vw,56px)}.ttd-proof-strip{grid-template-columns:repeat(2,1fr)}.ttd-proof-strip span:nth-child(2){border-right:0}.ttd-proof-strip span:nth-child(-n+2){border-bottom:1px solid var(--home-border)}.ttd-editorial-heading,.ttd-editorial-heading--row{grid-template-columns:1fr;gap:18px}.ttd-editorial-heading--row>.ttd-arrow-link{justify-self:start}.ttd-tea-showcase{grid-template-columns:1fr 1fr}.ttd-tea-card--feature{grid-row:span 2}.ttd-combo-grid{grid-template-columns:1fr 1fr}.ttd-brand-story{grid-template-columns:1fr;gap:34px}.ttd-brand-story__copy{max-width:680px}.ttd-gallery{grid-template-columns:1.15fr .85fr;grid-template-rows:240px 170px}.ttd-gallery__item:first-child{grid-column:1/3;grid-row:auto}.ttd-gallery__item:nth-child(4){grid-column:auto}.ttd-ingredients{grid-template-columns:1fr;gap:30px}.ttd-ingredients__intro{max-width:680px}.ttd-story-grid,.ttd-community-grid{grid-template-columns:1fr 1fr}.ttd-home-cta .ttd-home-inner{grid-template-columns:1fr;align-items:start}.ttd-home-cta__actions{max-width:480px}}

@media(max-width:620px){.ttd-home-v5{--home-gutter:20px}.ttd-home-section{padding-block:56px}.ttd-home-hero{display:flex;flex-direction:column;gap:26px;padding-top:18px;padding-bottom:44px}.ttd-home-hero__visual{order:0;width:100%;padding:0 30px 28px 0}.ttd-home-hero__copy{order:1}.ttd-home-hero__copy h1{font-size:clamp(38px,10.8vw,44px);line-height:1.02;margin:10px 0 15px}.ttd-home-hero__copy .lead{font-size:16px;line-height:1.64}.ttd-home-hero .landing-actions{gap:9px;margin-top:22px}.ttd-home-hero .landing-actions .button{flex:1 1 calc(50% - 5px);min-width:0}.ttd-home-hero .ttd-text-link{flex:1 0 100%;padding-top:4px}.ttd-proof-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity;width:100%;padding-inline:20px;scrollbar-width:none}.ttd-proof-strip span{flex:0 0 auto;min-width:190px;border-bottom:0!important;scroll-snap-align:start}.ttd-editorial-heading{margin-bottom:24px}.ttd-editorial-heading h2,.ttd-brand-story h2,.ttd-ingredients h2{font-size:clamp(30px,8.5vw,36px)}.ttd-editorial-heading>p{font-size:15px}.ttd-tea-showcase,.ttd-food-grid,.ttd-combo-grid,.ttd-story-grid,.ttd-community-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:calc(var(--home-gutter)*-1);padding-right:var(--home-gutter);scrollbar-width:none}.ttd-tea-card,.ttd-food-card,.ttd-combo-card,.ttd-story-grid article,.ttd-community-grid a{flex:0 0 80vw;scroll-snap-align:start}.ttd-tea-card--feature{grid-row:auto}.ttd-tea-card--feature .ttd-card-copy h3{font-size:22px}.ttd-combo-card:last-child{max-width:none}.ttd-combo-section{padding-block:58px}.ttd-combo-section .ttd-home-inner{width:calc(100% - 40px)}.ttd-combo-grid{margin-right:-20px}.ttd-brand-story{display:flex;flex-direction:column;padding-top:60px}.ttd-brand-story__media{width:100%}.ttd-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-right:-20px;padding-right:20px;scrollbar-width:none}.ttd-gallery__item,.ttd-gallery__item:first-child,.ttd-gallery__item:nth-child(4){flex:0 0 82vw;height:auto;aspect-ratio:4/3;scroll-snap-align:start;display:block}.ttd-ingredients-section{padding-block:58px}.ttd-ingredients{grid-template-columns:1fr;gap:22px}.ttd-ingredients__intro h2{max-width:100%}.ttd-ingredient-item{min-height:52px}.ttd-ingredient-item span{font-size:17px}.ttd-home-cta{padding-block:62px;padding-bottom:calc(62px + var(--mobile-bottom-nav-height,72px) + env(safe-area-inset-bottom))}.ttd-home-cta h2{font-size:clamp(36px,10vw,46px)}.ttd-home-cta h2 br{display:none}.ttd-home-cta .landing-actions{width:100%}.ttd-home-cta .landing-actions .button{flex:1}.ttd-lightbox{padding:70px 16px 20px}.ttd-lightbox figure{max-width:100%;max-height:80vh}.ttd-lightbox__nav{display:none}}

@media (hover:hover) and (pointer:fine){.ttd-home-v5 [data-home-parallax]{transition:transform .18s ease-out}}
@media (prefers-reduced-motion:reduce){.ttd-home-v5 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ttd-home-v5.is-motion-ready [data-home-reveal]{opacity:1!important;transform:none!important}.ttd-home-v5 [data-home-parallax]{transform:none!important}}