/* Ritmik brand motifs — the ruled "staff lines" background.
   Groups of 5 thin lines (like a music staff) repeating vertically,
   usually faded out with a radial mask behind heroes/CTAs. */
.rk-staff-bg {
  background-image: repeating-linear-gradient(
    to bottom,
    var(--staff-line, rgba(24, 21, 9, 0.09)) 0 1.5px, transparent 1.5px 13px,
    var(--staff-line, rgba(24, 21, 9, 0.09)) 13px 14.5px, transparent 14.5px 26px,
    var(--staff-line, rgba(24, 21, 9, 0.09)) 26px 27.5px, transparent 27.5px 39px,
    var(--staff-line, rgba(24, 21, 9, 0.09)) 39px 40.5px, transparent 40.5px 52px,
    var(--staff-line, rgba(24, 21, 9, 0.09)) 52px 53.5px, transparent 53.5px 96px
  );
}
/* fade the staff toward the edges, as behind the hero + final CTA */
.rk-staff-bg--masked {
  -webkit-mask-image: radial-gradient(118% 80% at 50% 42%, #000 22%, transparent 80%);
  mask-image: radial-gradient(118% 80% at 50% 42%, #000 22%, transparent 80%);
}
/* dark-footer variant */
.rk-staff-bg--light {
  background-image: repeating-linear-gradient(
    to bottom,
    var(--staff-line-light, rgba(255, 255, 255, 0.07)) 0 1.5px, transparent 1.5px 13px,
    var(--staff-line-light, rgba(255, 255, 255, 0.07)) 13px 14.5px, transparent 14.5px 26px,
    var(--staff-line-light, rgba(255, 255, 255, 0.07)) 26px 27.5px, transparent 27.5px 39px,
    var(--staff-line-light, rgba(255, 255, 255, 0.07)) 39px 40.5px, transparent 40.5px 52px,
    var(--staff-line-light, rgba(255, 255, 255, 0.07)) 52px 53.5px, transparent 53.5px 96px
  );
}