.kc-brand-page {
  --kc-ink: #241a16;
  --kc-brown: #684b3d;
  --kc-cream: #f7f1e8;
  --kc-line: #ded2c7;
  color: var(--kc-ink);
  background: #fffdf9;
}

.kc-brand-shell { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }

.kc-brand-hero {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  min-height: min(760px, calc(100vh - 120px));
  background: var(--kc-cream);
}

.kc-brand-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(54px, 8vw, 120px) clamp(28px, 7vw, 100px);
}

.kc-brand-eyebrow {
  margin: 0 0 18px;
  color: var(--kc-brown);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.kc-brand-hero h1 {
  max-width: 12ch;
  margin: 0;
  color: var(--kc-ink);
  font: 500 clamp(48px, 6.5vw, 94px)/.97 Georgia, serif;
  letter-spacing: -.035em;
}

.kc-brand-hero__lead {
  max-width: 55ch;
  margin: 28px 0 0;
  color: #5f514a;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.75;
}

.kc-brand-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.kc-brand-button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border: 1px solid var(--kc-ink);
  border-radius: 999px;
  background: var(--kc-ink);
  color: #fff!important;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.kc-brand-button--ghost { background: transparent; color: var(--kc-ink)!important; }
.kc-brand-hero__media { min-height: 560px; overflow: hidden; }
.kc-brand-hero__media img { width: 100%; height: 100%; object-fit: cover; }

.kc-brand-proof {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--kc-line);
  border-bottom: 1px solid var(--kc-line);
}
.kc-brand-proof li { padding: 30px clamp(20px, 4vw, 52px); border-right: 1px solid var(--kc-line); }
.kc-brand-proof li:last-child { border-right: 0; }
.kc-brand-proof strong { display: block; margin-bottom: 7px; font: 600 22px/1.1 Georgia,serif; }
.kc-brand-proof span { color: #6d6058; font-size: 13px; line-height: 1.5; }

.kc-brand-section { padding: clamp(72px, 9vw, 132px) 0; }
.kc-brand-section--tint { background: var(--kc-cream); }
.kc-brand-heading { max-width: 760px; margin-bottom: 48px; }
.kc-brand-heading h2 { margin: 0; font: 500 clamp(38px, 4.5vw, 64px)/1.04 Georgia,serif; letter-spacing: -.025em; }
.kc-brand-heading p { max-width: 62ch; margin: 20px 0 0; color: #685a52; font-size: 16px; line-height: 1.75; }

.kc-brand-story-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(36px, 7vw, 96px); align-items: center; }
.kc-brand-story-grid img { width: 100%; border-radius: 26px; aspect-ratio: 1/1; object-fit: cover; }
.kc-brand-story-copy h2 { margin: 0 0 24px; font: 500 clamp(38px, 4vw, 60px)/1.05 Georgia,serif; }
.kc-brand-story-copy p { color: #63564e; font-size: 16px; line-height: 1.8; }

.kc-brand-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.kc-brand-card { padding: clamp(26px, 4vw, 48px); border: 1px solid var(--kc-line); border-radius: 22px; background: #fff; }
.kc-brand-card__number { display: block; margin-bottom: 54px; color: #947767; font-size: 12px; font-weight: 700; letter-spacing: .16em; }
.kc-brand-card h3 { margin: 0 0 14px; font: 600 25px/1.15 Georgia,serif; }
.kc-brand-card p { margin: 0; color: #685a52; line-height: 1.7; }

.kc-wholesale-band {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 30px;
  align-items: center;
  padding: clamp(36px, 6vw, 72px);
  border-radius: 28px;
  background: var(--kc-ink);
  color: #fff8ee;
}
.kc-wholesale-band h2 { margin: 0; color: inherit; font: 500 clamp(38px, 4vw, 58px)/1.05 Georgia,serif; }
.kc-wholesale-band p { margin: 18px 0 0; color: #dbcfc7; line-height: 1.7; }
.kc-wholesale-band__action { text-align: right; }
.kc-wholesale-band .kc-brand-button { border-color: #fff8ee; background: #fff8ee; color: var(--kc-ink)!important; }

@media (max-width: 900px) {
  .kc-brand-hero,.kc-brand-story-grid { grid-template-columns: 1fr; }
  .kc-brand-hero__media { min-height: 440px; order: -1; }
  .kc-brand-proof,.kc-brand-cards { grid-template-columns: 1fr; }
  .kc-brand-proof li { border-right: 0; border-bottom: 1px solid var(--kc-line); }
  .kc-brand-proof li:last-child { border-bottom: 0; }
  .kc-wholesale-band { grid-template-columns: 1fr; }
  .kc-wholesale-band__action { text-align: left; }
}

@media (max-width: 520px) {
  .kc-brand-shell { width: min(100% - 28px, 1240px); }
  .kc-brand-hero h1 { font-size: 46px; }
  .kc-brand-hero__copy { padding: 48px 22px 58px; }
  .kc-brand-hero__media { min-height: 340px; }
}