/* Two original textile details; the approved embroidered logo remains unchanged. */
.orn { gap: 12px; min-height: 18px; color: var(--gold-700); }
.orn::before, .orn::after { width: 24px; height: 1px; background: currentColor; opacity: .45; }
.orn i {
  display: block; width: 96px; height: 18px; transform: none;
  background: currentColor; box-shadow: none; animation: none;
  -webkit-mask: url("../brand/textile-ornament.svg?rev=editorial1") center / contain no-repeat;
  mask: url("../brand/textile-ornament.svg?rev=editorial1") center / contain no-repeat;
}
.hero .orn { color: var(--gold-on-dark); }
.ftr::before, .page-index .ftr::before {
  top: 24px; left: 50%; right: auto; width: min(384px, calc(100% - 2 * var(--gutter)));
  height: 12px; transform: translateX(-50%); background: var(--gold-on-dark);
  opacity: .55; animation: none; pointer-events: none;
  -webkit-mask: url("../brand/textile-border.svg?rev=editorial1") left center / 64px 12px repeat-x;
  mask: url("../brand/textile-border.svg?rev=editorial1") left center / 64px 12px repeat-x;
}
.ftr--utility::before { top: 10px; width: 256px; height: 12px; -webkit-mask-size: 64px 12px; mask-size: 64px 12px; }
@media (max-width: 760px) {
  .orn i { width: 80px; height: 15px; }
  .orn::before, .orn::after { width: 20px; }
  .ftr::before, .page-index .ftr::before { width: min(256px, calc(100% - 2 * var(--gutter))); }
  .ftr--utility { padding-top: 40px; }
}