/* 브랜드 소개 페이지 — 옛 사이트 톤(베이지 #c4b5a0) */
.bd { max-width: 1200px; margin: 0 auto; padding: 40px 20px 110px; color: #222; }
.bd-back { margin: 0 0 26px; font-size: 14px; }
.bd-back a { color: #9a8a72; text-decoration: none; }
.bd-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 56px; align-items: start; }
.bd-media { aspect-ratio: 4 / 3; overflow: hidden; background: #f5f4f0; }
.bd-media img, .bd-ph { inline-size: 100% !important; block-size: 100% !important; object-fit: cover; display: block; }
.bd-ph { display: grid; place-items: center; background: #ebe6de; }
.bd-ph span { font-family: "Times New Roman", Georgia, serif; font-size: clamp(22px, 3vw, 36px); color: #a8977f; text-align: center; padding: 0 20px; }
.bd-cat { margin: 4px 0 8px; color: #b9a98f; font-size: 13px; font-weight: 600; letter-spacing: .06em; }
.bd-intro h2 { margin: 0; font-size: clamp(26px, 2.8vw, 38px); font-weight: 700; line-height: 1.2; }
.bd-ko { margin: 6px 0 22px; color: #777; font-size: 16px; }
.bd-tagline { margin: 0 0 18px; font-size: 18px; font-weight: 600; color: #333; line-height: 1.6; word-break: keep-all; }
.bd-story { margin: 0 0 12px; font-size: 15.5px; line-height: 1.9; color: #555; word-break: keep-all; }
.bd-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.bd-links a { padding: 9px 18px; border: 1px solid #c4b5a0; color: #7a6a55; text-decoration: none; font-size: 14px; }
.bd-links a:hover { background: #c4b5a0; color: #fff; }

.bd-branches { margin-top: 70px; }
.bd-branches h3 { margin: 0 0 18px; padding-bottom: 12px; border-bottom: 1px solid #e1e1e1; font-size: 22px; font-weight: 700; }
.br-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 16px; }
.br-item { background: #faf8f5; padding: 20px 22px; }
.br-country { margin: 0 0 4px; color: #b9a98f; font-size: 12px; font-weight: 600; letter-spacing: .04em; }
.br-item h4 { margin: 0 0 10px; font-size: 17px; font-weight: 700; }
.br-item p { margin: 0 0 4px; font-size: 14px; color: #555; line-height: 1.6; word-break: keep-all; }
.br-k { color: #999; margin-inline-end: 4px; }
.br-item a { color: #8a7a62; }
.br-addr a { margin-inline-start: 6px; font-size: 13px; }

@media (max-width: 860px) {
  .bd-hero { grid-template-columns: 1fr; gap: 26px; }
  .bd-branches { margin-top: 44px; }
}