/* The brand archive: original moments, treated as carefully kept photographs. */
.story-links { display: flex; flex-wrap: wrap; gap: 0 28px; }
.brand-history { --archive-gold: #a18b66; }
.brand-history h1, .brand-history h2 { white-space: pre-line; }
.brand-history h2 { font-size: clamp(2rem, 3.6vw, 3.125rem); line-height: 1.25; letter-spacing: -.035em; }
.brand-history .eyebrow { color: #82755e; font-size: 12px; letter-spacing: .12em; line-height: 1.9; margin-bottom: 22px; }
.history-opening { text-align: center; padding-block: 84px 78px; max-width: 1060px; }
.history-opening h1 { font-size: clamp(3.5rem, 5.8vw, 5.5rem); line-height: 1.12; }
.history-opening h1 span, .history-opening h1 em { display: block; }
.history-opening h1 em { color: #877452; margin-top: 9px; }
.history-deck { max-width: 760px; margin: 30px auto 0; color: #5c5b55; line-height: 1.9; font-size: 17px; }
.history-founder { display: inline-flex; align-items: baseline; gap: 16px; margin-top: 30px; padding-block: 8px; min-height: 44px; font-family: var(--font-serif); font-size: 23px; }
.history-founder span { font-size: 14px; letter-spacing: .12em; color: #82755e; }
.history-founder:hover { color: #80663c; }
.history-chapter { padding-block: 44px 86px; border-top: 1px solid #d6d0c5; display: grid; grid-template-columns: 35% 1fr; gap: 42px 8%; }
.history-copy p { font-size: 16px; line-height: 1.95; color: #5c5b55; }
.history-copy p + p { margin-top: 21px; }
.history-copy .eyebrow { color: #82755e; }
.history-copy h2 { margin-bottom: 25px; }
.archive-photo { min-width: 0; margin: 0; }
.archive-mount { background: #eae7de; border: 1px solid #ddd6c7; padding: 12px; }
.archive-photo img { display: block; width: 100%; height: auto; }
.archive-photo figcaption { color: #797163; font-size: 12px; line-height: 1.8; letter-spacing: .045em; margin-top: 16px; }
.market-panorama { grid-column: 1 / -1; width: 100%; max-width: 980px; margin-inline: auto; }
.market-panorama figcaption { text-align: center; }
.history-work { display: grid; grid-template-columns: 1.12fr 1fr; gap: 8%; align-items: center; padding-bottom: 90px; }
.history-growth { background: #252522; color: #faf9f6; padding-block: 75px 80px; }
.growth-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; align-items: start; }
.history-growth .eyebrow { color: #c5b697; }
.history-growth .history-copy p { color: #d2ccc1; }
.growth-evidence { display: grid; grid-template-columns: 41% 1fr; gap: 7%; align-items: center; padding-top: 48px; margin-top: 40px; border-top: 1px solid #575247; }
.turnover-value { display: block; font-family: var(--font-serif); font-size: clamp(2.125rem, 4.5vw, 4rem); font-variant-numeric: lining-nums; letter-spacing: -.065em; line-height: 1.3; color: #e0d1b1; white-space: nowrap; }
.turnover-value > span { font-size: .55em; vertical-align: top; line-height: 1.9; margin-left: 4px; }
.turnover .eyebrow { margin: 18px 0 20px; }
.turnover-sterling { font-size: 16px; line-height: 1.9; color: #dfd7c7; }
.figure-note { font-size: 12px; line-height: 1.85; margin-top: 18px; max-width: 310px; color: #b6ad9c; }
.history-growth .archive-mount { background: #302e28; border-color: #5a5447; }
.history-growth .archive-photo figcaption { color: #c7baa0; }
.history-trust { display: grid; grid-template-columns: 1fr .86fr; gap: 10%; align-items: center; padding-block: 88px; }
.history-trust .text-link { margin: 26px 0 0; }
.history-next { padding-block: 80px 88px; background: #f1ede4; color: #252522; }
.history-next .content-width { max-width: 920px; }
.history-next .eyebrow { color: #806b48; }
.history-next h2 { font-size: clamp(2.25rem, 4.7vw, 4.1rem); margin-bottom: 30px; }
.next-chapter-copy { max-width: 780px; }
.next-chapter-copy p { color: #5c584f; font-size: 16px; line-height: 1.95; }
.next-chapter-copy p + p { margin-top: 22px; }
.founder-belief { padding-block: 30px 0; margin: 34px 0 0; border-top: 1px solid #d0c4ae; max-width: 820px; }
.founder-belief blockquote { margin: 0; font-family: var(--font-serif); font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.6; }
.founder-belief figcaption { font-family: var(--font-serif); font-style: italic; font-size: 25px; color: #806b48; margin-top: 25px; }
.founder-belief figcaption span { font-style: normal; font-size: 14px; margin-left: 16px; }
.history-next .contact-actions { justify-content: flex-start; gap: 18px 38px; margin-top: 24px; }
.history-next .light-text-link { margin-top: 0; color: #403a30; border-color: #a18b66; }
.history-next .light-text-link:hover { color: #806b48; border-color: #806b48; }
html[lang="zh-CN"] .brand-history h1 { font-size: clamp(2.75rem, 4.8vw, 4.25rem); letter-spacing: .025em; line-height: 1.45; }
html[lang="zh-CN"] .history-opening h1 em { font-style: normal; }
html[lang="zh-CN"] .brand-history h2 { line-height: 1.5; letter-spacing: .015em; }

@media (min-width: 701px) and (max-width: 1000px) {
  .history-work, .history-trust { grid-template-columns: 1fr 1fr; gap: 6%; }
  .history-chapter { grid-template-columns: 32% 1fr; gap: 32px 6%; }
  .brand-history h2 { font-size: 2rem; }
  .growth-evidence { grid-template-columns: 1fr 1fr; gap: 5%; }
  .turnover-value { font-size: 2.125rem; }
}

@media (max-width: 700px) {
  .story-links { gap: 0 18px; }
  .story-links .founder-link { margin-top: 18px; }
  .brand-history h2 { font-size: clamp(1.75rem, 7.3vw, 2.5rem); line-height: 1.4; white-space: normal; }
  .brand-history .eyebrow { font-size: 12px; letter-spacing: .09em; margin-bottom: 18px; }
  .history-opening { text-align: left; padding-block: 44px 40px; }
  .history-opening h1 { font-size: clamp(2.15rem, 9vw, 3.3rem); line-height: 1.22; }
  .history-opening h1 em { margin-top: 12px; }
  html[lang="zh-CN"] .brand-history h1 { font-size: clamp(1.95rem, 8.3vw, 3rem); line-height: 1.5; letter-spacing: .015em; }
  .history-deck { font-size: 16px; line-height: 1.95; margin-top: 24px; }
  .history-founder { margin-top: 20px; font-size: 21px; }
  .history-chapter { grid-template-columns: 1fr; gap: 26px; padding-block: 30px 50px; }
  .history-copy p { font-size: 16px; line-height: 1.95; }
  .history-copy p + p { margin-top: 20px; }
  .history-copy h2 { margin-bottom: 22px; }
  .archive-mount { padding: 8px; }
  .archive-photo figcaption { font-size: 12px; line-height: 1.85; margin-top: 13px; letter-spacing: .025em; }
  .market-panorama { grid-column: auto; }
  .market-panorama figcaption { text-align: left; }
  .history-work { grid-template-columns: 1fr; gap: 26px; padding-bottom: 52px; }
  .history-work .history-copy { order: -1; }
  .history-growth { padding-block: 46px 48px; }
  .growth-intro { grid-template-columns: 1fr; gap: 22px; }
  .growth-evidence { grid-template-columns: 1fr; gap: 30px; padding-top: 28px; margin-top: 30px; }
  .turnover-value { font-size: clamp(2rem, 10vw, 3.5rem); }
  .turnover .eyebrow { margin-block: 12px 15px; }
  .turnover-sterling { font-size: 15px; }
  .figure-note { margin-top: 14px; max-width: 100%; }
  .history-trust { grid-template-columns: 1fr; gap: 28px; padding-block: 52px; }
  .history-trust .archive-photo { max-width: 480px; margin-inline: auto; }
  .history-next { padding-block: 48px 54px; }
  .history-next h2 { font-size: clamp(1.875rem, 7.6vw, 2.75rem); margin-bottom: 24px; }
  .next-chapter-copy p { font-size: 16px; line-height: 1.95; }
  .founder-belief { margin-top: 28px; padding-top: 25px; }
  .founder-belief blockquote { font-size: 1.375rem; line-height: 1.65; }
  .founder-belief figcaption { font-size: 24px; }
  .history-next .contact-actions { align-items: flex-start; gap: 10px; margin-top: 22px; }
}