/* NestCore shared start-page styles: header, headings, footer, animated tracks */

/* ---- animated background: three diagonal tire tracks fading in and out ---- */
.bg-tracks{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;}
.bg-tracks i{
  position:absolute;top:-40vh;height:190vh;opacity:0;
  background:linear-gradient(90deg,
    transparent 0 6%, #0d0d0d 6% 30%, transparent 30% 70%, #0d0d0d 70% 94%, transparent 94%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  transform:rotate(38deg);
  animation:trackFade 13s ease-in-out infinite;
}
.bg-tracks i:nth-child(1){left:8%;width:130px;animation-delay:0s;}
.bg-tracks i:nth-child(2){left:46%;width:170px;animation-delay:4.3s;}
.bg-tracks i:nth-child(3){left:82%;width:110px;animation-delay:8.6s;}
@keyframes trackFade{
  0%{opacity:0;translate:-30px -40px;}
  25%{opacity:.11;}
  55%{opacity:.11;}
  100%{opacity:0;translate:30px 40px;}
}
@media (prefers-reduced-motion: reduce){
  .bg-tracks i{animation:none;opacity:.06;}
}