*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.5;font-size:16px}
img,svg{max-width:100%;height:auto}
a{color:inherit}
.wrap{width:100%;max-width:1040px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:100}
.skip:focus{left:8px;top:8px}
.vi{display:block}
.en{display:block;margin-top:2px;font-size:.82em;font-weight:400;opacity:.78;letter-spacing:0;text-transform:none;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.top{position:sticky;top:0;z-index:20}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1040px;margin:0 auto;padding:10px 18px}
.top nav{display:flex;gap:4px}
.top nav a{text-decoration:none;padding:6px 10px;border-radius:8px;line-height:1.2;font-weight:700;font-size:.9rem;text-align:center}
.top nav .en{font-size:.72rem;font-weight:400}
.brand{text-decoration:none;font-size:1.05rem;line-height:1.1}
h1,h2,h3{margin:0}
.btn{display:inline-block;text-decoration:none;text-align:center;padding:12px 20px;border-radius:10px;font-weight:800;line-height:1.2;border:2px solid transparent;cursor:pointer}
.btn .en{font-weight:500;font-size:.78em}
.btn-block{display:block}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 8px}
.hint{font-size:.78rem;opacity:.7;margin:6px 0 0;font-family:ui-monospace,Menlo,Consolas,monospace}
.muted{opacity:.8}
.center{text-align:center}
.link{font-weight:700}
.facts{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}
.card{padding:18px;border-radius:14px}
.card h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;opacity:.85}
.card p{margin:0 0 10px}
.card .big{font-size:1.6rem;font-weight:800}
.where{padding:44px 0}
.where h2,.band h2,.cross h2,.flavours h2{margin-bottom:18px}
.where-grid{display:grid;gap:14px}
.band{padding:44px 0}
.cross{padding:44px 0}
.cross-card{display:grid;gap:6px;padding:20px;border-radius:14px;text-decoration:none}
.cross-name{font-size:1.4rem;font-weight:800}
.cross-go{font-weight:700;margin-top:6px}
.foot{padding:34px 0 26px;font-size:.92rem}
.foot-grid{display:grid;gap:18px}
.foot p{margin:0 0 8px}
.foot-brand{font-weight:800;font-size:1.1rem}
.foot-note{margin-top:16px;padding-top:14px;font-size:.82rem;opacity:.8}
.page-head{padding:30px 0 20px}
.page-head .lead{margin:10px 0 0}
.chipnav{display:flex;gap:8px;overflow-x:auto;padding:16px 0 4px;-webkit-overflow-scrolling:touch}
.chipnav a{flex:none;text-decoration:none;padding:8px 14px;border-radius:999px;font-weight:700;line-height:1.2;text-align:center;font-size:.9rem}
.msec{padding:26px 0 8px;scroll-margin-top:70px}
.msec h2 small{display:block;font-size:.45em;margin-top:2px;letter-spacing:.04em}
.list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px 36px}
.item .line{display:flex;align-items:baseline;gap:8px}
.item .name{min-width:0}
.item .dots{flex:1;min-width:14px;border-bottom:2px dotted currentColor;opacity:.35;transform:translateY(-4px)}
.item .price{flex:none;font-weight:800;white-space:nowrap}
.item .price.ph{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700}
.item .desc{margin:4px 0 0;font-size:.9rem;opacity:.85}
.item .desc .en{font-size:.92em}
.item .tag{text-transform:none;display:inline-block;margin-top:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:1px 8px;border-radius:999px;border:1px solid currentColor;opacity:.7}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chips li{padding:8px 16px;border-radius:999px;font-weight:800}
.msec .chips{margin-top:16px}
.soon-h{margin:18px 0 8px;font-weight:700}
.order-strip{padding:34px 0;text-align:center}
.order-strip p{margin:0 0 12px;font-weight:700}
@media(min-width:720px){
  .where-grid{grid-template-columns:repeat(3,1fr)}
  .list.two{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .top nav a,.henry .top nav a{padding:8px 16px}
  .cross-card{grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/anton-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/anton-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#120d0b;--bg2:#1c1411;--bg3:#271a15;--fire:#ff3d00;--red:#d71f00;--orange:#ff8a00;--yellow:#ffc928;--cream:#fff3e0;--muted:#d9c2ab}
body.fire{background:var(--bg);color:var(--cream)}
.fire h1,.fire h2,.fire .brand,.fire .tile-h,.fire .tile-price,.fire .cross-name,.fire .foot-brand{font-family:Anton,Impact,"Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em}
.fire h2{font-size:1.9rem;line-height:1.1;color:var(--yellow)}
.fire h2 .en{color:var(--cream);font-size:.45em;font-family:system-ui,sans-serif;text-transform:none;letter-spacing:0}
.fire .top{background:rgba(18,13,11,.96);border-bottom:3px solid var(--fire)}
.fire .brand{color:var(--yellow);font-size:1.2rem}
.fire .top nav a{color:var(--cream)}
.fire .top nav a[aria-current]{background:var(--fire);color:#fff}
.fire .top nav a:hover{background:var(--bg3)}
.fire .btn-primary{background:linear-gradient(180deg,var(--yellow),var(--orange));color:#1a0c04;border-color:var(--yellow);box-shadow:0 4px 0 #a33a00}
.fire .btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 #a33a00}
.fire .btn-ghost{color:var(--cream);border-color:var(--cream)}
.fire .btn-ghost:hover{background:var(--cream);color:#1a0c04}
.fire .hero{position:relative;overflow:hidden;background:radial-gradient(120% 60% at 50% 115%,#ff3d00 0%,#b51a00 34%,rgba(18,13,11,0) 70%),radial-gradient(60% 40% at 90% 0%,rgba(255,138,0,.25),transparent 70%),var(--bg)}
.fire .hero-in{padding:44px 18px 90px}
.fire .kicker{display:inline-block;margin:0 0 18px;padding:6px 14px;background:var(--yellow);color:#1a0c04;font-weight:800;border-radius:6px;transform:rotate(-2deg);font-size:.95rem;line-height:1.2}
.fire .kicker .en{font-size:.8em;font-weight:600;opacity:.85}
.fire h1{font-size:clamp(3.4rem,17vw,7.5rem);line-height:.92;color:var(--cream);text-shadow:4px 4px 0 var(--red)}
.fire h1 .amp{color:var(--yellow)}
.fire .tagline{margin:20px 0 0;font-size:1.25rem;font-weight:800;max-width:36ch}
.fire .tagline .en{font-size:.85em;color:var(--yellow);font-weight:600;opacity:1;margin-top:6px}
.fire .facts li{padding-left:14px;border-left:4px solid var(--yellow);font-weight:700}
.fire .facts .en{font-weight:400}
.fire .hint.on-dark{color:var(--cream)}
.fire .flames{position:absolute;left:0;right:0;bottom:-1px;height:34px;background:linear-gradient(135deg,var(--bg) 25%,transparent 25%) -17px 0/34px 34px,linear-gradient(225deg,var(--bg) 25%,transparent 25%) -17px 0/34px 34px}
.fire .band{background:var(--bg)}
.tiles{display:grid;gap:14px}
.tile{display:grid;gap:6px;padding:20px;border-radius:14px;text-decoration:none;position:relative;border:2px solid var(--bg3);background:var(--bg2);transition:transform .15s}
.tile:hover{transform:translateY(-3px)}
.t1{border-color:var(--fire)}.t2{border-color:var(--orange)}.t3{border-color:var(--yellow)}
.tile-h{font-size:1.8rem;line-height:1;color:var(--yellow)}
.tile-h .en{font-family:system-ui,sans-serif;font-size:.45em;color:var(--cream);text-transform:none;margin-top:2px}
.tile-p{color:var(--muted)}
.fire .tile-price{font-size:1.6rem;color:var(--fire);margin-top:6px;text-transform:none}
.tile-price .en{font-family:system-ui,sans-serif;font-size:.5em;color:var(--muted);text-transform:none}
.fire .flavours{padding:44px 0;background:var(--bg3)}
.fire .chips li{background:var(--fire);color:#fff;border:2px solid var(--yellow);font-size:1.05rem}
.fire .chips.soon li{background:transparent;color:var(--muted);border:2px dashed var(--muted);font-weight:600}
.fire .where{background:var(--bg)}
.fire .card{background:var(--bg2);border:2px solid var(--bg3)}
.fire .card h3{color:var(--yellow)}
.fire .big{font-family:Anton,sans-serif;font-weight:400;color:var(--yellow);letter-spacing:.04em}
.fire .link{color:var(--yellow)}
.fire .cross{background:linear-gradient(180deg,var(--bg3),var(--bg))}
.fire .cross-card{background:var(--cream);color:#2b1a10;border:3px solid var(--yellow);transform:rotate(-.6deg)}
.fire .cross-card:hover{transform:rotate(0)}
.fire .cross-name{color:#2b1a10;font-size:1.8rem}
.fire .cross-go{color:#a82500}
.fire .foot{background:#0b0807;border-top:3px solid var(--fire)}
.fire .foot-brand{color:var(--yellow);font-size:1.4rem}
.fire .foot-note{border-top:1px solid var(--bg3)}
.fire .page-head{background:linear-gradient(180deg,#3a0f06,var(--bg))}
.fire .page-head h1{font-size:3.2rem;line-height:1;color:var(--yellow);text-shadow:3px 3px 0 var(--red)}
.fire .page-head h1 .en{font-family:system-ui,sans-serif;font-size:.3em;color:var(--cream);text-shadow:none;margin-top:6px}
.fire .chipnav a{background:var(--bg3);color:var(--cream);border:2px solid var(--fire)}
.fire .chipnav a:hover{background:var(--fire)}
.fire .menu{padding-bottom:24px}
.subh{margin:10px 0 0;font-weight:700}
.subh .en{font-weight:400}
.fire .msec h2{border-bottom:3px solid var(--fire);padding-bottom:8px}
.fire .item .name{font-weight:800;font-size:1.08rem}
.fire .item .name .en{font-weight:400;font-size:.8rem;color:var(--muted)}
.fire .item .price{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:1.3rem;color:var(--yellow);letter-spacing:.02em;text-transform:none}
.fire .item .price.ph{font-family:ui-monospace,Menlo,monospace;font-size:1rem;color:var(--orange)}
.fire .item .desc{color:var(--muted)}
.fire .order-strip{background:var(--red);margin-top:24px}
.fire .order-strip .hint{color:#fff}
@media(min-width:720px){.tiles{grid-template-columns:repeat(3,1fr)}.fire h2{font-size:2.4rem}.fire .hero-in{padding:80px 18px 130px}}