/* === The Red Thread === */
/* A subtle woven line that connects all sections, symbolizing the common
   thread between cleaning, ministry, and music — service. */

.red-thread {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.07;
}

.thread-path {
  fill: none;
  stroke: #c0392b;
  stroke-width: 0.4;
  stroke-linecap: round;
  stroke-dasharray: 8 12;
  animation: threadWeave 30s linear infinite;
}

@keyframes threadWeave {
  0% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: -200; }
}

/* Thread knot accents — small decorative dots at section transitions */
.section-title::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: var(--thread-red);
  border-radius: 50%;
  margin: 0 auto 0.75rem;
  opacity: 0.4;
}