/* CBA / WEB-002 — production integration */
body {
  font-family: var(--cba-serif);
}

.wordmark span,
.hero-id span {
  font-family: var(--cba-mono);
}

.wordmark img {
  display: block;
  width: 42px;
  height: auto;
}

.hero-id img {
  display: block;
  width: clamp(150px, 25vw, 360px);
  height: auto;
}

.dark .eyebrow,
.dark .status-tag,
.dark small,
.site-footer .footer-meta,
.site-footer .copyright {
  color: var(--cba-drift);
}

.rail {
  background: color-mix(in srgb, var(--paper) 88%, transparent);
}

@supports not (background: color-mix(in srgb, white, transparent)) {
  .rail { background: var(--paper); }
}

@media (max-width: 800px) {
  .wordmark img { width: 36px; }
  .hero-id img { width: min(68vw, 270px); }
}

/* Claude exact sizing corrections */
.wordmark img { height: 22px; width: auto; }
.hero-id img { width: min(100%, clamp(260px, 42vw, 560px)); height: auto; }
.dark .scroll span, .dark .status-tag i { color: var(--cba-fogbank); }
.dark .status-tag i { background: var(--cba-fogbank); }
@media (max-width: 800px) {
  .wordmark img { height: 20px; width: auto; }
  .hero-id img { width: min(78vw, 420px); }
  .principle h2 { font-size: clamp(34px, 16vw, 70px); }
}