@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500;600&family=Noto+Sans+Tamil:wght@300;400;500&family=Noto+Serif+JP:wght@400;500;600&family=Noto+Serif+KR:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600&display=swap");

nav a{position:relative;padding:11px 0;color:#fff;transition:color .25s ease}
.drink-tabs button{font-size:16px!important;font-weight:400!important;line-height:1.35!important;letter-spacing:.07em!important;padding-top:22px!important;padding-bottom:22px!important}
nav a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:#dfbd6d;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
nav a:hover{color:#dfbd6d}
nav a:hover:after{transform:scaleX(1)}
.language>button{min-width:76px;padding:10px 15px;border:1px solid #ffffff9c;border-radius:6px;background:transparent;color:#fff;font-size:10px;font-weight:300;letter-spacing:.12em;transition:background .25s,color .25s,border-color .25s}
.language>button:hover,.language.open>button{border-color:#c49a4b;background:#050505;color:#dfbd6d}
.language-menu{top:calc(100% + 10px);min-width:172px;padding:7px;border:1px solid #c49a4b55;border-radius:6px;background:#050505f2;backdrop-filter:blur(12px)}
.language-menu button{border-radius:3px;font-weight:300}.language-menu button:hover,.language-menu button.active{background:#c49a4b16;color:#dfbd6d}

html[lang="zh-CN"] body,html[lang="zh-CN"] button,html[lang="zh-CN"] input,html[lang="zh-CN"] textarea,html[lang="zh-CN"] select{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}
html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] .drink-panel h3{font-family:"Noto Serif SC","Songti SC","STSong",serif!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.08!important}
html[lang="zh-CN"] h1 i,html[lang="zh-CN"] h2 i{font-style:normal}
html[lang="zh-CN"] h1 i,html[lang="zh-CN"] h2 i{text-shadow:1px 1.5px 1px rgba(28,21,13,.055)!important}
html[lang="zh-CN"] .story p,html[lang="zh-CN"] .hero-text>p:last-of-type,html[lang="zh-CN"] .menu-intro p,html[lang="zh-CN"] .dish{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif!important;letter-spacing:.01em;line-height:1.85}
html[lang="zh-CN"] .dish{font-size:16px}
html[lang="zh-CN"] .hero-text h1{font-size:clamp(52px,7vw,92px)!important}
html[lang="zh-CN"] .story h2,html[lang="zh-CN"] .menu h2,html[lang="zh-CN"] .drinks h2,html[lang="zh-CN"] .booking h2,html[lang="zh-CN"] .visit h2{font-size:clamp(42px,4.7vw,68px)!important;line-height:1.2!important}
html[lang="zh-CN"] .half h2{font-size:clamp(42px,4.8vw,68px)!important;line-height:1.2!important}
html[lang="zh-CN"] .menu-intro h2{max-width:7em}
html[lang="zh-CN"] .booking h2{font-size:clamp(38px,4.1vw,60px)!important;white-space:nowrap}

html[lang="ja"] body,html[lang="ja"] button{font-family:"Noto Sans JP","Yu Gothic",sans-serif}
html[lang="ja"] h1,html[lang="ja"] h2,html[lang="ja"] .drink-panel h3{font-family:"Noto Serif JP","Yu Mincho",serif!important;line-height:1.08!important}
html[lang="ko"] body,html[lang="ko"] button{font-family:"Noto Sans KR","Apple SD Gothic Neo",sans-serif}
html[lang="ko"] h1,html[lang="ko"] h2,html[lang="ko"] .drink-panel h3{font-family:"Noto Serif KR","Batang",serif!important;line-height:1.08!important}
html[lang="ja"] .hero-text h1,html[lang="ko"] .hero-text h1{font-size:clamp(48px,6.2vw,84px)!important}
html[lang="ja"] .story h2,html[lang="ja"] .half h2,html[lang="ja"] .menu h2,html[lang="ja"] .drinks h2,html[lang="ja"] .booking h2,html[lang="ja"] .visit h2,html[lang="ko"] .story h2,html[lang="ko"] .half h2,html[lang="ko"] .menu h2,html[lang="ko"] .drinks h2,html[lang="ko"] .booking h2,html[lang="ko"] .visit h2{font-size:clamp(38px,4.2vw,62px)!important;line-height:1.2!important}
html[lang="ta"] body,html[lang="ta"] button{font-family:"Noto Sans Tamil",sans-serif}
html[lang="ta"] h1,html[lang="ta"] h2{font-family:"Noto Sans Tamil",sans-serif!important;font-weight:300!important;line-height:1.2!important;letter-spacing:-.02em!important}
html[lang="ta"] .hero-text h1{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.3!important}
html[lang="ta"] .story h2,html[lang="ta"] .half h2,html[lang="ta"] .menu h2,html[lang="ta"] .drinks h2,html[lang="ta"] .booking h2,html[lang="ta"] .visit h2{font-size:clamp(30px,3.1vw,46px)!important;line-height:1.34!important}
html:not([lang="en-SG"]):not([lang="en"]) .group h3{font-family:inherit!important;text-transform:none}
h1 i,h2 i{
  background:none!important;
  color:#b39771!important;
  -webkit-text-fill-color:#b39771!important;
  filter:none!important;
  text-shadow:1px 1.5px 1px rgba(28,21,13,.055)!important
}
@media(max-width:800px){.language>button{min-width:64px;padding:9px 11px}.language-menu{right:0;max-height:70vh;overflow:auto}.drink-tabs button{font-size:15px!important;min-width:118px!important}}
