@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&display=swap");
html,body,button,input,textarea,select,option{font-family:"Be Vietnam Pro",sans-serif!important}
:root{--green:#062d20;--green2:#0c3a2c;--red:#651715;--red2:#8b241a;--gold:#d7a74a;--gold2:#f3d184;--cream:#f4ead6;--ink:#101714;--muted:#a6b3ab}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#04150f;color:#fff;font-family:"Be Vietnam Pro",sans-serif}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(215,167,74,.35);position:sticky;top:0;background:rgba(3,20,14,.96);backdrop-filter:blur(12px);z-index:20}.brand{display:flex;gap:12px;align-items:center;color:var(--gold2);text-decoration:none}.brand-mark{font-size:34px}.brand b{display:block;letter-spacing:1.5px;font-family:"Be Vietnam Pro",sans-serif;font-weight:700}.brand small{display:block;color:#b98d46;font-size:10px;margin-top:3px}.site-header nav{display:flex;gap:30px}.site-header nav a,.lang-switch a{color:#ead8af;text-decoration:none;font-size:13px}.site-header nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:18px}.lang-switch{display:flex;gap:8px}.lang-switch a.active{color:#fff;border-bottom:1px solid var(--gold)}.menu-toggle{display:none;background:none;border:0;color:var(--gold2);font-size:24px}.hero{min-height:620px;padding:70px 7vw;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;background:radial-gradient(circle at 70% 40%,rgba(98,33,16,.45),transparent 34%),linear-gradient(135deg,#03110c,#071b14 65%,#1a0d08);overflow:hidden}.hero-copy{max-width:580px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px}.hero h1,.menu-hero h1,.detail-copy h1{font-family:"Be Vietnam Pro",sans-serif;color:#efd083;font-weight:700}.hero h1{font-size:68px;line-height:1.05;margin:16px 0 20px}.hero p{color:#d7d8d2;line-height:1.75;font-size:17px}.btn-primary,.btn-outline{display:inline-block;padding:15px 22px;border-radius:4px;text-decoration:none;margin-top:20px;font-weight:700;font-size:12px;letter-spacing:.6px}.btn-primary{background:linear-gradient(90deg,#8b2018,#bb3527);color:#fff}.btn-outline{border:1px solid var(--gold);color:var(--gold2)}.hero-visual{position:relative;height:500px;display:grid;place-items:center}.hero-ring{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#5c3b20,#24130b 58%,transparent 60%);filter:drop-shadow(0 35px 45px #000)}.hero-bowl{font-size:290px;z-index:2;filter:drop-shadow(0 25px 24px rgba(0,0,0,.5));transform:rotate(-5deg)}.steam{position:absolute;top:35px;color:rgba(255,255,255,.45);font-size:80px;letter-spacing:25px;filter:blur(3px)}.values{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,#38110e,#6e1713,#38110e);border-top:1px solid #9a5e2a;border-bottom:1px solid #9a5e2a;padding:26px 7vw}.values article{text-align:center;padding:8px;border-right:1px solid rgba(215,167,74,.18)}.values article:last-child{border:0}.values span{color:var(--gold);font-size:25px;display:block;margin-bottom:8px}.values b{display:block;color:#f1ce7c;font-size:12px}.values small{color:#d4c5aa}.light-section{background:var(--cream);color:var(--ink);padding:70px 6vw}.section-heading{text-align:center;margin-bottom:35px}.section-heading span{color:#8d241b;font-size:12px;letter-spacing:2px}.section-heading h2{font-family:"Be Vietnam Pro",sans-serif;font-weight:600;font-size:36px;margin:8px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;max-width:1200px;margin:auto}.category-card{min-height:150px;background:#ead9b8;color:#5a2719;text-decoration:none;border:1px solid #d5bf91;display:grid;place-items:center;align-content:center;gap:10px;transition:.2s}.category-card:hover{transform:translateY(-4px);background:#7f2019;color:#fff}.category-icon{font-size:40px}.featured,.recommend{padding:70px 6vw;background:linear-gradient(180deg,#052419,#031710)}.dish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:auto}.dish-card{background:#f3ead7;color:#1b211d;border-radius:7px;overflow:hidden;text-decoration:none;border:1px solid rgba(215,167,74,.5);box-shadow:0 16px 40px rgba(0,0,0,.17);transition:.2s}.dish-card:hover{transform:translateY(-5px)}.dish-photo{aspect-ratio:4/3;background-size:cover;background-position:center}.dish-body{padding:18px}.dish-body h3{font-family:"Be Vietnam Pro",sans-serif;font-weight:600;font-size:21px;margin:10px 0}.dish-body p{font-size:13px;line-height:1.55;color:#5b615e;min-height:40px}.dish-body strong{color:#8b241a;font-size:18px}.badge{display:inline-block;background:#a32c1f;color:#fff;padding:5px 8px;border-radius:4px;font-size:10px;font-weight:700}.badge.gold{background:#7d5b13}.story{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;padding:80px 8vw;background:linear-gradient(100deg,#4b1110,#101e17);align-items:center}.story h2{font-family:"Be Vietnam Pro",sans-serif;color:#f0cf83;font-size:42px;font-weight:600}.story p{color:#e5d9c3;line-height:1.7}.story-panel{border:1px solid rgba(215,167,74,.35);padding:35px;display:grid;gap:15px;color:#f0cf83}.site-footer{background:#020b08;border-top:1px solid rgba(215,167,74,.25);padding:45px 6vw;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;color:#b8c0bb;font-size:13px}.site-footer a{color:#d7b76f;text-decoration:none}.footer-brand{color:#f0ce7b;font-family:"Be Vietnam Pro",sans-serif;font-weight:700;font-size:24px;letter-spacing:2px}.menu-hero{text-align:center;padding:70px 20px 35px;background:linear-gradient(180deg,#062a20,#04180f)}.menu-hero h1{font-size:54px;margin:10px}.menu-hero p{color:#c7d0ca}.menu-toolbar{position:sticky;top:76px;z-index:15;background:#09291f;border-top:1px solid #84642b;border-bottom:1px solid #84642b;padding:14px 5vw;display:flex;justify-content:space-between;gap:20px}.chips{display:flex;gap:8px;overflow-x:auto}.chip{white-space:nowrap;color:#ead8af;text-decoration:none;border:1px solid #365847;border-radius:4px;padding:9px 14px;font-size:12px}.chip.active{background:#9a2d21;color:#fff;border-color:#9a2d21}.search{display:flex}.search input{background:#f3ead7;border:0;padding:10px 12px;min-width:210px}.search button{background:#8c251d;color:#fff;border:0;width:42px}.menu-list{padding:35px 5vw 80px;background:#052116}.menu-grid{grid-template-columns:repeat(2,1fr)}.dish-card.horizontal{display:grid;grid-template-columns:170px 1fr}.dish-card.horizontal .dish-photo{aspect-ratio:auto;min-height:170px}.detail-wrap{padding:35px 6vw 80px;background:linear-gradient(145deg,#071b14,#0b3024)}.back-link{color:#d5b772;text-decoration:none;font-size:12px}.detail-grid{max-width:1200px;margin:25px auto 0;display:grid;grid-template-columns:1.1fr 1fr;background:#06281e;border:1px solid #a47d39}.detail-media{padding:22px}.detail-image{min-height:580px;background-size:cover;background-position:center;border-radius:4px}.detail-copy{padding:45px}.detail-copy h1{font-size:44px;margin:12px 0 8px}.translations{display:flex;flex-direction:column;color:#d9caa5;gap:5px}.rating{color:#f2bb37;margin:16px 0}.rating small{color:#d5d7d2}.lead{color:#e4e7e2;line-height:1.75}.price{font-size:28px;color:#f2d38b;margin:25px 0;border-top:1px solid #496353;padding-top:20px}.ingredient-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ingredient-row span{border:1px solid #466251;padding:18px;text-align:center;color:#e0bb62}.ingredient-row b{display:block;color:#e4e7e2;font-size:11px;margin-top:7px}.empty-card{padding:40px;border:1px dashed #8b6e39;color:#ccb77a}.recommend{padding-top:55px}@media(max-width:900px){.site-header nav{display:none}.menu-toggle{display:block}.nav-open .site-header nav{display:flex;position:absolute;top:76px;left:0;right:0;background:#061c14;padding:20px;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{text-align:center;margin:auto}.hero h1{font-size:46px}.hero-visual{height:360px}.hero-ring{width:300px;height:300px}.hero-bowl{font-size:200px}.values{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.dish-grid,.menu-grid{grid-template-columns:1fr}.story{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-image{min-height:420px}.site-footer{grid-template-columns:1fr 1fr}.menu-toolbar{top:76px;flex-direction:column}.search input{width:100%}}@media(max-width:560px){.site-header{padding:0 18px}.brand small{display:none}.hero{min-height:640px;padding:45px 22px}.hero h1{font-size:40px}.hero p{font-size:15px}.hero-visual{height:300px}.hero-bowl{font-size:165px}.values{padding:18px 10px}.category-grid{grid-template-columns:repeat(2,1fr)}.light-section,.featured,.recommend{padding:50px 18px}.dish-card.horizontal{grid-template-columns:115px 1fr}.dish-card.horizontal .dish-photo{min-height:145px}.detail-wrap{padding:25px 15px 50px}.detail-media{padding:10px}.detail-image{min-height:320px}.detail-copy{padding:25px 20px}.detail-copy h1{font-size:34px}.ingredient-row{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.lang-switch{display:none}}
/* v2 slider + CMS */
.announcement{background:#7e1f18;color:#f7df9b;text-align:center;padding:8px 16px;font-size:12px;letter-spacing:.3px}.brand-logo{width:auto;height:68px;max-width:260px;object-fit:contain;display:block}.home-slider{height:min(720px,76vh);min-height:560px;position:relative;overflow:hidden;background:#03130e}.home-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(1,10,7,.92) 0%,rgba(4,15,10,.67) 42%,rgba(3,11,8,.15) 72%),var(--slide-bg,radial-gradient(circle at 70% 40%,#5b2918,#061710 58%));background-size:cover;background-position:center}.home-slide.active{opacity:1;visibility:visible}.slide-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent 45%)}.slide-copy{position:relative;z-index:2;width:min(650px,80vw);margin-left:8vw}.slide-copy h1{font-family:"Be Vietnam Pro",sans-serif;color:#f0ce7e;font-size:clamp(44px,5vw,76px);line-height:1.04;font-weight:700;margin:12px 0 20px}.slide-copy p{max-width:590px;color:#e7e5df;font-size:17px;line-height:1.75}.slide-highlight{display:inline-block;background:#9b2c20;color:#fff;padding:7px 11px;border-radius:4px;font-size:10px;font-weight:700;margin-bottom:14px}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid rgba(231,193,104,.65);background:#071c14b8;color:#f1cb77;font-size:34px;cursor:pointer}.slider-arrow.prev{left:24px}.slider-arrow.next{right:24px}.slider-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:9px}.slider-dots button{width:8px;height:8px;border-radius:50%;border:0;background:#c0a46d;opacity:.55;padding:0}.slider-dots button.active{background:#fff2bf;opacity:1;transform:scale(1.2)}.values-3{grid-template-columns:repeat(3,1fr)}.story-image{height:260px;background-size:cover;background-position:center;border:1px solid rgba(215,167,74,.35);margin-bottom:28px}.site-footer b{color:#d9cba9}@media(max-width:900px){.home-slider{height:650px;min-height:650px}.slide-copy{margin:0 auto;text-align:center;width:80vw}.slide-copy p{margin-left:auto;margin-right:auto}.values-3{grid-template-columns:1fr 1fr 1fr}.slider-arrow{width:38px;height:38px}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}}@media(max-width:560px){.home-slider{height:650px;min-height:650px}.home-slide{background-image:linear-gradient(0deg,rgba(1,10,7,.88),rgba(3,12,9,.32)),var(--slide-bg,linear-gradient(135deg,#03110c,#4b1110));background-position:center}.slide-copy{width:82vw;margin-top:120px}.slide-copy h1{font-size:42px}.slide-copy p{font-size:14px}.slider-arrow{display:none}.values-3{grid-template-columns:1fr}.announcement{font-size:11px}.brand-logo{width:auto;height:52px;max-width:190px}}


/* v2.3 footer logo + floating Zalo */
.footer-brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-brand-block p{margin:0;line-height:1.65}.footer-logo-link{display:inline-flex;align-items:center;max-width:290px}.footer-logo{display:block;width:auto;height:76px;max-width:290px;object-fit:contain;object-position:left center}.floating-zalo{position:fixed;right:24px;bottom:24px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;text-decoration:none;z-index:999;filter:drop-shadow(0 10px 20px rgba(0,0,0,.28));transition:transform .2s ease,filter .2s ease}.floating-zalo:hover{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 14px 24px rgba(0,0,0,.38))}.floating-zalo-core{position:relative;z-index:2;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#0877ff;color:#fff;border:3px solid #fff;font-family:"Be Vietnam Pro",sans-serif;font-size:14px;font-weight:700;letter-spacing:-.4px}.floating-zalo-pulse{position:absolute;inset:1px;border-radius:50%;background:rgba(8,119,255,.4);animation:zaloPulse 2s ease-out infinite}@keyframes zaloPulse{0%{transform:scale(.9);opacity:.75}70%,100%{transform:scale(1.45);opacity:0}}@media(max-width:560px){.footer-logo{height:64px;max-width:230px}.floating-zalo{right:15px;bottom:18px;width:58px;height:58px}.floating-zalo-core{width:52px;height:52px;font-size:13px}}


/* v2.4 brand + typography controls */
.brand-logo{height:var(--th-header-logo-h,68px);max-height:calc(76px - 8px)}
.site-header nav a,.lang-switch a{font-size:var(--th-nav-size,13px);color:var(--th-nav-color,#ead8af);font-weight:var(--th-nav-weight,500)}
.eyebrow,.section-heading>span{font-size:var(--th-eyebrow-size,12px);color:var(--th-eyebrow-color,#d7a74a);font-weight:var(--th-eyebrow-weight,500)}
.hero h1,.slide-copy h1{font-size:var(--th-hero-title-size,72px);color:var(--th-hero-title-color,#f0ce7e);font-weight:var(--th-hero-title-weight,700);line-height:var(--th-hero-title-line,1.04);letter-spacing:var(--th-hero-title-spacing,0px)}
.hero p,.slide-copy p{font-size:var(--th-hero-desc-size,17px);color:var(--th-hero-desc-color,#e7e5df);font-weight:var(--th-hero-desc-weight,400)}
.light-section .section-heading h2{font-size:var(--th-section-light-size,36px);color:var(--th-section-light-color,#101714);font-weight:var(--th-section-light-weight,600)}
.featured .section-heading h2,.recommend .section-heading h2{font-size:var(--th-section-dark-size,36px);color:var(--th-section-dark-color,#fff);font-weight:var(--th-section-dark-weight,600)}
.story h2{font-size:var(--th-story-title-size,42px);color:var(--th-story-title-color,#f0cf83);font-weight:var(--th-story-title-weight,600)}
.dish-body h3{font-size:var(--th-dish-title-size,21px);color:var(--th-dish-title-color,#1b211d);font-weight:var(--th-dish-title-weight,600)}
.menu-hero h1,.detail-copy h1{font-size:var(--th-page-title-size,54px);color:var(--th-page-title-color,#efd083);font-weight:var(--th-page-title-weight,700)}
.dish-body strong,.price{font-size:var(--th-price-size,18px);color:var(--th-price-color,#8b241a);font-weight:var(--th-price-weight,600)}
.site-footer{font-size:var(--th-footer-size,13px);color:var(--th-footer-color,#b8c0bb);font-weight:var(--th-footer-weight,400)}
.footer-logo{height:var(--th-footer-logo-h,76px)}
.site-copyright{background:#010805;border-top:1px solid rgba(215,167,74,.14);padding:14px 20px;text-align:center;color:#7f8b84;font-size:11px;font-weight:400;letter-spacing:.2px}
@media(max-width:900px){.hero h1,.slide-copy h1{font-size:min(var(--th-hero-title-size,72px),46px)}.menu-hero h1,.detail-copy h1{font-size:min(var(--th-page-title-size,54px),44px)}}
@media(max-width:560px){.brand-logo{height:min(var(--th-header-logo-h,68px),52px)}.footer-logo{height:min(var(--th-footer-logo-h,76px),64px)}.hero h1,.slide-copy h1{font-size:min(var(--th-hero-title-size,72px),42px)}.hero p,.slide-copy p{font-size:min(var(--th-hero-desc-size,17px),15px)}.menu-hero h1,.detail-copy h1{font-size:min(var(--th-page-title-size,54px),34px)}}
/* V3.0 Brand System */
body{background:var(--th-page-bg,#04150f)}.site-header,.site-footer{background:var(--th-header-bg,#03140e)}.btn-primary{background:var(--th-button,#9a2d21)}.dish-card{background:var(--th-card,#f3ead7);border-color:color-mix(in srgb,var(--th-border,#d7a74a) 55%,transparent)}.badge.new{background:#1f6f54}.badge.soldout{background:#555}.home-section{order:var(--home-order,1)}body.home-layout main{display:flex;flex-direction:column}.preview-ribbon{position:fixed;left:12px;bottom:12px;z-index:1000;background:#f2c655;color:#15100a;padding:7px 10px;border-radius:4px;font-size:11px;font-weight:800}
/* V3.0 Brand System */
body{background:var(--th-page-bg,#04150f)}.site-header,.site-footer{background:var(--th-header-bg,#03140e)}.btn-primary{background:var(--th-button,#9a2d21)}.dish-card{background:var(--th-card,#f3ead7);border-color:var(--th-border,#d7a74a)}.badge.new{background:#1f6f54}.badge.soldout{background:#555}.home-section{order:var(--home-order,1)}body.home-layout main{display:flex;flex-direction:column}.preview-ribbon{position:fixed;left:12px;bottom:12px;z-index:1000;background:#f2c655;color:#15100a;padding:7px 10px;border-radius:4px;font-size:11px;font-weight:800}
/* V3.0 theme coverage */
.hero,.home-slider{background:var(--th-page-bg,#04150f)}.home-slide{background-image:linear-gradient(90deg,color-mix(in srgb,var(--th-page-bg,#04150f) 92%,transparent) 0%,color-mix(in srgb,var(--th-page-bg,#04150f) 65%,transparent) 45%,transparent 75%),var(--slide-bg)}.values{background:linear-gradient(90deg,var(--red),var(--red2),var(--red));border-color:var(--th-border)}.light-section{background:var(--cream);color:var(--ink)}.category-card{background:color-mix(in srgb,var(--cream) 82%,var(--gold) 18%);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.category-card:hover{background:var(--red2)}.featured,.recommend,.menu-list{background:var(--green)}.story{background:linear-gradient(100deg,var(--red),var(--green2))}.menu-hero{background:linear-gradient(180deg,var(--green),var(--th-page-bg))}.menu-toolbar{background:var(--green2);border-color:var(--th-border)}.chip.active,.search button{background:var(--th-button)}.detail-wrap{background:linear-gradient(145deg,var(--th-page-bg),var(--green2))}.detail-grid{background:var(--green);border-color:var(--th-border)}

/* V3.1 — Logo safe-area, auto category layout & Seasonal Effect Engine */
.site-header{overflow:visible}
.site-header .brand{padding:var(--th-header-pad-y,0) var(--th-header-pad-x,0);transform:translate(var(--th-header-logo-x,0),var(--th-header-logo-y,0));transform-origin:left center;min-width:0}
.brand-logo{max-height:none}
.footer-brand-block{padding:var(--th-footer-pad-y,0) var(--th-footer-pad-x,0)}
.footer-logo-link{transform:translate(var(--th-footer-logo-x,0),var(--th-footer-logo-y,0));transform-origin:left center}
.footer-logo{max-height:none}

.category-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:var(--category-gap,22px);max-width:1280px;margin-inline:auto}
.category-grid .category-card{flex:0 1 calc(25% - var(--category-gap,22px));min-width:210px;max-width:290px}
.category-grid-3 .category-card{flex-basis:calc(33.333% - var(--category-gap,22px))}
.category-grid-4 .category-card{flex-basis:calc(25% - var(--category-gap,22px))}
.category-grid-5 .category-card{flex-basis:calc(20% - var(--category-gap,22px));min-width:180px}
.category-align-left{justify-content:flex-start}.category-align-center{justify-content:center}.category-align-right{justify-content:flex-end}
@media(max-width:1050px){.category-grid .category-card,.category-grid-4 .category-card,.category-grid-5 .category-card{flex-basis:calc(33.333% - var(--category-gap,22px))}}
@media(max-width:760px){.category-grid .category-card,.category-grid-3 .category-card,.category-grid-4 .category-card,.category-grid-5 .category-card{flex-basis:calc(50% - var(--category-gap,22px));min-width:160px}.category-align-left,.category-align-right{justify-content:center}}
@media(max-width:430px){.category-grid .category-card,.category-grid-3 .category-card,.category-grid-4 .category-card,.category-grid-5 .category-card{flex-basis:100%;max-width:100%}}

.season-effect-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:45;contain:layout paint;isolation:isolate}
.season-particle{position:absolute;top:-12vh;left:var(--x,50%);font-size:calc(18px * var(--season-size,1));opacity:var(--season-opacity,.7);filter:drop-shadow(0 2px 5px rgba(0,0,0,.2));animation:seasonFall var(--duration,12s) linear var(--delay,0s) infinite;will-change:transform,opacity;user-select:none}
@keyframes seasonFall{0%{transform:translate3d(0,-12vh,0) rotate(0deg)}50%{transform:translate3d(var(--drift,20px),48vh,0) rotate(160deg)}100%{transform:translate3d(calc(var(--drift,20px) * -1),115vh,0) rotate(360deg)}}
.season-firework{position:absolute;left:var(--x);top:var(--y);width:5px;height:5px;border-radius:50%;background:var(--gold2);box-shadow:0 -28px var(--gold2),20px -20px var(--red2),28px 0 #fff2b8,20px 20px var(--gold),0 28px var(--red2),-20px 20px #fff2b8,-28px 0 var(--gold),-20px -20px var(--red2);opacity:0;animation:seasonBurst var(--duration,3.4s) ease-out var(--delay,0s) infinite;filter:drop-shadow(0 0 6px rgba(255,216,110,.7))}
@keyframes seasonBurst{0%,12%{transform:scale(.05);opacity:0}20%{opacity:1}70%{transform:scale(var(--scale,1));opacity:.88}100%{transform:scale(calc(var(--scale,1) * 1.22));opacity:0}}
.season-wealth-god{position:fixed;right:-150px;bottom:10vh;font-weight:800;color:#ffd968;background:linear-gradient(145deg,#a71918,#e0a72d);border:2px solid #ffd968;border-radius:999px;padding:14px 18px;box-shadow:0 12px 30px rgba(0,0,0,.3);animation:wealthVisit var(--duration,15s) ease-in-out var(--delay,1s) infinite}
.season-wealth-god::before{content:'財';font-size:28px;margin-right:6px}.season-wealth-god::after{content:'  🧧  🪙  💰';font-size:18px}
@keyframes wealthVisit{0%,12%{transform:translateX(0);opacity:0}20%,55%{transform:translateX(-190px);opacity:1}70%,100%{transform:translateX(-420px);opacity:0}}
.season-moon{position:absolute;right:7vw;top:12vh;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffbd7,#f4d173 58%,#c89430);box-shadow:0 0 40px rgba(241,211,126,.45);opacity:var(--season-opacity,.7);animation:moonFloat 8s ease-in-out infinite alternate}
@keyframes moonFloat{to{transform:translateY(14px)}}
body.season-christmas .site-header,body.season-newyear .site-header,body.season-tet .site-header,body.season-midautumn .site-header,body.season-valentine .site-header,body.season-midsummer .site-header{box-shadow:0 8px 32px rgba(0,0,0,.16)}
@media(prefers-reduced-motion:reduce){.season-effect-layer{display:none!important}}

/* V3.1.3 — Visual Refinement / responsive foundation */
.home-slide .slide-copy{max-width:var(--hero-copy-width,650px);transform:translate(var(--hero-copy-x,0px),var(--hero-copy-y,0px));text-align:var(--hero-copy-align,left)}
.category-card{padding:0!important;overflow:hidden;display:flex!important;flex-direction:column;text-align:left!important;border-radius:10px;min-height:250px;position:relative;transition:transform .25s ease,box-shadow .25s ease}
.category-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.16)}
.category-photo{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;position:relative}.category-photo:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.2))}.category-photo-empty{display:grid;place-items:center;background:linear-gradient(145deg,var(--green2),var(--red2));color:var(--gold2);font-size:42px}.category-name{padding:16px 18px 18px;display:flex;align-items:end;justify-content:space-between;gap:12px}.category-name b{font-size:17px}.category-name span{font-size:9px;letter-spacing:1px;opacity:.65;white-space:nowrap}
.values-3{padding-block:32px}.values-3 article{padding:10px 4vw}.values-3 small{display:block;margin-top:5px;line-height:1.5}.featured,.light-section{padding-top:82px;padding-bottom:86px}.dish-card{overflow:hidden}.dish-photo{transition:transform .45s ease}.dish-card:hover .dish-photo{transform:scale(1.025)}.dish-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:900px){.site-header{padding-inline:24px}.home-slider{height:620px;min-height:620px}.home-slide .slide-copy{width:min(82vw,var(--hero-copy-width-tablet,620px));max-width:none;margin-left:9vw;margin-right:auto;text-align:var(--hero-copy-align-tablet,left);transform:translate(var(--hero-copy-x-tablet,0px),var(--hero-copy-y-tablet,0px))}.category-grid .category-card{min-width:0}.featured,.light-section{padding-inline:5vw}}
@media(max-width:560px){.site-header{height:64px;padding:0 16px}.brand-text{display:none}.home-slider{height:560px;min-height:560px}.home-slide{align-items:flex-end;padding-bottom:68px;background-position:center}.home-slide .slide-copy{width:min(88vw,var(--hero-copy-width-mobile,390px));margin:0 auto;text-align:var(--hero-copy-align-mobile,left);transform:translate(var(--hero-copy-x-mobile,0px),var(--hero-copy-y-mobile,0px))}.slide-copy h1{font-size:min(var(--th-hero-title-size-mobile,38px),11vw)!important;line-height:1.08;margin:10px 0 14px}.slide-copy p{font-size:14px!important;line-height:1.6;margin:0}.slide-highlight{margin-bottom:8px}.slider-dots{bottom:20px}.values-3{padding:12px 18px}.values-3 article{padding:18px 8px;border-right:0;border-bottom:1px solid rgba(215,167,74,.18)}.values-3 article:last-child{border-bottom:0}.light-section,.featured{padding:54px 16px 60px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:30px!important;line-height:1.15}.category-grid{gap:12px!important}.category-grid .category-card,.category-grid-3 .category-card,.category-grid-4 .category-card,.category-grid-5 .category-card{flex:0 1 calc(50% - 6px);min-width:0;max-width:none;min-height:0}.category-photo{aspect-ratio:1/1}.category-name{padding:12px;display:block}.category-name b{font-size:14px;line-height:1.25;display:block}.category-name span{display:none}.dish-grid{gap:16px}.dish-body{padding:16px}.dish-body h3{font-size:18px!important}.dish-body p{font-size:13px;line-height:1.55;-webkit-line-clamp:2}.menu-hero{padding:52px 18px 38px}.menu-toolbar{padding:14px 16px;position:sticky;top:64px;z-index:12}.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap}.menu-list{padding:26px 14px 55px}.menu-grid{grid-template-columns:1fr}.dish-card.horizontal{grid-template-columns:112px 1fr;min-height:145px}.dish-card.horizontal .dish-photo{min-height:145px}.story{padding:54px 18px}.site-footer{padding-inline:20px}.floating-zalo{bottom:14px}}
@media(max-width:370px){.category-grid .category-card{flex-basis:100%}.category-photo{aspect-ratio:16/9}.slide-copy h1{font-size:34px!important}}

/* V3.1.3 R2 — Mobile composition sync */
.home-slide{background-position:var(--hero-bg-x,50%) var(--hero-bg-y,50%)}
.category-name{padding:13px 16px 14px;min-height:54px;align-items:center}.category-name b{font-size:16px;line-height:1.25}.category-name span{font-size:8px;letter-spacing:.9px;opacity:.48}.category-card{min-height:0;border-radius:9px}.category-photo{aspect-ratio:4/3}.light-section{padding-top:68px}.values-3{padding-block:24px}.values-3 article{padding-block:8px}.values-3 span{font-size:21px;margin-bottom:6px}.values-3 b{font-size:11px;letter-spacing:.25px}.values-3 small{font-size:12px}.site-header .brand-logo{transform-origin:left center}
@media(max-width:900px){
 .home-slide{background-position:var(--hero-bg-x-tablet,50%) var(--hero-bg-y-tablet,50%)}
 .site-header{height:70px}.brand-logo{height:min(var(--th-header-logo-h,68px),58px)!important}.nav-open .site-header nav{top:70px}
 .home-slider{height:600px;min-height:600px}.home-slide .slide-copy{width:min(84vw,var(--hero-copy-width-tablet,620px))}
 .values-3{padding-block:20px}.light-section{padding-top:62px}
}
@media(max-width:560px){
 .site-header{height:60px;padding:0 18px}.brand-logo{height:min(var(--th-header-logo-h,68px),48px)!important;max-width:150px}.menu-toggle{font-size:22px;line-height:1;padding:8px}.nav-open .site-header nav{top:60px}
 .home-slider{height:var(--hero-height-mobile,68svh);min-height:500px;max-height:720px}
 .home-slide{align-items:flex-end;padding:0 0 clamp(44px,7svh,70px);background-position:var(--hero-bg-x-mobile,38%) var(--hero-bg-y-mobile,50%);background-image:linear-gradient(0deg,rgba(1,10,7,.94) 0%,rgba(1,10,7,.82) 31%,rgba(3,12,9,.34) 58%,rgba(3,12,9,.09) 100%),var(--slide-bg,linear-gradient(135deg,#03110c,#4b1110))}
 .home-slide .slide-copy{width:min(86vw,var(--hero-copy-width-mobile,390px));margin:0 auto;transform:translate(var(--hero-copy-x-mobile,0px),var(--hero-copy-y-mobile,0px));text-align:var(--hero-copy-align-mobile,left)}
 .slide-copy .eyebrow{font-size:10px!important;letter-spacing:3.2px}.slide-copy h1{font-size:min(var(--th-hero-title-size-mobile,38px),10.4vw)!important;line-height:1.04;margin:9px 0 12px;letter-spacing:-.7px!important}.slide-copy p{font-size:13.5px!important;line-height:1.58;margin:0;max-width:36em}.slide-highlight{font-size:9px;padding:5px 8px;margin-bottom:7px}.slide-copy .btn-primary{margin-top:15px;padding:12px 16px}.slider-dots{bottom:15px}
 .values-3{padding:5px 18px;grid-template-columns:1fr}.values-3 article{padding:14px 8px}.values-3 span{font-size:18px;margin-bottom:4px}.values-3 b{font-size:11px}.values-3 small{font-size:11px;margin-top:3px;line-height:1.4}
 .light-section,.featured{padding:42px 15px 50px}.section-heading{margin-bottom:22px}.section-heading span{font-size:10px;letter-spacing:1.8px}.section-heading h2{font-size:27px!important;margin:7px 0 0;line-height:1.12}
 .category-grid{gap:10px!important}.category-grid .category-card,.category-grid-3 .category-card,.category-grid-4 .category-card,.category-grid-5 .category-card{flex:0 1 calc(50% - 5px);min-width:0;max-width:none}.category-photo{aspect-ratio:4/3}.category-name{padding:10px 10px 11px;min-height:45px}.category-name b{font-size:13px;line-height:1.2}.category-name span{display:none}
 .dish-grid{gap:14px}.dish-body{padding:14px}.dish-body h3{font-size:17px!important;margin:8px 0}.dish-body p{font-size:12.5px;line-height:1.5}.dish-body strong{font-size:16px}
 .menu-toolbar{top:60px}.story{padding:46px 18px}.story h2{font-size:31px!important;line-height:1.16}.story-panel{padding:24px}.site-footer{padding:38px 20px 90px;gap:26px}.footer-brand{font-size:20px}
 .floating-zalo{right:14px;bottom:max(16px,env(safe-area-inset-bottom));width:52px;height:52px}.floating-zalo-core{width:47px;height:47px;font-size:12px;border-width:2px}.floating-zalo-pulse{inset:2px}
}
@media(max-width:370px){
 .category-grid .category-card,.category-grid-3 .category-card,.category-grid-4 .category-card,.category-grid-5 .category-card{flex-basis:calc(50% - 5px)}.category-photo{aspect-ratio:1/1}.category-name b{font-size:12px}
 .home-slide .slide-copy{width:88vw}.slide-copy h1{font-size:min(var(--th-hero-title-size-mobile,36px),10vw)!important}
}

/* V3.1.3 R3.1 HOTFIX — Mobile full-image hero without changing slider DOM.
   Uses the existing slide background engine, reserves the native 1920x762 hero ratio,
   and places typography in its own block below the full image. Desktop/tablet unchanged. */
@media(max-width:560px){
  .site-header{height:56px;padding:0 16px}
  .brand-logo{height:min(var(--th-header-logo-h,68px),46px)!important;max-width:148px}
  .menu-toggle{font-size:21px;padding:7px}
  .nav-open .site-header nav{top:56px}

  .home-slider{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden;
    background:var(--th-page-bg,#04150f)
  }
  .home-slide{
    display:block!important;
    position:absolute;
    inset:0;
    width:100%;
    height:auto!important;
    min-height:0!important;
    padding:39.6875vw 0 0!important; /* 762 / 1920 */
    background-color:#020b08!important;
    background-image:var(--slide-bg,linear-gradient(135deg,#03110c,#4b1110))!important;
    background-size:100% auto!important;
    background-position:top center!important;
    background-repeat:no-repeat!important;
    align-items:initial!important;
  }
  .home-slide.active{position:relative;inset:auto}
  .slide-overlay{display:none!important}
  .home-slide .slide-copy{
    position:relative;
    z-index:2;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:24px 20px 38px;
    background:linear-gradient(180deg,#071a13 0%,#04120d 72%,#03100c 100%);
    text-align:var(--hero-copy-align-mobile,left)!important;
    transform:none!important
  }
  .slide-copy .eyebrow{font-size:9.5px!important;letter-spacing:3px}
  .slide-copy h1{font-size:min(var(--th-hero-title-size-mobile,36px),9.8vw)!important;line-height:1.05;margin:8px 0 10px;letter-spacing:-.5px!important}
  .slide-copy p{font-size:13px!important;line-height:1.5;margin:0;max-width:38em}
  .slide-copy .btn-primary{margin-top:14px}
  .slider-arrow{display:none!important}
  .slider-dots{bottom:14px}
  .slider-dots button{width:7px;height:7px}

  .values-3{padding:6px 16px 14px}
  .values-3 article{padding:13px 8px}
  .values-3 article:last-child{padding-bottom:18px}
  .light-section,.featured{padding:34px 14px 46px}
  .section-heading{margin-bottom:18px}
  .section-heading h2{font-size:26px!important}
  .category-grid{gap:9px!important}
  .category-name{padding:8px 9px 9px;min-height:40px}
  .category-name b{font-size:12.5px}
  .category-photo{aspect-ratio:4/3}
  .floating-zalo{right:8px;bottom:max(18px,env(safe-area-inset-bottom));width:46px;height:46px}
  .floating-zalo-core{width:42px;height:42px;font-size:11px}
  .floating-zalo-pulse{inset:1px}
  .menu-toolbar{top:56px}
}
@media(max-width:370px){
  .home-slide .slide-copy{padding-inline:17px}
  .slide-copy h1{font-size:min(var(--th-hero-title-size-mobile,34px),9.7vw)!important}
  .category-name b{font-size:12px}
}


/* V3.1.3 R3.2 — robust mobile full-frame hero.
   Mobile uses a real <img> in normal document flow: 100% frame, no crop, no stretch.
   The existing desktop background slider remains untouched. */
.mobile-slide-media{display:none}
@media(max-width:560px){
  .home-slider{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    background:var(--th-page-bg,#04150f)!important;
  }
  .home-slide{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    background-image:none!important;
    background:none!important;
    opacity:0;
    visibility:hidden;
  }
  .home-slide.active{
    position:relative!important;
    inset:auto!important;
    opacity:1;
    visibility:visible;
  }
  .mobile-slide-media{
    display:block!important;
    width:100%;
    line-height:0;
    background:#020b08;
    overflow:hidden;
  }
  .mobile-slide-media img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .slide-overlay{display:none!important}
  .home-slide .slide-copy{
    position:relative!important;
    inset:auto!important;
    z-index:2;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:22px 20px 32px!important;
    background:linear-gradient(180deg,#071a13 0%,#04120d 72%,#03100c 100%)!important;
    transform:none!important;
    text-align:var(--hero-copy-align-mobile,left)!important;
  }
  .home-slide .slide-copy .eyebrow{margin:0 0 7px}
  .home-slide .slide-copy h1{margin:0 0 10px!important}
  .home-slide .slide-copy p{margin:0!important}
  .slider-dots{
    position:absolute!important;
    left:50%!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
    z-index:8;
  }
}
@media(max-width:370px){
  .home-slide .slide-copy{padding:20px 17px 30px!important}
}


/* V3.1.3 R3.3 HERO STANDARD — locked baseline.
   Master artwork: 1920x1200 (16:10).
   Desktop: top-center anchor; any vertical crop is sacrificed from bottom only.
   Tablet/Phone: full frame, no crop, with blended transition into copy background. */
@media(min-width:1025px){
  .home-slider{height:min(720px,62.5vw,76vh)!important;min-height:min(560px,62.5vw)!important}
  .home-slide{background-position:center top!important}
}
@media(max-width:1024px){
  .home-slider{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:var(--th-page-bg,#04150f)!important}
  .home-slide{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;background:none!important;opacity:0;visibility:hidden}
  .home-slide.active{position:relative!important;inset:auto!important;opacity:1;visibility:visible}
  .mobile-slide-media{display:block!important;position:relative;width:100%;line-height:0;background:var(--th-page-bg,#04150f);overflow:hidden}
  .mobile-slide-media img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center top!important}
  .mobile-slide-media:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:24%;pointer-events:none;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--th-page-bg,#04150f) 24%,transparent) 28%,color-mix(in srgb,var(--th-page-bg,#04150f) 72%,transparent) 68%,var(--th-page-bg,#04150f) 100%)}
  .slide-overlay{display:none!important}
  .home-slide .slide-copy{position:relative!important;inset:auto!important;z-index:2;width:100%!important;max-width:none!important;margin:-2px 0 0!important;padding:clamp(24px,4vw,40px) clamp(20px,6vw,54px) clamp(34px,5vw,52px)!important;background:linear-gradient(180deg,var(--th-page-bg,#04150f) 0%,color-mix(in srgb,var(--th-page-bg,#04150f) 94%,#000) 100%)!important;transform:none!important;text-align:var(--hero-copy-align-tablet,left)!important}
  .slider-arrow{display:none!important}
  .slider-dots{position:absolute!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;z-index:8}
}
@media(max-width:560px){
  .home-slide .slide-copy{padding:22px 20px 32px!important;text-align:var(--hero-copy-align-mobile,left)!important}
  .mobile-slide-media:after{height:28%}
}
@media(max-width:370px){.home-slide .slide-copy{padding:20px 17px 30px!important}}

/* V3.1.3 R3.4 HERO VISUAL CALIBRATION — final Hero Standard tuning.
   Desktop copy sits lower to reveal more artwork above.
   Hero shading is ~20% lighter while preserving text readability.
   Tablet/Phone keep the full 16:10 frame and use a softer, shorter blend. */
@media(min-width:1025px){
  .home-slide{
    align-items:flex-end!important;
    padding-bottom:clamp(42px,6.5vh,76px)!important;
    background-image:linear-gradient(90deg,
      color-mix(in srgb,var(--th-page-bg,#04150f) 72%,transparent) 0%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 45%,transparent) 42%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 8%,transparent) 72%),
      var(--slide-bg)!important;
  }
  .slide-overlay{
    background:linear-gradient(0deg,rgba(0,0,0,.20),transparent 38%)!important;
  }
}
@media(max-width:1024px){
  .mobile-slide-media:after{
    height:19%!important;
    background:linear-gradient(180deg,
      transparent 0%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 18%,transparent) 34%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 52%,transparent) 72%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 82%,transparent) 100%)!important;
  }
  .home-slide .slide-copy{
    margin:-14px 0 0!important;
    padding-top:clamp(18px,3vw,30px)!important;
  }
}
@media(max-width:560px){
  .mobile-slide-media:after{height:20%!important}
  .home-slide .slide-copy{margin-top:-16px!important;padding-top:18px!important}
}

/* V3.1.3 R3.5 FINAL MOBILE BLEND — locked Hero Standard.
   Desktop remains exactly as calibrated in R3.4.
   Tablet/Phone: extend the transition zone upward into the crop-tolerant bottom
   of the 16:10 artwork and pull copy closer, creating one continuous Hero. */
@media(max-width:1024px){
  .mobile-slide-media:after{
    height:31%!important;
    bottom:-1px!important;
    background:linear-gradient(180deg,
      transparent 0%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 6%,transparent) 18%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 18%,transparent) 42%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 42%,transparent) 68%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 72%,transparent) 86%,
      var(--th-page-bg,#04150f) 100%)!important;
  }
  .home-slide .slide-copy{
    margin:-26px 0 0!important;
    padding-top:clamp(14px,2.4vw,24px)!important;
  }
}
@media(max-width:560px){
  .mobile-slide-media:after{height:34%!important}
  .home-slide .slide-copy{margin-top:-30px!important;padding-top:14px!important}
}
@media(max-width:370px){
  .home-slide .slide-copy{margin-top:-26px!important;padding-top:14px!important}
}

/* V3.1.3 R3.6 FINAL SEAMLESS HERO — CLOSED / STABLE.
   Desktop remains exactly as R3.4/R3.5.
   Tablet/Phone: deep cross-fade inspired by the approved visual reference.
   The full 16:10 artwork remains intact; copy overlaps the lower image fade so
   artwork and typography read as one continuous composition with no hard seam. */
@media(max-width:1024px){
  .mobile-slide-media{overflow:visible!important;z-index:1}
  .mobile-slide-media:after{
    height:38%!important;
    bottom:-1px!important;
    background:linear-gradient(180deg,
      transparent 0%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 3%,transparent) 14%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 10%,transparent) 30%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 24%,transparent) 48%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 46%,transparent) 66%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 70%,transparent) 82%,
      color-mix(in srgb,var(--th-page-bg,#04150f) 90%,transparent) 94%,
      var(--th-page-bg,#04150f) 100%)!important;
  }
  .home-slide .slide-copy{
    z-index:3!important;
    margin:-48px 0 0!important;
    padding-top:clamp(20px,3vw,32px)!important;
    background:linear-gradient(180deg,
      color-mix(in srgb,var(--th-page-bg,#04150f) 84%,transparent) 0%,
      var(--th-page-bg,#04150f) 46px,
      color-mix(in srgb,var(--th-page-bg,#04150f) 96%,#000) 100%)!important;
  }
}
@media(max-width:560px){
  .mobile-slide-media:after{height:42%!important}
  .home-slide .slide-copy{
    margin-top:-56px!important;
    padding-top:24px!important;
  }
}
@media(max-width:370px){
  .home-slide .slide-copy{margin-top:-48px!important;padding-top:22px!important}
}

/* V3.1.3 R3.7 RC — MOBILE/TABLET HERO SEAM FIX.
   Reliability-first implementation for Safari/iOS:
   - uses standard RGBA gradients (no color-mix dependency)
   - creates TWO real overlapping fade layers
   - media fade remains on top of the artwork
   - copy::before physically extends upward over the artwork
   Desktop (>=1025px) is intentionally untouched. */
@media(max-width:1024px){
  .home-slide{
    --hero-blend-bg:#04150f;
    --hero-blend-depth:clamp(110px,28vw,180px);
  }

  .mobile-slide-media{
    position:relative!important;
    overflow:visible!important;
    z-index:1!important;
    background:var(--hero-blend-bg)!important;
  }

  /* Layer 1: very gradual fade INSIDE the lower artwork. */
  .mobile-slide-media:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:4!important;
    left:0!important;
    right:0!important;
    bottom:-1px!important;
    height:42%!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,
      rgba(4,21,15,0) 0%,
      rgba(4,21,15,.015) 14%,
      rgba(4,21,15,.05) 28%,
      rgba(4,21,15,.12) 43%,
      rgba(4,21,15,.24) 58%,
      rgba(4,21,15,.40) 72%,
      rgba(4,21,15,.58) 84%,
      rgba(4,21,15,.72) 93%,
      rgba(4,21,15,.82) 100%)!important;
  }

  /* Layer 2: copy block physically overlaps the image and finishes the fade.
     This layer makes the seam visible even on Safari versions that render
     pseudo-element/color interpolation differently. */
  .home-slide .slide-copy{
    position:relative!important;
    isolation:isolate!important;
    z-index:5!important;
    margin:-54px 0 0!important;
    padding-top:clamp(26px,4vw,38px)!important;
    background:linear-gradient(180deg,
      rgba(4,21,15,.72) 0%,
      rgba(4,21,15,.92) 42px,
      #04150f 82px,
      #03100c 100%)!important;
  }

  .home-slide .slide-copy:before{
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    right:0;
    top:calc(-1 * var(--hero-blend-depth));
    height:calc(var(--hero-blend-depth) + 56px);
    pointer-events:none;
    background:linear-gradient(180deg,
      rgba(4,21,15,0) 0%,
      rgba(4,21,15,.025) 18%,
      rgba(4,21,15,.08) 34%,
      rgba(4,21,15,.18) 50%,
      rgba(4,21,15,.36) 66%,
      rgba(4,21,15,.58) 80%,
      rgba(4,21,15,.78) 91%,
      #04150f 100%);
  }

  .home-slide .slide-copy > *{
    position:relative;
    z-index:1;
  }
}

@media(max-width:560px){
  .home-slide{--hero-blend-depth:clamp(108px,30vw,138px)}
  .mobile-slide-media:after{height:44%!important}
  .home-slide .slide-copy{
    margin-top:-50px!important;
    padding-top:28px!important;
  }
}

@media(max-width:370px){
  .home-slide{--hero-blend-depth:104px}
  .home-slide .slide-copy{margin-top:-44px!important;padding-top:25px!important}
}

/* V4.0.1 — VISUAL & MENU EXPERIENCE
   Public-facing refinement only. Hero R3.7 remains untouched. */
:root{
  --v4-container:1180px;
  --v4-section-space:clamp(56px,7vw,92px);
  --v4-card-radius:16px;
  --v4-card-shadow:0 14px 36px rgba(17,29,23,.08);
  --v4-image-ratio:4/3;
}
.light-section,.featured,.menu-list{padding-top:var(--v4-section-space);padding-bottom:var(--v4-section-space)}
.light-section>*,.featured>*,.menu-list>*{max-width:var(--v4-container);margin-left:auto;margin-right:auto}
.section-heading{margin-bottom:clamp(24px,3vw,40px)}
.category-card{border-radius:var(--v4-card-radius);overflow:hidden;box-shadow:var(--v4-card-shadow);background:#f4eddf;transition:transform .25s ease,box-shadow .25s ease}
.category-photo{aspect-ratio:var(--v4-image-ratio);height:auto;background-size:cover;background-position:center}
.category-name{min-height:72px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.category-name b{font-size:clamp(17px,1.45vw,22px);line-height:1.15}
.category-name span{font-size:11px;letter-spacing:.12em;opacity:.62;white-space:nowrap}
@media(hover:hover) and (pointer:fine){.category-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(17,29,23,.14)}.category-card:hover .category-photo{transform:scale(1.018)}.category-photo{transition:transform .35s ease}}
.dish-card{border-radius:var(--v4-card-radius);overflow:hidden;box-shadow:var(--v4-card-shadow);background:#fff}
.dish-card .dish-photo{aspect-ratio:var(--v4-image-ratio);height:auto;background-size:cover;background-position:center}
.dish-body{padding:20px 20px 22px}.dish-body h3{font-size:clamp(19px,1.55vw,24px);line-height:1.2;margin:10px 0 8px}.dish-body p{line-height:1.62;opacity:.76;margin:0 0 14px}.dish-body strong{display:block;font-size:18px;margin-top:8px}.badge{font-size:10px;letter-spacing:.1em}
.menu-toolbar{position:sticky;top:var(--header-height,72px);z-index:20;background:rgba(250,247,240,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.menu-toolbar .chips{scrollbar-width:none}.menu-toolbar .chips::-webkit-scrollbar{display:none}
@media(max-width:1024px){
  :root{--v4-section-space:clamp(48px,7vw,72px)}
  .category-name{min-height:64px;padding:14px 15px}.category-name span{display:none}
  .dish-body{padding:17px 17px 19px}
}
@media(max-width:560px){
  :root{--v4-section-space:46px;--v4-card-radius:13px;--v4-card-shadow:0 9px 24px rgba(17,29,23,.075)}
  .light-section,.featured,.menu-list{padding-top:46px;padding-bottom:46px}
  .section-heading{margin-bottom:22px}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .category-name{min-height:54px;padding:11px 12px}.category-name b{font-size:15px}
  .dish-grid{gap:16px}.dish-body{padding:15px 15px 17px}.dish-body h3{font-size:19px;margin-top:8px}.dish-body p{font-size:14px;line-height:1.5;margin-bottom:11px}.dish-body strong{font-size:17px}
  .menu-grid .dish-card.horizontal{display:grid;grid-template-columns:42% 1fr}.menu-grid .dish-card.horizontal .dish-photo{aspect-ratio:auto;height:100%;min-height:150px}.menu-grid .dish-card.horizontal .dish-body{padding:14px}.menu-grid .dish-card.horizontal .dish-body h3{font-size:17px}.menu-grid .dish-card.horizontal .dish-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}

/* V4.0.1 RC2 — regression fix only
   1) Mobile category stays 2 columns, including <=430 / <=370.
   2) Menu category/filter toolbar restores the approved dark theme from R3.7.
   No Hero or other section redesign in this patch. */
.menu-toolbar{
  background:var(--green2)!important;
  border-top:1px solid var(--th-border,#d7a74a)!important;
  border-bottom:1px solid var(--th-border,#d7a74a)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.menu-toolbar .chip{color:#ead8af}
.menu-toolbar .chip.active{background:var(--th-button,#9a2d21);color:#fff;border-color:var(--th-button,#9a2d21)}

@media(max-width:560px){
  .category-grid{display:flex!important;flex-wrap:wrap!important;gap:12px!important;justify-content:center!important}
  .category-grid .category-card,
  .category-grid-3 .category-card,
  .category-grid-4 .category-card,
  .category-grid-5 .category-card{
    flex:0 1 calc(50% - 6px)!important;
    width:calc(50% - 6px)!important;
    min-width:0!important;
    max-width:none!important;
  }
}
@media(max-width:430px){
  .category-grid .category-card,
  .category-grid-3 .category-card,
  .category-grid-4 .category-card,
  .category-grid-5 .category-card{
    flex-basis:calc(50% - 6px)!important;
    width:calc(50% - 6px)!important;
    max-width:none!important;
  }
}
@media(max-width:370px){
  .category-grid .category-card,
  .category-grid-3 .category-card,
  .category-grid-4 .category-card,
  .category-grid-5 .category-card{
    flex-basis:calc(50% - 6px)!important;
    width:calc(50% - 6px)!important;
  }
  .category-photo{aspect-ratio:4/3!important}
}

/* V4.0.2 Contact Hotfix — Google Maps + managed Zalo */
.site-footer .footer-map{grid-column:1/-1;margin-top:8px;border-top:1px solid rgba(215,167,74,.22);padding-top:24px}.footer-map-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.footer-map-head b{color:#f0ce7b;font-size:14px}.footer-directions{display:inline-flex;align-items:center;border:1px solid rgba(215,167,74,.48);border-radius:4px;padding:8px 12px;color:#f0ce7b!important;font-size:12px;font-weight:600}.footer-map-frame{position:relative;width:100%;height:320px;overflow:hidden;border:1px solid rgba(215,167,74,.3);border-radius:8px;background:#061a13}.footer-map-frame iframe{display:block;width:100%;height:100%;border:0}.footer-contact p{line-height:1.65}.footer-contact p:first-of-type{max-width:42em}
@media(max-width:900px){.footer-map-frame{height:300px}}
@media(max-width:560px){.site-footer .footer-map{margin-top:0;padding-top:20px}.footer-map-head{align-items:flex-start}.footer-map-frame{height:260px;border-radius:6px}.footer-directions{padding:7px 10px}}

/* V5.0 — Dynamic Navigation & Content CMS */
.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav .nav-item{position:relative;display:inline-flex}.site-header nav .nav-item>a{display:inline-flex;align-items:center}.nav-submenu{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:10px;background:var(--th-header-bg,#03140e);border:1px solid rgba(215,167,74,.28);box-shadow:0 18px 38px rgba(0,0,0,.28);z-index:80}.nav-item:hover>.nav-submenu{display:grid}.nav-submenu a{padding:9px 10px;white-space:nowrap}.hide-desktop{display:none!important}
.cms-hero{position:relative;min-height:360px;display:flex;align-items:flex-end;padding:80px clamp(22px,6vw,80px);background:linear-gradient(135deg,var(--green),var(--green2));overflow:hidden}.cms-hero.has-image:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,20,14,.84),rgba(3,20,14,.42) 55%,rgba(3,20,14,.25)),var(--cms-hero);background-size:cover;background-position:center}.cms-hero-inner{position:relative;z-index:1;width:min(820px,100%);color:#fff}.cms-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:10px 0 16px;color:var(--gold2)}.cms-hero p{font-size:clamp(16px,2vw,20px);line-height:1.7;max-width:720px}.cms-hub-intro,.cms-standard,.cms-articles,.article-shell{max-width:1180px;margin:0 auto;padding:clamp(48px,7vw,88px) 24px}.cms-prose{max-width:820px;font-size:17px;line-height:1.9;color:#2b332f}.cms-prose p{margin:0 0 1.35em}.cms-featured-story{max-width:1180px;margin:0 auto;padding:0 24px 30px}.cms-featured-story>a{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);background:var(--green);color:#fff;text-decoration:none;border-radius:18px;overflow:hidden}.cms-featured-media{min-height:420px;background-size:cover;background-position:center}.cms-featured-copy{padding:clamp(28px,5vw,58px);align-self:center}.cms-featured-copy>span{color:var(--gold);font-size:12px;letter-spacing:.14em}.cms-featured-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.12;color:var(--gold2);margin:12px 0 18px}.cms-featured-copy p{line-height:1.7;color:#e6e9e5}.cms-featured-copy b{color:var(--gold2)}.cms-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cms-article-card{display:block;background:#fff;border-radius:15px;overflow:hidden;text-decoration:none;color:#172019;box-shadow:0 12px 32px rgba(17,29,23,.08)}.cms-article-image{aspect-ratio:16/10;background-size:cover;background-position:center}.cms-article-card>div:last-child{padding:20px}.cms-article-card small{color:#8f251d;font-weight:700}.cms-article-card h3{font-size:22px;line-height:1.28;margin:8px 0 10px}.cms-article-card p{color:#68716c;line-height:1.6}.article-shell{max-width:980px}.article-head{max-width:820px;margin:0 auto;text-align:center}.article-back{display:inline-block;margin-bottom:26px;color:#7a5f36;text-decoration:none}.article-head h1{font-size:clamp(38px,6vw,66px);line-height:1.08;margin:12px 0 18px;color:#142219}.article-head>p{font-size:19px;line-height:1.7;color:#65706a}.article-meta{display:flex;justify-content:center;gap:18px;color:#8a918d;font-size:13px;margin-top:20px}.article-cover{margin:42px 0;border-radius:18px;overflow:hidden}.article-cover img{width:100%;display:block}.article-body{margin:0 auto}.cms-empty{min-height:60vh;display:grid;place-items:center;align-content:center;gap:16px;text-align:center;padding:40px}.cms-empty h1{font-size:72px;margin:0;color:var(--gold)}
@media(max-width:900px){.cms-featured-story>a{grid-template-columns:1fr}.cms-featured-media{min-height:330px}.cms-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav .hide-mobile{display:none!important}.site-header nav .hide-desktop{display:inline-flex!important}}
@media(max-width:560px){.cms-hero{min-height:300px;padding:60px 20px 38px}.cms-hero h1{font-size:40px}.cms-hub-intro,.cms-standard,.cms-articles,.article-shell{padding:44px 18px}.cms-featured-story{padding:0 18px 18px}.cms-featured-media{min-height:240px}.cms-featured-copy{padding:26px 22px}.cms-article-grid{grid-template-columns:1fr;gap:16px}.article-head{text-align:left}.article-meta{justify-content:flex-start}.article-cover{margin:28px 0}.cms-prose{font-size:16px;line-height:1.82}}

/* V5 mobile nav correction — preserve the established hamburger behavior */
@media(max-width:900px){
  .site-header nav{display:none}
  .nav-open .site-header nav{display:flex;position:absolute;top:70px;left:0;right:0;background:var(--th-header-bg,#03140e);padding:20px;flex-direction:column;align-items:stretch;gap:4px}
  .site-header nav .hide-desktop{display:inline-flex!important}
  .site-header nav .hide-mobile{display:none!important}
  .nav-submenu{position:static;display:grid;background:transparent;border:0;box-shadow:none;padding:4px 0 4px 14px}
}
@media(max-width:560px){.nav-open .site-header nav{top:60px}}
@media(max-width:390px){.nav-open .site-header nav{top:56px}}

/* V5.0.1 Content Experience */
.home-explore{background:var(--green);padding:clamp(58px,7vw,92px) clamp(20px,6vw,90px);color:#fff}.home-explore .section-heading h2{color:#fff}.home-explore-grid{max-width:1260px;margin:0 auto;display:grid;gap:22px}.home-explore-grid.cols-3{grid-template-columns:repeat(3,1fr)}.home-explore-grid.cols-2{grid-template-columns:repeat(2,1fr)}.home-explore-grid.cols-1{grid-template-columns:minmax(0,720px);justify-content:center}.explore-card{background:#082b20;border:1px solid rgba(215,167,74,.28);border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;transition:transform .2s ease,border-color .2s ease}.explore-card:hover{transform:translateY(-3px);border-color:var(--gold)}.explore-media{background-size:cover;background-position:center;position:relative}.ratio-16-10{aspect-ratio:16/10}.ratio-4-3{aspect-ratio:4/3}.ratio-16-9{aspect-ratio:16/9}.play-mark{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:38px;color:#fff;background:rgba(0,0,0,.18)}.explore-copy{padding:22px}.explore-copy small{color:var(--gold);letter-spacing:.14em}.explore-copy h3{font-size:24px;line-height:1.25;margin:9px 0 16px;color:var(--gold2)}.explore-copy span{color:#fff;font-weight:600}.article-head h1{color:var(--gold2)!important}.article-head>p{color:#e5e9e5!important}.article-meta{color:#aeb9b3!important}.article-back{margin-right:14px;color:var(--gold)!important}.article-head .eyebrow{margin-left:8px}.article-body.cms-prose{color:#e3e8e4!important}.article-body.cms-prose p{color:#e3e8e4!important}.article-body h2{font-size:32px;line-height:1.25;color:var(--gold2);margin:1.6em 0 .6em}.article-body h3{font-size:24px;line-height:1.3;color:#fff;margin:1.5em 0 .5em}.article-body blockquote{margin:32px 0;padding:20px 26px;border-left:3px solid var(--gold);background:rgba(255,255,255,.04);color:#fff;font-size:20px;line-height:1.6}.article-divider{border:0;border-top:1px solid rgba(215,167,74,.3);margin:42px 0}.article-inline-image{margin:34px 0}.article-inline-image img{width:100%;display:block;border-radius:14px}.article-inline-image figcaption{color:#aeb9b3;font-size:13px;margin-top:10px;text-align:center}.article-video{aspect-ratio:16/9;margin:34px 0}.article-video iframe{width:100%;height:100%;border:0;border-radius:14px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-grid figure{margin:0;background:#082b20;border-radius:14px;overflow:hidden}.gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.gallery-grid figcaption{padding:16px 18px;color:#fff;display:grid;gap:5px}.gallery-grid figcaption b{color:var(--gold2)}.gallery-grid figcaption span{color:#cbd4cf;font-size:14px}
@media(max-width:900px){.home-explore-grid.cols-3{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.home-explore{padding:52px 16px}.home-explore-grid,.home-explore-grid.cols-3,.home-explore-grid.cols-2{grid-template-columns:1fr}.explore-copy h3{font-size:21px}.gallery-grid{grid-template-columns:1fr}.article-body h2{font-size:26px}.article-body h3{font-size:21px}}

/* V5.0.1 RC3 — media interactions */
.home-explore-grid{align-items:stretch}.explore-card{height:100%;display:flex;flex-direction:column}.explore-copy{flex:1;display:flex;flex-direction:column}.explore-copy span{margin-top:auto}.gallery-lightbox-trigger{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.gallery-lightbox-trigger img{transition:transform .25s ease}.gallery-lightbox-trigger:hover img{transform:scale(1.015)}
.media-lightbox{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:24px}.media-lightbox.open{display:flex}.media-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,18,13,.9);backdrop-filter:blur(8px)}.media-lightbox-dialog{position:relative;z-index:1;width:min(1100px,94vw);max-height:92vh}.media-lightbox-stage{width:100%;aspect-ratio:16/9;background:#000;border:1px solid rgba(215,167,74,.35);border-radius:16px;overflow:hidden;display:grid;place-items:center}.media-lightbox-stage iframe,.media-lightbox-stage video{width:100%;height:100%;border:0;object-fit:contain;background:#000}.media-lightbox-stage img{max-width:100%;max-height:82vh;width:auto;height:auto;object-fit:contain}.media-lightbox:has(.media-lightbox-stage img) .media-lightbox-stage{aspect-ratio:auto;min-height:200px;background:transparent;border:0}.media-lightbox-close{position:absolute;right:-12px;top:-48px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(215,167,74,.5);background:#082b20;color:#fff;font-size:28px;line-height:1;cursor:pointer}.media-lightbox-caption{text-align:center;color:#eee;margin-top:12px;font-size:14px}.media-modal-open{overflow:hidden}.article-video video{width:100%;height:100%;border-radius:14px;background:#000}.media-or{text-align:center;color:#8b918d;font-size:12px;margin:6px 0 10px;letter-spacing:.08em}
@media(max-width:560px){.media-lightbox{padding:12px}.media-lightbox-dialog{width:96vw}.media-lightbox-close{right:0;top:-46px}}

/* V5.0.1 RC5 — unified Media Library */
.media-library-shell{max-width:1320px}.media-library-shell .section-heading{max-width:820px;margin:0 auto 26px;text-align:center}.media-library-shell .section-heading p{color:#cbd4cf;line-height:1.7;margin-top:10px}.media-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 34px}.media-filter a{display:inline-flex;align-items:center;justify-content:center;min-width:100px;padding:10px 18px;border:1px solid rgba(215,167,74,.35);border-radius:999px;color:#ead8af;text-decoration:none;background:#082b20;transition:.2s}.media-filter a:hover,.media-filter a.active{background:var(--gold);border-color:var(--gold);color:#082b20}.media-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.media-library-card{background:#082b20;border:1px solid rgba(215,167,74,.25);border-radius:16px;overflow:hidden;color:#fff;min-width:0;display:flex;flex-direction:column}.media-library-video{cursor:pointer}.media-library-thumb{display:block;width:100%;padding:0;border:0;background:none;aspect-ratio:16/10;overflow:hidden;position:relative}.media-library-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.media-library-card:hover .media-library-thumb img{transform:scale(1.015)}.media-library-thumb.video-thumb{aspect-ratio:16/9;background-size:cover;background-position:center}.media-library-copy{padding:18px 20px 22px;display:flex;flex:1;flex-direction:column}.media-library-copy small{color:var(--gold);letter-spacing:.14em;text-transform:uppercase}.media-library-copy h2{font-size:22px;line-height:1.3;margin:8px 0;color:var(--gold2)}.media-library-copy p{color:#cbd4cf;line-height:1.6;margin:0 0 14px}.media-library-copy span{margin-top:auto;color:#fff;font-weight:600}.media-library-empty{grid-column:1/-1}.media-library-video:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){.media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.media-library-shell{padding-left:16px;padding-right:16px}.media-library-grid{grid-template-columns:1fr}.media-filter{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.media-filter a{min-width:max-content}}
.video-card-play{border:0;padding:0;width:100%;cursor:pointer}.explore-library-link{margin-top:auto;color:#fff!important;font-weight:600;text-decoration:none}.explore-library-link:hover{color:var(--gold2)!important;text-decoration:underline}

/* V5.0.2 RC1 — Dynamic Brand Intro */
.brand-intro[hidden]{display:none!important}.brand-intro{position:fixed;inset:0;z-index:50000;background:#020907;color:#fff;opacity:1;transition:opacity var(--intro-fade,900ms) ease;overflow:hidden}.brand-intro.is-leaving{opacity:0;pointer-events:none}.brand-intro-stage{position:absolute;inset:0;background:#020907}.brand-intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#020907}.brand-intro-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.02) 45%,rgba(0,15,10,.35) 100%)}.brand-intro-skip,.brand-intro-sound{position:absolute;z-index:3;border:1px solid rgba(237,204,128,.62);background:rgba(0,24,17,.42);backdrop-filter:blur(10px);color:#f4dfac;cursor:pointer}.brand-intro-skip{top:max(22px,env(safe-area-inset-top));right:max(26px,env(safe-area-inset-right));padding:10px 15px;border-radius:999px;font:600 13px/1 "Be Vietnam Pro",sans-serif}.brand-intro-sound{right:max(26px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:42px;height:42px;border-radius:50%;font-size:19px}.brand-intro-sound.is-muted{opacity:.72}.brand-intro-endcard{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-44%);display:grid;text-align:center;gap:8px;opacity:0;transition:opacity .7s ease,transform .9s ease;pointer-events:none;text-shadow:0 3px 24px rgba(0,0,0,.8);width:min(90vw,760px)}.brand-intro-endcard.show{opacity:1;transform:translate(-50%,-50%)}.brand-intro-endcard strong{font-size:clamp(34px,5vw,72px);letter-spacing:.12em;color:#f2cf7a}.brand-intro-endcard span{font-size:clamp(16px,2vw,26px);letter-spacing:.06em;color:#fff4d6}.brand-intro-open{overflow:hidden}.brand-intro-pending body{background:#020907}
@media(max-width:820px){.brand-intro-video{object-position:center center}.brand-intro-skip{top:max(18px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));font-size:12px}.brand-intro-sound{right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}.brand-intro-endcard strong{letter-spacing:.08em}.brand-intro-endcard span{font-size:16px}}
@media(prefers-reduced-motion:reduce){.brand-intro{transition:none}.brand-intro-endcard{transition:none}}