/* Original QXY artwork from the restaurant's own brand archive. */
.wordmark {
  display:flex;
  align-items:center;
  gap:13px;
  text-align:left;
  letter-spacing:normal;
  flex-shrink:0;
}
.wordmark .brand-mark {
  width:66px;
  height:66px;
  object-fit:contain;
}
.wordmark .brand-name {
  margin:0;
  font:10px/1.6 var(--sans);
  letter-spacing:.1em;
}
.wordmark .brand-name small {
  display:block;
  font-size:8px;
  letter-spacing:.13em;
  margin-top:3px;
}
.footer-brand .brand-mark {
  width:140px;
  height:140px;
  object-fit:contain;
  margin-bottom:20px;
}
.footer-brand small {font:9px/1.8 var(--sans);letter-spacing:.12em}
.footer-social {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:22px 0;
  border-top:1px solid var(--line-on-dark);
}
.footer-social .eyebrow {font-size:9px}
.footer-social nav {display:flex;gap:30px;flex-wrap:wrap}
.footer-social a {display:inline-flex;align-items:center;gap:15px;font-size:12px;padding:10px 0}
.footer-social a:hover {text-decoration:underline;text-underline-offset:5px}
.inner-page .brand-story {
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:8vw;
  align-items:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.brand-story figure {max-width:370px}
.brand-story figure>img {width:100%;height:auto;object-fit:contain}
.brand-story figcaption {letter-spacing:.1em}
.brand-story-copy>.eyebrow {margin-bottom:25px}
.brand-story-copy h2 {font-size:clamp(44px,5.2vw,78px);line-height:1.04}
.brand-story-copy>p:not(.eyebrow) {max-width:450px;font-size:15px;color:var(--muted);margin-top:25px}
.brand-meanings {display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px;margin:35px 0 0;padding-top:25px;border-top:1px solid var(--line)}
.brand-meanings dt {font:22px/1.3 var(--serif)}
.brand-meanings dt span {display:block;font:32px/1.4 "Songti SC","SimSun",serif;margin-bottom:8px}
.brand-meanings dd {margin:10px 0 0;font-size:11px;color:var(--muted);line-height:1.5}
.visit-info dd {min-width:0;overflow-wrap:anywhere}
.visit-info dd small a {text-decoration:underline;text-underline-offset:3px}
@media(min-width:681px) and (max-width:1100px) {
  .wordmark .brand-name {display:none}
}
@media(max-width:680px) {
  .wordmark .brand-mark {width:56px;height:56px}
  .wordmark .brand-name {display:none}
  .footer-brand .brand-mark {width:115px;height:115px;margin-bottom:16px}
  .footer-brand small {font-size:8px}
  .footer-social {display:block;padding:23px 0 15px}
  .footer-social nav {gap:24px;margin-top:9px}
  .footer-social a {font-size:11px;gap:10px}
  .inner-page .brand-story {grid-template-columns:1fr;gap:40px}
  .brand-story figure {max-width:240px}
  .brand-story-copy h2 {font-size:46px}
  .brand-story-copy>p:not(.eyebrow) {font-size:14px}
  .brand-meanings {gap:12px}
  .brand-meanings dd {font-size:10px}
}