/* The light strand, carried across the site. Standalone so every page can pull
   it in without duplicating the rule. */
.strand-divider{
  height:46px;
  margin:clamp(2rem,4vw,3rem) auto -1rem;
  max-width:1200px;
  background-repeat:no-repeat;
  background-position:top center;
  background-size:100% 46px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 46' preserveAspectRatio='none'%3E%3Cpath d='M-30 4 Q150 54 320 8 T640 10 T960 8 T1240 6' fill='none' stroke='%230b0b0c' stroke-opacity='.26' stroke-width='1.2'/%3E%3Cg fill='%23f79a2b' fill-opacity='.85'%3E%3Ccircle cx='90' cy='40' r='3.1'/%3E%3Ccircle cx='215' cy='34' r='3.1'/%3E%3Ccircle cx='340' cy='40' r='3.1'/%3E%3Ccircle cx='465' cy='36' r='3.1'/%3E%3Ccircle cx='590' cy='41' r='3.1'/%3E%3Ccircle cx='715' cy='36' r='3.1'/%3E%3Ccircle cx='840' cy='40' r='3.1'/%3E%3Ccircle cx='965' cy='35' r='3.1'/%3E%3Ccircle cx='1090' cy='39' r='3.1'/%3E%3C/g%3E%3C/svg%3E");
}
.strand-divider.on-dark{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 46' preserveAspectRatio='none'%3E%3Cpath d='M-30 4 Q150 54 320 8 T640 10 T960 8 T1240 6' fill='none' stroke='%23ffffff' stroke-opacity='.28' stroke-width='1.2'/%3E%3Cg fill='%23f79a2b' fill-opacity='.9'%3E%3Ccircle cx='90' cy='40' r='3.1'/%3E%3Ccircle cx='215' cy='34' r='3.1'/%3E%3Ccircle cx='340' cy='40' r='3.1'/%3E%3Ccircle cx='465' cy='36' r='3.1'/%3E%3Ccircle cx='590' cy='41' r='3.1'/%3E%3Ccircle cx='715' cy='36' r='3.1'/%3E%3Ccircle cx='840' cy='40' r='3.1'/%3E%3Ccircle cx='965' cy='35' r='3.1'/%3E%3Ccircle cx='1090' cy='39' r='3.1'/%3E%3C/g%3E%3C/svg%3E");
}