/* MEC 1.3.3: rider initials + race number, subtle animated backdrop */
.mec-riders-page .rider-art .rider-bg-number {
  top: 13% !important;
  left: 50% !important;
  transform: translate3d(-50%,0,0) skewX(-7deg) !important;
  width: max-content;
  max-width: none;
  font-size: clamp(81px, 10.14vw, 166px) !important;
  letter-spacing: .015em !important;
  line-height: 1 !important;
  opacity: .82;
  color: rgba(255,255,255,.19) !important;
  text-shadow: 0 0 24px rgba(255,255,255,.04);
  z-index: 0 !important;
  pointer-events: none;
  transition: transform .6s cubic-bezier(.2,.8,.2,1), color .6s ease, opacity .6s ease, text-shadow .6s ease;
}
.mec-riders-page .rider-art .rider-bg-number.rider-bg-medium {font-size:clamp(70px,8.58vw,138px) !important;}
.mec-riders-page .rider-art .rider-bg-number.rider-bg-long {font-size:clamp(59px,7.15vw,114px) !important;}
.mec-riders-page .rider-tile:hover .rider-bg-number,
.mec-riders-page .rider-tile:focus-visible .rider-bg-number {
  transform:translate3d(-50%,-12px,0) skewX(-7deg) scale(1.055) !important;
  color:rgba(255,255,255,.32) !important;
  text-shadow:0 0 28px rgba(255,255,255,.13);
}
.mec-riders-page .rider-art img {z-index:1 !important;}
@media(max-width:520px){
  .mec-riders-page .rider-art .rider-bg-number {top:16% !important;font-size:clamp(75px,22.1vw,133px) !important;}
  .mec-riders-page .rider-art .rider-bg-number.rider-bg-medium {font-size:clamp(64px,18.2vw,111px) !important;}
  .mec-riders-page .rider-art .rider-bg-number.rider-bg-long {font-size:clamp(55px,15.6vw,94px) !important;}
}
@media(prefers-reduced-motion:reduce){.mec-riders-page .rider-art .rider-bg-number{transition:none !important;}}