/* NSM Scripture Ticker (2026-09-28): edge-to-edge, single-row, single-direction
   horizontal scrolling ticker. Replaces the stacked static scripture paragraphs
   on the home page band below the hero. Pure CSS transform animation. */

.nsm-ticker-bleed{
  position:relative;
  left:50%;
  right:50%;
  width:100vw;
  margin-left:-50vw;
  margin-right:-50vw;
  max-width:100vw;
  overflow:hidden;
}

/* Screen-reader accessible copy: the ticker's real content, read once in order.
   The animated visual row below is a duplicate and is aria-hidden. */
.nsm-ticker__sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.nsm-ticker{
  width:100%;
  overflow:hidden;
  padding:2px 0;
}
.nsm-ticker__track{
  display:flex;
  align-items:center;
  width:max-content;
  will-change:transform;
  animation:nsm-ticker-scroll 70s linear infinite;
}
.nsm-ticker__item{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  white-space:nowrap;
  padding:0 28px;
}
.nsm-ticker__quote{
  font-family:'Encode Sans',sans-serif;
  font-weight:600;
  font-size:0.92rem;
  color:var(--paper,#FBF7EC);
  letter-spacing:0.01em;
}
.nsm-ticker__ref{
  font-family:'Encode Sans',sans-serif;
  font-weight:700;
  font-size:0.82rem;
  color:var(--paper,#FBF7EC);
  opacity:0.82;
  margin-left:10px;
  white-space:nowrap;
}
.nsm-ticker__sep{
  margin-left:28px;
  font-size:0.7rem;
  color:var(--paper,#FBF7EC);
  opacity:0.45;
}

@keyframes nsm-ticker-scroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

@media (min-width:768px){
  .nsm-ticker__quote{ font-size:1rem; }
  .nsm-ticker__ref{ font-size:0.86rem; }
  .nsm-ticker__item{ padding:0 34px; }
}
@media (min-width:1200px){
  .nsm-ticker__track{ animation-duration:85s; }
}

@media (hover:hover){
  .nsm-ticker:hover .nsm-ticker__track{ animation-play-state:paused; }
}
.nsm-ticker--static .nsm-ticker__track{ animation:none; }
@media (prefers-reduced-motion:reduce){
  .nsm-ticker__track{ animation:none; white-space:normal; }
}
