/* Owner-supplied gold pig logo. The header mark follows the wordmark's visible height. */
.brandmark img {
  width: 43px;
  height: 31px;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
  flex: 0 0 auto;
}
@media (max-width: 760px) {
  .brandmark img {
    width: 28px;
    height: 20px;
  }
}
@media (min-width: 481px) and (max-width: 680px) {
  .brandmark img {
    width: 34px;
    height: 24px;
  }
}
/* Locale-specific names share the Korean header hierarchy across all site routes. */
body .site-header .brandmark strong:has(.db-header-brand) { display: inline-flex; align-items: baseline; gap: .22em; white-space: nowrap; }
body .site-header .brandmark strong > :is(.db-header-brand,.db-header-food,.db-header-branch) { display: inline-block; flex: none; white-space: nowrap; }
body .site-header .brandmark strong .db-header-brand { font-size: 1em; color: #fff !important; }
body .site-header .brandmark strong .db-header-food { font-size: .76em; color: #fff !important; }
body .site-header .brandmark strong .db-header-branch { font-family: 'Pretendard Variable',sans-serif; font-size: clamp(9px,.4em,16px); font-weight: 400; letter-spacing: -.03em; color: #ffc08a; }
@supports (-webkit-background-clip: text) {
  body .site-header .brandmark strong .db-header-branch { background: linear-gradient(180deg,#ffc08a 0%,#fbaa82 48%,#ff80a4 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
}
@media (min-width: 1021px) and (max-width: 1450px) {
  body .site-header .header-inner:has(.db-header-brand) { gap: 12px; }
  body .site-header .brandmark strong:has(.db-header-brand) { font-size: clamp(18px,2vw,28px) !important; gap: .16em; }
}
@media (min-width: 1021px) and (max-width: 1100px) {
  body .site-header .brandmark strong:has(.db-header-brand) { width: 255px; flex-wrap: wrap; gap: 0 4px; line-height: 1.05; }
  body .site-header .brandmark strong .db-header-brand { width: 100%; }
  body .site-header .brandmark strong .db-header-food { font-size: .64em; }
  body .site-header .brandmark strong .db-header-branch { font-size: 9px; }
}
@media (max-width: 760px) {
  body .site-header .brandmark strong:has(.db-header-brand) { display: flex; flex-wrap: wrap; align-content: center; max-width: 165px; gap: 0 4px; font-size: 16px !important; line-height: 1.08; }
  body .site-header .brandmark strong .db-header-brand { width: 100%; }
  body .site-header .brandmark strong .db-header-food { font-size: 12px; }
  body .site-header .brandmark strong .db-header-branch { font-size: 9px; }
}
@media (max-width: 359px) {
  body .site-header .brandmark strong:has(.db-header-brand) { width: 98px; font-size: 13px !important; gap: 0 3px; }
  body .site-header .brandmark strong .db-header-food { font-size: 10px; }
  body .site-header .brandmark strong .db-header-branch { font-size: 8px; }
}