/* Horizon botanical editorial storefront — self-hosted motion and graphics. */
:root[data-theme="parchment"]{--bg-main:#f7f3e8;--bg-surface:#fffdf6;--bg-elevated:#eee8d8;--text-primary:#183c2d;--text-secondary:#657065;--border-color:#dcdcca}
html{scroll-padding-top:110px}body{overflow-x:hidden}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b38b44;outline-offset:5px}header{border-bottom:1px solid var(--border-color);box-shadow:none!important}header>div{height:86px!important;max-width:1440px!important}header nav{gap:22px!important;font-size:12px!important}header nav a,header nav button{white-space:nowrap}header nav a:first-child{font-size:0}header nav a:first-child:after{content:'Thực đơn';font-size:12px}header nav a:nth-child(2){font-size:0}header nav a:nth-child(2):after{content:'Menu tại quán';font-size:12px}body>div:first-child{font-size:10px;letter-spacing:.04em}body>div:first-child>div{max-width:1376px}.botanical-hero{position:relative;isolation:isolate;background:#f0eddf;color:#173d2b;overflow:hidden}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23878571' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:670px}.hero-copy{padding:65px 32px 55px 64px;position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;display:block}.tiny-leaf{font-size:20px;vertical-align:middle;margin-right:10px;color:#8b9c56}.hero-copy h1{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(64px,6.3vw,94px);line-height:1.05;letter-spacing:-.065em;margin:22px 0}.hero-copy h1 em{font-weight:600;color:#738c42}.hero-description{font-size:13px;line-height:1.9;color:#63715e}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:29px}.primary-cta{background:#193d2c;color:#fffdf4;padding:17px 22px;display:inline-flex;gap:40px;align-items:center;font-size:12px;font-weight:700;border-radius:4px;transition:background .2s,transform .2s}.primary-cta:hover{background:#315939;transform:translateY(-3px)}.primary-cta span{font-size:20px;font-weight:400}.text-cta{font-size:12px;border-bottom:1px solid #8c987e;padding:8px 0}.text-cta span{margin-left:15px}.hero-footnote{display:flex;gap:13px;align-items:center;margin-top:35px}.small-star{font-size:39px;color:#8b995f}.hero-footnote p{font-size:10px;line-height:1.7;color:#67735f}.hero-footnote strong{font-weight:500;color:#283e2e}.hero-art{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 55%,#d8dfb6 0,transparent 65%)}.hero-art:before{content:'';position:absolute;inset:10% 10% 12%;border-radius:50% 50% 48% 48%;background:#dce3bc;transform:rotate(-14deg)}.hero-drink{position:absolute;object-fit:contain;filter:drop-shadow(10px 22px 13px #23341628);animation:drink-float 7s ease-in-out infinite;width:47%;height:auto}.drink-matcha{top:16%;left:25%;z-index:3;transform:rotate(6deg);width:52%;animation-delay:-2s}.drink-coffee{top:28%;left:-1%;z-index:2;rotate:-16deg;animation-delay:-4s}.drink-fruit{top:30%;left:56%;rotate:16deg;z-index:4;width:44%}.art-caption{position:absolute;top:10%;right:11%;font-family:'Playfair Display',serif;font-style:italic;font-size:22px;line-height:1.1;rotate:9deg;z-index:5}.art-spark{position:absolute;color:#8c9f51;z-index:5}.spark-one{font-size:66px;top:20%;left:8%;animation:slow-spin 35s linear infinite}.spark-two{font-size:74px;right:7%;bottom:21%}.art-orbit{position:absolute;border:1px solid #c4cd9c;border-radius:50%;inset:15% 1% 17%;rotate:-27deg}.orbit-two{inset:19% 9% 13%;rotate:25deg}.round-seal{position:absolute;bottom:11%;left:3%;z-index:5;border-radius:50%;width:104px;height:104px;background:#214631;color:#ecedce;display:flex;flex-direction:column;align-items:center;justify-content:center;rotate:-13deg;border:1px dashed #dee4ba;outline:5px solid #214631}.round-seal span{font-size:6px;letter-spacing:1px}.round-seal b{font-family:Georgia,serif;font-size:40px;line-height:1.3}.art-label{position:absolute;bottom:7%;right:15%;text-align:center;display:grid;gap:5px}.art-label span{font-size:8px;letter-spacing:.17em}.art-label b{font-family:'Playfair Display',serif;font-size:21px;font-style:italic;font-weight:500}.art-label small{font-size:8px;opacity:.65}.hero-bottom{border-top:1px solid #d1d4ba;max-width:1312px;margin:auto;padding:19px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:.12em}.hero-bottom #apiLatencyBadge{font-size:9px;letter-spacing:0;font-weight:500}.flavor-ribbon{background:#203e2d;color:#f5edd3;overflow:hidden;padding:17px 0}.flavor-ribbon>div{width:max-content;white-space:nowrap;font-size:12px;letter-spacing:.2em;font-weight:600;animation:marquee 38s linear infinite}.flavor-ribbon span{color:#c9cc87;margin:0 37px;font-size:20px;vertical-align:middle}.signature-section{max-width:1440px;margin:auto;padding:78px 64px 55px;display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:20px}.signature-intro{padding:12px 8px 0 0}.signature-intro .eyebrow{color:#89915e;font-size:8px}.signature-intro h2{font-family:'Playfair Display',serif;font-size:39px;line-height:1.2;letter-spacing:-1.8px;margin:18px 0}.signature-intro h2 em{color:#8a9a55}.signature-intro p{font-size:11px;line-height:1.9;color:var(--text-secondary)}.signature-intro>a{display:inline-block;margin-top:22px;padding-bottom:7px;border-bottom:1px solid #9b9e80;font-size:10px;font-weight:700}.signature-card{position:relative;border-radius:100px 100px 8px 8px;min-width:0;height:342px;padding:26px 20px 20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#21412b;transition:transform .35s}.signature-card:hover{transform:translateY(-8px)}.matcha-card{background:#e3e9cd}.coffee-card{background:#eaddc7}.fruit-card{background:#f0dfbf}.signature-card .signature-no{font-size:8px;letter-spacing:.12em;text-align:center;position:relative;z-index:2}.signature-card img{position:absolute;width:160px;left:50%;top:28px;transform:translateX(-50%) rotate(-8deg);transition:transform .5s}.coffee-card img{transform:translateX(-50%) rotate(8deg)}.signature-card:hover img{transform:translateX(-50%) rotate(0) scale(1.04)}.signature-card>div{position:relative;z-index:2;background:linear-gradient(0deg,#e3e9cd 60%,transparent);padding-top:14px}.coffee-card>div{background:linear-gradient(0deg,#eaddc7 60%,transparent)}.fruit-card>div{background:linear-gradient(0deg,#f0dfbf 60%,transparent)}.signature-card h3{font-family:'Playfair Display',serif;font-size:22px;letter-spacing:-.5px}.signature-card>div>span{font-size:9px;display:block;margin-top:7px}#thuc-don{padding-top:48px;border-top:1px solid var(--border-color)}#thuc-don>div:first-child h2{font-size:38px;letter-spacing:-1.2px}#publicCategoryBar{padding-bottom:18px;gap:8px}.cat-pill{border-radius:3px!important;font-size:11px!important;padding:12px 14px!important}.menu-item-card{border-radius:7px!important;padding:13px!important;min-height:132px;position:relative;gap:10px!important}.menu-drink-art{width:62px;height:100px;object-fit:contain;flex-shrink:0;transition:transform .3s}.menu-item-card:hover .menu-drink-art{transform:rotate(-7deg) scale(1.08)}.menu-item-card h4{font-size:12px!important;line-height:1.6}.menu-item-card button{border-radius:50%!important;min-width:36px;min-height:36px}.menu-item-card .font-mono{font-size:11px}.menu-item-card .text-\[10px\]{font-size:8px!important}#menu-goc{margin-top:70px}#menu-goc h2{font-size:30px!important}#menu-goc img{max-height:560px;object-fit:contain;background:#e9e3d6}#menu-goc .surface-card{border-radius:8px!important}#cam-ket{border-radius:8px!important;background:#e7ebd7;color:#21412b}#cam-ket .surface-elevated{background:#f4f4e6;border-color:#ced5b9}footer{background:#163b2a!important;color:#f5eddc!important;border:0!important}footer .text-sub{color:#c1cfbd!important}footer .border-b{border-color:#ffffff20!important}footer a:hover{color:#d9d6a3!important}.reveal-ready .motion-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal-ready .motion-reveal.is-visible{opacity:1;transform:none}:root[data-theme="forest"] #cam-ket{background:#1a3324;color:#f6f0de}:root[data-theme="forest"] #cam-ket .surface-elevated{background:#213e2e}:root[data-theme="forest"] .menu-item-card .text-\[\#1b4332\]{color:#d4b66e}:root[data-theme="forest"] .text-\[\#1b4332\]{color:#d4b66e}
@keyframes drink-float{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1450px){.hero-copy{padding-left:64px}.hero-inner{min-height:720px}.hero-copy h1{font-size:100px}}
@media(max-width:1199px){header nav{gap:14px!important}header nav a:nth-child(2){display:none}.hero-copy{padding-left:32px}.hero-bottom{margin:0 32px}.signature-section{padding:55px 32px;gap:14px}.signature-card{height:320px}.signature-card h3{font-size:19px}.hero-inner{min-height:620px}.hero-copy h1{font-size:74px}.hero-art .hero-drink{top:26%}.hero-art .drink-matcha{top:17%}.art-label{right:8%}.round-seal{width:85px;height:85px}}
@media(max-width:767px){html{scroll-padding-top:85px}header>div{height:74px!important}header .font-serif.text-xl{font-size:17px}header .tracking-\[0\.18em\]{font-size:7px}header a>div:first-child{width:35px;height:35px}header .max-w-7xl{padding-left:16px;padding-right:16px}#authActionBar>button:last-child{font-size:10px;padding:8px}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:36px 24px 0}.eyebrow{font-size:8px;letter-spacing:.12em}.hero-copy h1{font-size:63px;line-height:1.04;margin:19px 0}.hero-description{font-size:12px}.hero-actions{gap:22px;margin-top:23px}.primary-cta{padding:13px 18px;gap:25px;font-size:11px}.text-cta{font-size:11px}.hero-footnote{margin-top:23px}.hero-art{height:395px;margin-top:-2px}.hero-art:before{inset:6% 17% 9%}.hero-art .drink-matcha{width:43%;left:29%;top:2%}.hero-art .drink-coffee{width:38%;left:7%;top:13%}.hero-art .drink-fruit{width:35%;left:59%;top:17%}.art-caption{font-size:16px;right:9%;top:3%}.spark-one{font-size:44px;top:9%;left:12%}.spark-two{font-size:48px;bottom:22%;right:8%}.round-seal{width:72px;height:72px;left:8%;bottom:13%}.round-seal b{font-size:28px}.round-seal span{font-size:4px}.art-label{bottom:6%;right:15%}.art-label b{font-size:17px}.art-label span{font-size:6px}.hero-bottom{margin:0 24px;padding:15px 0;font-size:7px;gap:10px}.hero-bottom>a{display:none}.hero-bottom #apiLatencyBadge{font-size:8px}.flavor-ribbon{padding:10px 0}.flavor-ribbon>div{font-size:9px}.flavor-ribbon span{margin:0 20px;font-size:16px}.signature-section{padding:40px 20px;grid-template-columns:1fr 1fr;gap:14px}.signature-intro h2{font-size:32px;margin:14px 0}.signature-intro p{font-size:10px}.signature-intro>a{font-size:9px;margin-top:16px}.signature-card{height:280px;padding:23px 14px 15px;border-radius:70px 70px 6px 6px}.signature-card img{width:137px;top:20px}.signature-card h3{font-size:18px}.signature-card>div>span{font-size:8px;line-height:1.6}.signature-no{font-size:7px!important}#thuc-don>div:first-child h2{font-size:29px}#publicCategoryBar{position:sticky;top:74px;background:var(--bg-main);padding-top:12px;z-index:20;margin-bottom:24px}.cat-pill{font-size:10px!important;padding:10px 12px!important}#publicMenuContainer>div>div:last-child{grid-template-columns:1fr 1fr;gap:10px}.menu-item-card{flex-wrap:wrap;align-content:start;padding:11px!important;gap:5px!important}.menu-drink-art{width:100%;height:100px}.menu-item-card>div{flex-basis:100%}.menu-item-card h4{font-size:11px!important;padding-right:0;min-height:36px}.menu-item-card button{position:absolute;bottom:9px;right:9px;width:29px;height:29px;min-width:29px;min-height:29px}.menu-item-card .font-mono.text-sm{margin-top:10px}.menu-item-card>div>div:first-child{margin-top:0}.menu-item-card>div>div:last-child{padding-right:31px}#menu-goc h2{font-size:25px!important}#cam-ket{padding:24px!important;margin-top:45px}footer{margin-top:20px!important;padding-bottom:100px!important}#userProfileBar{gap:3px}#userProfileBar #userNameDisplay{max-width:65px}#adminManagementLinks{position:absolute;top:75px;right:10px}#floatingCartBar button{padding:12px;font-size:11px}#floatingCartBar button .text-sm{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready .motion-reveal{opacity:1;transform:none}}
.horizon-film{max-width:1440px;margin:0 auto;padding:28px 64px 70px}.film-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.film-heading .eyebrow{font-size:9px;color:#8a925d}.film-heading h2{font-family:'Playfair Display',serif;font-size:42px;letter-spacing:-1.5px;margin-top:12px}.film-heading h2 em{color:#87994f}.film-heading p{font-size:11px;line-height:1.9;color:var(--text-secondary)}.film-frame{position:relative;border-radius:7px;overflow:hidden;background:#ded7bb;aspect-ratio:16/9}.film-frame video{width:100%;height:100%;display:block;object-fit:cover}.film-corner{position:absolute;top:12%;left:5%;font-family:'Playfair Display',serif;font-size:35px;letter-spacing:.06em;line-height:.8;color:#24462d;pointer-events:none}.film-corner small{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.2em;font-size:9px}.film-caption{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:15px;font-size:9px;letter-spacing:.1em}.film-caption small{font-size:9px;letter-spacing:0;color:var(--text-secondary)}.film-caption button{font-size:10px;white-space:nowrap;border-bottom:1px solid var(--border-color);padding-bottom:4px}.menu-photo-note{font-size:10px;color:var(--text-secondary);line-height:1.8;margin-top:12px;max-width:600px}.menu-item-card{flex-direction:column;align-items:stretch!important;gap:0!important;padding:0!important;overflow:hidden;cursor:default!important}.menu-drink-art{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover!important;max-height:none;border-bottom:1px solid var(--border-color);background:#f2eee4;transition:transform .45s!important}.menu-item-card:hover .menu-drink-art{transform:scale(1.025)}.menu-item-card>div{padding:17px 18px 21px}.menu-item-card h4{font-size:14px!important;min-height:46px;line-height:1.6;padding-right:0}.menu-item-card>button{position:absolute;bottom:18px;right:17px;width:36px;height:36px}.menu-item-card>div>div:last-child{padding-right:40px;margin-top:10px;font-size:13px}#publicMenuContainer>div>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.signature-card img{width:100%;height:100%;object-fit:cover;inset:0;transform:none;max-width:none}.signature-card:hover img{transform:scale(1.04)}.signature-card .signature-no{background:#fff9e5cc;border-radius:30px;width:max-content;padding:6px 9px;align-self:center}.signature-card>div{margin:-8px -20px -20px;padding:30px 20px 20px;background:linear-gradient(0deg,#e8ecd4 70%,transparent)}.coffee-card>div{background:linear-gradient(0deg,#eaddc7 70%,transparent)}.fruit-card>div{background:linear-gradient(0deg,#f0dfbf 70%,transparent)}
@media(max-width:1100px){#publicMenuContainer>div>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}.horizon-film{padding:20px 32px 55px}.film-heading h2{font-size:35px}}
@media(max-width:767px){.horizon-film{padding:10px 20px 40px}.film-heading{display:block;margin-bottom:18px}.film-heading h2{font-size:31px}.film-heading p{margin-top:12px;font-size:10px}.film-frame.is-portrait{aspect-ratio:9/16;max-height:680px}.film-corner{font-size:24px;top:7%;left:6%}.film-corner small{font-size:7px}.film-caption{flex-wrap:wrap;gap:10px;font-size:7px}.film-caption small{font-size:8px}.film-caption button{margin-left:auto}#publicMenuContainer>div>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.menu-item-card>div{padding:12px}.menu-item-card h4{font-size:11px!important;min-height:52px}.menu-item-card>button{bottom:12px;right:10px;width:29px;height:29px;min-width:29px;min-height:29px}.menu-item-card>div>div:last-child{font-size:11px;padding-right:29px}.signature-card>div{margin:0 -14px -15px;padding:23px 14px 15px}.menu-photo-note{font-size:9px}.hero-art.has-film{height:410px}.hero-art.has-film>.hero-drink{display:none}}

.custom-product-photo{width:100%;height:180px;object-fit:contain;border-radius:12px;background:#f3eee3}.custom-product-photo:not([src]){display:none}
@media(max-width:480px){header .font-serif.text-xl{font-size:14px!important}header a>div:first-child{width:30px!important;height:34px!important}header a.group{gap:8px!important}header .max-w-7xl{padding-left:12px!important;padding-right:12px!important}header .max-w-7xl>div:last-child{gap:6px!important}}

.film-tabs{display:flex;gap:18px;margin-bottom:18px}.film-tabs button{font-size:11px;color:var(--text-secondary);padding:8px 0;border-bottom:2px solid transparent}.film-tabs button[aria-pressed="true"]{color:var(--text-primary);border-color:#8a9953;font-weight:700}
.art-label{z-index:6;background:#f0eddfd9;padding:6px 9px;border-radius:4px}@media(max-width:767px){.hero-art{height:clamp(300px,76vw,460px)}}@media(max-width:480px){.hero-copy h1{font-size:54px}}
header a.group{flex-shrink:0}header a.group .font-serif{white-space:nowrap}header button{white-space:nowrap}@media(max-width:1399px){#btnNavInstall,#authActionBar>button:nth-of-type(3){display:none!important}}