/* Two wordmark lockups; intentionally scoped to the selected draft headers. */
.kh-panel.kh-04 .kh-brand,
.kh-panel.kh-05 .kh-brand {
  container-type: inline-size;
  min-height: 104px;
  display: flex;
  align-items: flex-start;
}

/* 04: an editorial stack, compact enough to retain space around the pipeline. */
.kh-panel.kh-04 .kh-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 0;
  width: 100%;
  font: 400 2rem/1.06 var(--serif);
  letter-spacing: -.018em;
}
.kh-panel.kh-04 .kh-logo {
  display: block;
  width: clamp(132px, 29cqw, 160px);
  max-width: 100%;
  height: auto;
}
.kh-panel.kh-04 .kh-competition {
  display: block;
  font: italic 400 clamp(1.7rem, 5.8cqw, 2rem)/1.08 var(--serif);
  letter-spacing: -.018em;
  color: #111;
}

/* 05: a single signature line, divided with one quiet, precise rule. */
.kh-panel.kh-05 .kh-brand {
  align-items: center;
}
.kh-panel.kh-05 .kh-title {
  display: flex;
  align-items: center;
  gap: clamp(12px, 3cqw, 22px);
  width: 100%;
  min-width: 0;
  margin: 0;
  font: 400 2rem/1.1 var(--serif);
  letter-spacing: -.02em;
}
.kh-panel.kh-05 .kh-logo {
  display: block;
  width: clamp(108px, 28cqw, 166px);
  max-width: 43%;
  height: auto;
  flex: 0 1 auto;
}
.kh-panel.kh-05 .kh-competition {
  display: block;
  border-left: 1px solid #b8b5aa;
  padding: .22em 0 .28em clamp(12px, 3cqw, 22px);
  font: italic 400 clamp(1.35rem, 5.8cqw, 2rem)/1.1 var(--serif);
  letter-spacing: -.02em;
  color: #111;
  white-space: nowrap;
}

@media (max-width: 460px) {
  .kh-panel.kh-04 .kh-brand,
  .kh-panel.kh-05 .kh-brand { min-height: 92px; }
}