/* BrightReelsMedia shared ornaments: traveling orange interlaced circles. No wave ribbons. */
.knot-divider {
  position: relative;
  height: 28px;
  width: 100%;
  overflow: hidden;
  opacity: 0.82;
  pointer-events: none;
}
.knot-divider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% + 72px);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%238A6D3F%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M%20-22.80%207.37%20A%2013%209%200%201%201%20-22.80%2020.63%22/%3E%3Cpath%20d%3D%22M%205.20%207.37%20A%2013%209%200%201%201%205.20%2020.63%22/%3E%3Cpath%20d%3D%22M%2033.20%207.37%20A%2013%209%200%201%201%2033.20%2020.63%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FF6A1A%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%3Cellipse%20cx%3D%220%22%20cy%3D%2214%22%20rx%3D%2213%22%20ry%3D%229%22/%3E%3Cellipse%20cx%3D%2228%22%20cy%3D%2214%22%20rx%3D%2213%22%20ry%3D%229%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: 0 center;
  background-size: 72px 28px;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform;
}

@media (prefers-reduced-motion: no-preference) {
  .knot-divider::before {
    animation: brm-knot-shift 16s linear infinite;
  }
}

@keyframes brm-knot-shift {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-72px, 0, 0); }
}

/* Failsafe: leftover markup must not paint or occupy space. */
.wave-ribbon {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: none !important;
  animation: none !important;
  pointer-events: none !important;
}

.weave-section {
  position: relative;
  isolation: isolate;
}
.weave-section canvas.weave-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, transparent 64px, #000 140px);
  mask-image: linear-gradient(to bottom, transparent 0, transparent 64px, #000 140px);
}