/* ribbon.css: the moving word ribbon under the home hero, the same ribbon as
   on mashmanpublishing.com, mashmanproperties.com, and mashmaninvestments.com
   (their uplift.css). Off under prefers-reduced-motion; never printed. */
.u-marquee-band{padding:0 !important; border-top:1px solid var(--rule-dark); border-bottom:1px solid var(--rule-dark);}
.u-marquee{
  overflow:hidden; white-space:nowrap; padding:clamp(18px, 2.4vw, 30px) 0;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.u-marquee-track{display:inline-flex; gap:0; animation:u-marquee 48s linear infinite; will-change:transform;}
.u-marquee-track span{
  font-family:var(--display); font-weight:800; text-transform:uppercase;
  font-size:clamp(22px, 3.2vw, 44px); letter-spacing:-0.01em; line-height:1;
  color:rgba(200,197,190,0.26);
  padding:0 clamp(18px, 2.2vw, 34px); display:inline-flex; align-items:center;
}
.u-marquee-track span:nth-child(3n+1){color:var(--white);}
.u-marquee-track span::after{
  content:""; width:8px; height:8px; margin-left:clamp(36px, 4.4vw, 68px);
  background:var(--platinum); transform:rotate(45deg); flex:0 0 8px; opacity:.7;
}
.u-marquee:hover .u-marquee-track{animation-play-state:paused;}
@keyframes u-marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }


@media (prefers-reduced-motion: reduce){ .u-marquee-track{animation:none;} }
@media print{ .u-marquee-band{display:none;} }