/* =================== hc-eyebrow.css =================== */
.hc-eyebrow {display: inline-block; font-family: var(--hc-mono); font-size: var(--hc-fs-xxs); font-weight: 500; letter-spacing: var(--hc-ls-ultra); text-transform: uppercase; color: var(--hc-accent)}
.hc-sec-h__title > .hc-eyebrow {display: block; margin-bottom: var(--hc-sp-1)}
.hc-error__links .hc-eyebrow {display: block; text-align: center; margin-bottom: clamp(16px, 2vw, 24px); font-family: var(--hc-mono, "JetBrains Mono", monospace); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--hc-muted, rgba(26, 23, 20, 0.55))}
@media(max-width:1024px) {
  .hc-ftr__b2b .hc-eyebrow {color: rgba(200, 175, 130, 0.85); font-size: 11px; letter-spacing: 2.5px}
}

.hc-ftr__b2b .hc-eyebrow {
  color: rgba(255, 255, 255, 0.45);
}


.hc-ftr__b2b .hc-eyebrow {
  display: inline-block;
  align-self: start;
  padding: 5px 10px;
  background: rgba(212, 184, 150, 0.18);
  border: 0.5px solid rgba(212, 184, 150, 0.34);
  border-radius: var(--hc-r-pill, 999px);
  font-family: var(--hc-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hc-gold, #d4b896);
}

.premium-surface--highlight .hc-eyebrow {
color: var(--hc-gold-1, var(--hc-gold, #d4b896));
}