@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap');
:root{--green:#163b30;--deep:#102b23;--gold:#dec28b;--paper:#f9f8f4;--ink:#233b32;--muted:#68746d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:'Noto Serif TC',serif;font-size:23px;font-weight:600;letter-spacing:3px;line-height:1.4}.brand small{display:block;font:10px/1.8 sans-serif;letter-spacing:4px}.seal{border:1px solid currentColor;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:27px;letter-spacing:0}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.text-link:hover{color:#a67738}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:var(--green);color:white;padding:14px 28px;font-size:15px;cursor:pointer;letter-spacing:1px;transition:background .2s}.button:hover{background:#295143}.button.small{padding:10px 20px;font-size:14px}.button.gold{background:var(--gold);color:var(--deep)}.button.gold:hover{background:#edd5a7}.hero{min-height:640px;background:var(--deep);color:var(--paper);position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:78px 0 56px 10%;position:relative;z-index:2}.eyebrow{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2.4px;font-weight:500;color:#8c7246}.hero .eyebrow{color:var(--gold)}.kicker{font-size:14px;letter-spacing:3px;margin:36px 0 16px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Noto Serif TC',serif;font-weight:500}h1{font-size:clamp(36px,3.65vw,58px);line-height:1.5;letter-spacing:2px;margin-bottom:20px}h1 span{color:var(--gold)}.intro{color:#c4d0c8;line-height:2;font-size:16px}.actions{display:flex;align-items:center;gap:30px;margin:30px 0 50px}.text-link{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:3px}.hero-note{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:2px;color:#afc0b6}.hero-note i{height:13px;width:1px;background:#496157}.hero-visual{background:linear-gradient(90deg,var(--deep),transparent 30%);position:relative;min-height:500px;background-size:cover;background-position:center}.hero-visual.ready{background-image:linear-gradient(90deg,var(--deep),transparent 25%),url('tea-hero.png')}.vertical{position:absolute;right:8%;top:52px;writing-mode:vertical-rl;font-family:'Noto Serif TC',serif;letter-spacing:6px;font-size:15px;color:var(--gold)}.photo-caption{position:absolute;bottom:35px;right:8%;left:10%;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.5px;color:#d7dfd8}.ribbon{padding:20px 5%;background:#e8dfcc;display:flex;justify-content:space-between;gap:20px;font-size:14px;letter-spacing:2px}.ribbon span:last-child{font:11px/2 Arial;letter-spacing:3px}.section{padding:95px 8%;scroll-margin-top:0}h2{font-size:36px;line-height:1.6;letter-spacing:1px;margin:18px 0 25px}h3{font-size:21px;font-weight:500;letter-spacing:1px;margin-bottom:16px}p{color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1fr;gap:80px}.large-copy{font-size:23px;color:var(--ink);font-family:'Noto Serif TC',serif;line-height:1.8;margin-top:30px}.values{display:flex;gap:32px;margin-top:26px;font-size:14px}.values span{border-bottom:1px solid #bca77e;padding-bottom:7px}.products{background:#efeee8}.section-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.section-head p{font-size:14px;margin-bottom:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-grid article{padding:30px;border-top:1px solid #b7b6a8;position:relative}.product-no{position:absolute;right:24px;top:15px;font:italic 60px Georgia;color:#dbd9cf}.category{display:block;font:11px Arial;letter-spacing:2px;margin:20px 0 26px;color:#8c7246}.product-grid p{font-size:14px}.taste{display:flex;gap:10px;margin-top:28px}.taste span{font-size:12px;padding:3px 12px;border:1px solid #cbcdbf;border-radius:30px}.support{background:var(--green);color:var(--paper)}.support .eyebrow,.support b{color:var(--gold)}.support p{color:#b7c9be}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.support-grid article{border-top:1px solid #557062;padding-top:24px}.support b{font:11px Arial;letter-spacing:1.5px}.support h3{margin-top:22px;font-size:19px}.support-grid p{font-size:14px;line-height:1.9;margin-bottom:0}.process ol{padding:15px 0 0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr)}.process li{border-top:1px solid #c9cdbf;padding:24px 20px 0 0}.process li span{font:italic 32px Georgia;color:#927346}.process h3{margin-top:22px;font-size:19px}.process p{font-size:14px}.faq{border-top:1px solid #dedfd5;display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.questions details{border-bottom:1px solid #d0d4c9;padding:22px 0}.questions summary{cursor:pointer;list-style:none;padding-right:30px;position:relative}.questions summary:after{content:'+';position:absolute;right:4px;font-size:24px;line-height:1.2;color:#957948}.questions details[open] summary:after{content:'−'}.questions p{font-size:14px;margin:16px 0 0;padding-right:28px}.contact{background:#dfe6dc;display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:42px}.contact>div>p{line-height:2}.inquiry{background:var(--paper);padding:36px}.inquiry h3{margin-bottom:4px}.form-note{font-size:14px}.inquiry label{display:block;font-size:14px;margin-bottom:17px}.inquiry input,.inquiry select,.inquiry textarea{display:block;width:100%;border:1px solid #c9cec4;border-radius:0;background:transparent;color:var(--ink);padding:10px 12px;margin-top:7px;font-size:16px}.inquiry textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.inquiry form>.button{width:100%}.inquiry small{display:block;font-size:12px;color:var(--muted);margin-top:14px}#result{margin-top:24px}#copy-status{font-size:14px;margin:8px 0 0}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p{font-size:14px;margin:0}footer>span{font-size:11px;letter-spacing:1px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b78f49;outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid #7e945e;outline-offset:2px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:16px}header{padding:0 4%;gap:15px}.hero-copy{padding-left:8%}.hero{grid-template-columns:1.15fr 1fr}h1{font-size:40px}.section{padding:70px 6%}.story,.contact{gap:45px}.support-grid{grid-template-columns:repeat(2,1fr)}.product-grid{gap:8px}.product-grid article{padding:20px 8px}.product-no{right:8px}.photo-caption{display:none}}@media(max-width:700px){header{height:80px}.brand{font-size:19px;gap:9px}.brand small{font-size:9px}.seal{width:37px;height:37px;font-size:23px}nav{display:none}header .button{font-size:12px;padding:9px 12px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:45px 7% 22px}.hero .eyebrow{font-size:10px}.kicker{margin-top:25px}h1{font-size:37px}.intro{font-size:14px}.actions{margin:25px 0 28px}.hero-note{font-size:11px}.hero-visual{min-height:360px;background-position:center 48%}.hero-visual.ready{background-image:linear-gradient(180deg,var(--deep),transparent 22%),url('tea-hero.png')}.vertical{top:38px;font-size:12px;right:6%}.ribbon{padding:16px 7%;font-size:12px}.ribbon span:last-child{display:none}.section{padding:55px 7%}h2,.contact h2{font-size:29px}.story,.faq,.contact{grid-template-columns:1fr;gap:16px}.large-copy{margin-top:0;font-size:20px}.section-head{display:block;margin-bottom:25px}.section-head p{margin-top:-5px}.product-grid{grid-template-columns:1fr}.product-grid article{padding:16px 0 25px}.product-no{font-size:66px;top:30px;right:10px}.category{margin:14px 0}.product-grid h3{margin-bottom:6px}.product-grid p{margin-bottom:10px}.taste{margin-top:10px}.support-grid{gap:25px 20px}.support h3{font-size:17px}.support-grid p{font-size:14px}.process ol{grid-template-columns:1fr;gap:0}.process li{display:grid;grid-template-columns:46px 1fr;column-gap:15px;padding:22px 0}.process h3{margin:0}.process p{grid-column:2;margin:6px 0 0}.process p br{display:none}.process li span{grid-row:span 2}.inquiry{padding:25px 20px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;padding:30px 7%}footer p{display:none}footer>span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Tra Dai brand and source-backed franchise content */
:root{--green:#a51f27;--deep:#851b21;--gold:#f3d7a4;--paper:#fffcf7;--ink:#382829;--muted:#716566}header{height:96px}.brand{color:var(--green)}.brand img{width:58px;height:58px;object-fit:contain;border-radius:50%}.brand small{font-size:10px;letter-spacing:2px}.button:hover{background:#7e1821}.hero{grid-template-columns:1.05fr 1fr;min-height:615px;background:#a51f27}.hero-copy{padding-top:76px;padding-bottom:60px}.hero h1{font-size:clamp(35px,3.5vw,56px)}.hero .intro{color:#f7e4db}.hero-note{color:#f2d5c8}.hero-note i{background:#cb8d83}.hero-visual{background:none;min-height:100%;overflow:hidden}.hero-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:51% center}.photo-caption{display:block;left:20px;right:auto;bottom:20px;background:#851b21df;padding:8px 15px;color:#fff3e3;font-size:12px}.ribbon{background:#f6e6d0;align-items:center;flex-wrap:wrap}.ribbon strong{margin-left:10px;font-size:21px;color:var(--green);letter-spacing:0}.ribbon a{font-size:14px;text-decoration:underline;letter-spacing:0}.eyebrow,.category{color:#a15e3e}.text-link:hover{color:var(--green)}.values{gap:20px;flex-wrap:wrap}.values span{border-color:#caa47a}.locations{margin:0 8% 80px;padding:30px 36px;border-top:1px solid #dfcabc;border-bottom:1px solid #dfcabc;display:grid;grid-template-columns:1.15fr 1fr;gap:30px}.locations h3{margin:10px 0}.locations p{font-size:14px;margin:0}.location-list{display:flex;align-items:center;justify-content:space-between;gap:20px}.location-list span{white-space:nowrap;font-family:'Noto Serif TC',serif;font-size:21px}.location-list b{display:block;color:var(--green);font:italic 30px Georgia;margin-bottom:12px}.products{background:#f5efea}.product-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);margin-bottom:40px;align-items:center}.product-feature>img{width:100%;aspect-ratio:1.5;object-fit:cover}.product-feature>div{padding:30px 45px}.product-feature h3,.snow-feature h3{font-family:'Noto Serif TC',serif;font-size:27px}.product-grid article{border-color:#d2b9a8}.product-grid p{font-size:15px}.snow-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;margin:50px 0}.snow-feature img{width:100%;display:block}.snow-feature h3{margin-top:16px}.menu-preview{border-top:1px solid #d0baae;border-bottom:1px solid #d0baae;padding:20px 0}.menu-preview summary{cursor:pointer;color:var(--green);font-weight:500}.menu-preview img{display:block;width:100%;margin:20px 0}.menu-preview p{font-size:14px;margin:0}.offer{padding:28px 32px;background:var(--green);color:var(--paper);display:flex;gap:25px;justify-content:space-between;align-items:center;margin-bottom:30px}.offer>div>span{font-size:14px;letter-spacing:2px;color:var(--gold)}.offer h3{margin:5px 0 0;font-size:21px}.offer h3 b{font:32px Georgia;display:inline-block;margin-left:10px;color:var(--gold)}.offer p{font-size:14px;color:#f7e5da;margin:0;max-width:440px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plan-grid article{position:relative;border:1px solid #ddcbbb;padding:30px;background:#fffcf7}.plan-grid .featured-plan{border-top:4px solid var(--green);padding-top:27px;background:#fcf3e6}.plan-tier{position:absolute;right:25px;top:22px;font:italic 45px Georgia;color:#bb8f65}.plan-grid .category{font-size:11px;margin:20px 0}.plan-grid h3{font-size:22px}.price{font-family:Georgia,serif;font-size:58px;color:var(--green);line-height:1.3;margin:25px 0 4px;white-space:nowrap}.price small{font:15px Arial;margin-right:8px}.price>span{font:20px 'Noto Sans TC',sans-serif;margin-left:5px}.price-note{font-size:14px}.plan-grid ul{padding-left:20px;font-size:15px;line-height:2.2;margin:26px 0}.plan-grid .button{width:100%}.button.outline{background:transparent;color:var(--green);border-color:var(--green)}.button.outline:hover{background:#f2e0d8}.plan-includes{background:#f5eee5;padding:28px 32px;margin-top:25px}.plan-includes h3{font-size:19px;margin-bottom:10px}.plan-includes p{font-size:15px}.plan-includes small,.fine-print{font-size:14px;color:var(--muted)}.support{background:#8c1c24}.support p{color:#f0d3cb}.support-grid{grid-template-columns:repeat(5,1fr);gap:25px}.support-grid article{border-color:#bd656b}.support h3{font-size:20px}.platform-note{border-top:1px solid #bd656b;margin-top:45px;padding-top:24px;font-size:14px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.platform-note strong{font-size:20px;color:var(--gold)}.platform-note span{color:#f0d3cb}.process ol{grid-template-columns:repeat(6,1fr)}.process li{border-color:#d5bdaa}.process li span{color:var(--green)}.process h3{font-size:18px}.timeline-label{color:var(--green);text-align:right}.timeline-label b{font:50px Georgia;display:block}.timeline-label span{font-size:14px}.fine-print{border-left:3px solid #c9a97d;padding-left:20px;margin:25px 0 0}.questions details{border-color:#dac6b8}.questions summary:after{color:var(--green)}.questions p{font-size:15px}.contact{background:#f1e3d7;gap:65px;align-items:start}.contact h2{font-size:40px}.contact-person{border-top:1px solid #d0b3a3;padding:18px 0}.contact-person h3{font-size:16px;margin-bottom:5px}.contact-person a{display:block;font-size:16px;color:var(--green);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.address{font-size:14px;margin-top:20px}.inquiry{padding:32px}.inquiry input,.inquiry select,.inquiry textarea{border-color:#cdbbae;max-width:100%;min-width:0}.inquiry{min-width:0}.inquiry select{font-size:14px}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.inquiry small{font-size:13px}.form-row{grid-template-columns:1fr 1fr}.form-row label{min-width:0}footer>span{font-size:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#ad4d24}input:focus,textarea:focus,select:focus{outline-color:#a54332}
@media(max-width:1100px){.support-grid{grid-template-columns:repeat(3,1fr)}.product-feature>div{padding:25px}.offer{align-items:flex-start;flex-direction:column}.locations{margin-left:6%;margin-right:6%}.plan-grid{gap:14px}.plan-grid article{padding:22px}.plan-grid .featured-plan{padding-top:19px}.plan-tier{right:18px}.plan-grid h3{font-size:20px}.process ol{grid-template-columns:repeat(3,1fr);row-gap:24px}.contact{gap:40px}}
@media(max-width:700px){header{height:82px}.brand img{width:45px;height:45px}.brand small{font-size:9px;letter-spacing:1px}.hero{display:flex}.hero-copy{padding:40px 7% 30px}.hero h1{font-size:36px}.hero .eyebrow{font-size:10px;line-height:1.8;display:block;max-width:290px}.hero-visual{min-height:0;height:340px}.hero-visual>img{object-position:50% 68%}.photo-caption{display:block;font-size:10px;bottom:14px;left:14px}.hero-note{font-size:11px;gap:12px}.ribbon{gap:5px;font-size:12px}.ribbon strong{font-size:19px}.ribbon a{font-size:12px}.locations{margin:0 7% 50px;padding:25px 0;grid-template-columns:1fr}.location-list{justify-content:flex-start;gap:35px}.location-list span{font-size:18px}.location-list b{font-size:24px}.product-feature{grid-template-columns:1fr}.product-feature>div{padding:24px}.product-feature h3,.snow-feature h3{font-size:23px}.snow-feature{grid-template-columns:1fr;gap:20px;margin:25px 0 35px}.product-grid article{padding:12px 0}.plans .section-head h2{font-size:28px}.offer{padding:23px}.offer h3{font-size:19px}.offer h3 b{display:block;margin:8px 0 0;font-size:33px}.plan-grid{grid-template-columns:1fr;gap:20px}.plan-grid article{padding:28px}.plan-grid .featured-plan{padding-top:25px}.plan-grid h3{font-size:22px}.price{font-size:54px;margin-top:15px}.plan-includes{padding:24px}.support-grid{grid-template-columns:1fr 1fr}.support h3{font-size:18px}.support-grid article:last-child{grid-column:1/-1}.platform-note{gap:6px 15px}.process ol{grid-template-columns:1fr;row-gap:0}.process li{padding:20px 0}.timeline-label{text-align:left;margin-top:20px}.timeline-label b{display:inline;font-size:38px;margin-right:12px}.contact{gap:30px}.contact h2{font-size:31px}.inquiry{padding:25px 20px}.form-row{grid-template-columns:1fr}.values{gap:15px;font-size:13px}.inquiry select{font-size:14px}footer{gap:20px}footer>span{font-size:10px}}
.hero .kicker{color:#f4d6c8}
.brand img{border-radius:0;background:transparent}
.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.inquiry .consent{display:flex;align-items:flex-start;gap:10px;line-height:1.7}.inquiry .consent input{width:18px;height:18px;flex:none;margin:3px 0}.inquiry button:disabled{opacity:.6;cursor:wait}#submit-status{color:var(--green);font-size:15px;white-space:pre-wrap}