/* Homepage brand story (2026-10-21): factory proof, 1000cc teaser, two-way copy.
   Same tokens as data-display-20261021.css (brass figures, forest text, Noto body); sizes follow brand-home.css. */

/* Brand intro: manifesto line above the existing factual paragraph. */
.brand-intro .bs-lead { font-size: 20px; line-height: 1.6; color: #203a30; max-width: 46ch; }

/* Factory proof: copy left, four figures right. */
.bs-factory { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start; padding: 72px 8%; background: #fcfcf8; }
.bs-factory h2 { font-size: clamp(27px, 2.6vw, 44px); line-height: 1.2; letter-spacing: -.025em; font-weight: 700; color: #203a30; margin: 0; }
.bs-factory-copy > p { margin: 20px 0 0; max-width: 58ch; font-size: 16px; line-height: 1.75; color: #425349; }
.bs-factory-lines { list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 8px; font-size: 15px; font-weight: 700; color: #203a30; }
.bs-factory-figures { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 2px solid #203a30; }
.bs-factory-figures > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 10px; padding: 22px 18px 24px 0; border-bottom: 1px solid #dde1d7; }
.bs-factory-figures > div:nth-child(even) { padding-left: 18px; border-left: 1px solid #dde1d7; }
.bs-factory-figures > div:nth-child(5) { grid-column: 1 / -1; }
.bs-factory-figures dt { font-size: 13px; line-height: 1.45; color: #526157; }
.bs-factory-figures dd { margin: 0; font-size: 56px; }

/* 1000cc teaser: dark, quiet, nothing but the silhouette and two lines. */
.bs-teaser { position: relative; background: #050505; color: #fff; overflow: hidden; }
.bs-teaser img { display: block; width: 100%; height: auto; }
.bs-teaser-copy { position: absolute; left: 8%; bottom: 12%; }
.bs-teaser-copy h2 { margin: 0; max-width: 9.5em; font-size: clamp(26px, 2.6vw, 44px); line-height: 1.15; letter-spacing: -.02em; font-weight: 700; color: #fff; }
.bs-teaser-figure { margin: 14px 0 0; font-size: 16px; color: #e8dccb; }
.bs-teaser-figure .kd-fig { font-size: 64px; color: #c08a3e; vertical-align: -6px; }
.bs-teaser-figure .kd-unit { margin: 0 .5em 0 .15em; color: #e8dccb; }
.bs-teaser-copy a { display: inline-block; margin-top: 18px; font-size: 14px; color: #fff; text-underline-offset: 4px; }

/* Dealer banner: longer two-way copy, kept to a readable measure. */
.dealer-banner p { max-width: 70ch; margin-left: auto; margin-right: auto; }
.dealer-banner .bs-support { margin-top: -8px; font-size: 14px; color: #c9d8cd; }

/* Inside SUMAHAO: the detail line under the tagline. */
.inside-heading .bs-detail { max-width: 66ch; margin: 14px auto 0; font-size: 15px; line-height: 1.7; color: #425349; }
.inside-heading .bs-detail strong { color: #203a30; }

@media (max-width: 900px) {
  .bs-factory { grid-template-columns: 1fr; gap: 36px; padding: 56px 7%; }
}
@media (max-width: 700px) {
  .brand-intro .bs-lead { font-size: 17px; text-align: left; }
  .bs-factory { padding: 44px 7% 48px; }
  .bs-factory-figures dd { font-size: 44px; }
  .bs-teaser-copy { left: 7%; right: 7%; top: 9%; bottom: auto; }
  .bs-teaser-figure .kd-fig { font-size: 52px; }
}