@font-face{font-family:VIJP;src:url('/assets/vi-japanese-labels.woff') format('woff');font-display:swap}
html[lang=vi] body{font-family:Arial,Helvetica,VIJP,sans-serif;line-height:1.8}
html[lang=vi] h1,html[lang=vi] h2,html[lang=vi] h3{font-family:Georgia,"Times New Roman",VIJP,serif;letter-spacing:0;line-height:1.3}
html[lang=vi] .hero h1{font-size:clamp(30px,3.6vw,54px);line-height:1.3;letter-spacing:0}
html[lang=vi] .hero-copy,html[lang=vi] .layout>*,html[lang=vi] .shop,html[lang=vi] .restaurant,html[lang=vi] dd,html[lang=vi] .rankline>div{min-width:0}
html[lang=vi] .rankline h2,html[lang=vi] .rankline .eyebrow{overflow-wrap:anywhere}
html[lang=vi] [lang=ja],html[lang=vi] .shop-japanese{font-family:VIJP,sans-serif}
html[lang=vi] p,html[lang=vi] .prose p,html[lang=vi] .body-text{line-height:1.85}
html[lang=vi] a{overflow-wrap:anywhere}
html[lang=vi] .links,html[lang=vi] .buttons,html[lang=vi] .actions,html[lang=vi] .header-row{flex-wrap:wrap}
html[lang=vi] .info dl{grid-template-columns:minmax(80px,.23fr) minmax(0,1fr)}
html[lang=vi] body>header{height:auto;min-height:72px;flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}
html[lang=vi] .hero-visual{background-position:center 45%}
@media(max-width:700px){html[lang=vi] .hero h1{font-size:32px;line-height:1.35}html[lang=vi] .hero-copy{min-width:0}html[lang=vi] .brand{font-size:15px}html[lang=vi] .brand small{font-size:8px}html[lang=vi] .nav{flex-wrap:wrap}html[lang=vi] .header-row{padding:16px 0;gap:12px}html[lang=vi] h2,html[lang=vi] .shop h2{font-size:27px}html[lang=vi] .hero-visual{min-height:320px}}