/* Paired lines belong only to small section labels, at every viewport. */
body .eyebrow,
body #main .eyebrow {
  --heading-line-width: 18px;
  --heading-line-gap: 10px;
  box-sizing: border-box;
  min-width: 0;
  padding-inline: calc(var(--heading-line-width) + var(--heading-line-gap));
  overflow-wrap: anywhere;
  background-image: linear-gradient(var(--gold, #c5a266), var(--gold, #c5a266)), linear-gradient(var(--gold, #c5a266), var(--gold, #c5a266));
  background-position: left center, right center;
  background-size: var(--heading-line-width) 1px;
  background-repeat: no-repeat;
}
body .eyebrow,
body #main .eyebrow {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  line-height: 1.55;
}
/* Replace older, one-sided eyebrow pseudo-elements. */
body .eyebrow::before, body .eyebrow::after,
body #main .eyebrow::before, body #main .eyebrow::after {
  content: none;
  display: none;
}
@media (max-width: 620px) {
  body .eyebrow,
  body #main .eyebrow {
    --heading-line-width: 12px;
    --heading-line-gap: 8px;
  }
}

/* Keep video compositing from showing through the sticky header. */
.site-header, .site-header.scrolled {
  background: #efeae0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
