/* Bridge: keep older KTC class names working under OTK design tokens */
.btn--primary,
.btn--dark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .85rem 1.35rem;
  border-radius: 999px;
  font-weight: 700;
  border: 0;
  background: linear-gradient(135deg, var(--gold), var(--gold-bright));
  color: var(--navy) !important;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(201, 162, 39, .28);
}
.btn--ghost,
.btn--line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .8rem 1.25rem;
  border-radius: 999px;
  font-weight: 700;
  border: 1.5px solid rgba(11, 31, 58, .22);
  background: transparent;
  color: var(--navy) !important;
  text-decoration: none;
}
.section--ink {
  background: var(--navy);
  color: #fff;
}
.section--ink .section__title,
.section--ink .section__eyebrow,
.section--ink .statement {
  color: #fff;
}
.section__inner {
  width: min(100% - 2rem, var(--max));
  margin-inline: auto;
}
.section__eyebrow,
.eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 700;
  color: var(--gold-dim);
}
.section__title {
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  color: var(--navy);
}
.script {
  font-family: var(--script);
  font-weight: 400;
  color: var(--gold-dim);
}
/* Keep KTC bottom-nav + cab alongside OTK dock on mobile */
@media (max-width: 900px) {
  .dock-cta { display: none !important; }
  .bottom-nav { display: none !important; }
}
@media (min-width: 901px) {
  .bottom-nav { display: none !important; }
}
/* Hero compatibility when older KTC hero markup remains */
.hero__brand { font-family: var(--font); color: #fff; }
.hero__content--calm { color: #fff; }

.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  min-width: 0;
}
.brand-text strong {
  font-size: .95rem;
  color: var(--navy);
}
.brand-text small {
  font-size: .68rem;
  color: var(--muted);
  font-weight: 600;
  letter-spacing: .04em;
}
@media (max-width: 720px) {
  .brand-text small { display: none; }
}

/* Ensure bottom-nav visible styles exist under OTK CSS */
.bottom-nav {
  display: none;
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 90;
  background: rgba(255,255,255,.96);
  border-top: 1px solid var(--border);
  padding: .35rem .4rem calc(.45rem + env(safe-area-inset-bottom));
  justify-content: space-around;
  gap: .15rem;
}
.bottom-nav__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .15rem;
  font-size: .62rem;
  font-weight: 700;
  color: var(--muted);
  text-decoration: none;
  padding: .35rem .2rem;
}
.bottom-nav__item.is-active { color: var(--navy); }
.bottom-nav__ico { font-size: .95rem; line-height: 1; }