/* =========================================================
   ROADEO ELITE SHINE v2.4.6 — FIRST IMPRESSION MOTION
   Subtle continuous brand motion for logo, nav and headings.
========================================================= */

/* ---- Header logo: gentle premium float + glow ---- */
#roadeo-v9 .rd11-header-ready .rd9-logo img{
  transform-origin:50% 55%;
  will-change:transform,filter;
  animation:rd246-logo-float 5.6s cubic-bezier(.45,0,.2,1) .25s infinite;
}
#roadeo-v9 .rd9-logo:hover img,
#roadeo-v9 .rd9-logo:focus-visible img{
  animation-play-state:paused;
  transform:translateY(-2px) scale(1.025);
  filter:drop-shadow(0 8px 14px rgba(6,57,111,.20));
}
@keyframes rd246-logo-float{
  0%,100%{transform:translate3d(0,0,0) scale(1);filter:drop-shadow(0 2px 4px rgba(6,57,111,.08))}
  45%{transform:translate3d(0,-3px,0) scale(1.012);filter:drop-shadow(0 8px 14px rgba(6,57,111,.20))}
  62%{transform:translate3d(0,-1px,0) scale(1.006);filter:drop-shadow(0 4px 9px rgba(217,33,40,.12))}
}

/* ---- Navigation: staggered brand pulse + moving sheen ---- */
#roadeo-v9 .rd9-nav>li>a{
  --rd246-accent:#06396f;
  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;
  animation:rd246-nav-pulse 5.8s ease-in-out infinite;
}
#roadeo-v9 .rd9-nav>li:nth-child(3n+2)>a{--rd246-accent:#d92128}
#roadeo-v9 .rd9-nav>li:nth-child(3n)>a{--rd246-accent:#168fd3}
#roadeo-v9 .rd9-nav>li:nth-child(1)>a{animation-delay:.10s}
#roadeo-v9 .rd9-nav>li:nth-child(2)>a{animation-delay:.32s}
#roadeo-v9 .rd9-nav>li:nth-child(3)>a{animation-delay:.54s}
#roadeo-v9 .rd9-nav>li:nth-child(4)>a{animation-delay:.76s}
#roadeo-v9 .rd9-nav>li:nth-child(5)>a{animation-delay:.98s}
#roadeo-v9 .rd9-nav>li:nth-child(6)>a{animation-delay:1.20s}

#roadeo-v9 .rd9-nav>li>a::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-45%;
  bottom:-45%;
  left:-42%;
  width:22%;
  pointer-events:none;
  opacity:0;
  transform:skewX(-18deg) translateX(0);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);
  animation:rd246-nav-sheen 5.8s ease-in-out infinite;
  animation-delay:inherit;
}
#roadeo-v9 .rd9-nav>li>a:hover,
#roadeo-v9 .rd9-nav>li>a:focus-visible{
  animation-play-state:paused;
}
#roadeo-v9 .rd9-nav>li>a:hover::after,
#roadeo-v9 .rd9-nav>li>a:focus-visible::after{
  animation-play-state:paused;
  opacity:0;
}
@keyframes rd246-nav-pulse{
  0%,68%,100%{border-color:rgba(6,57,111,.14);box-shadow:0 2px 7px rgba(4,42,79,.04)}
  76%{border-color:color-mix(in srgb,var(--rd246-accent) 42%,transparent);box-shadow:0 6px 15px color-mix(in srgb,var(--rd246-accent) 16%,transparent)}
  84%{border-color:rgba(6,57,111,.16);box-shadow:0 3px 9px rgba(4,42,79,.06)}
}
@keyframes rd246-nav-sheen{
  0%,68%{left:-42%;opacity:0}
  72%{opacity:.70}
  84%{left:118%;opacity:.18}
  86%,100%{left:118%;opacity:0}
}

/* ---- Hero heading: immediate entrance + recurring restrained glow ---- */
#roadeo-v9 .rd9-hero h1{
  will-change:transform,opacity,text-shadow;
  animation:
    rd246-heading-intro .85s cubic-bezier(.2,.75,.2,1) .18s both,
    rd246-heading-breathe 6.4s ease-in-out 1.15s infinite;
}

/* ---- Section headings: animate when existing reveal system brings them in ---- */
#roadeo-v9 .rd11-reveal.is-inview h2,
#roadeo-v9 .rd11-reveal.is-inview .rd9-gallery-head h2{
  animation:
    rd246-heading-intro .72s cubic-bezier(.2,.75,.2,1) .08s both,
    rd246-heading-breathe 6.8s ease-in-out 1.05s infinite;
}

/* Compact recurring accent stroke under primary headings without changing layout. */
#roadeo-v9 .rd9-hero h1,
#roadeo-v9 .rd9-centered-head h2,
#roadeo-v9 .rd9-video-copy h2,
#roadeo-v9 .rd9-free-copy h2,
#roadeo-v9 .rd9-membership-copy h2,
#roadeo-v9 .rd9-detail-copy h2,
#roadeo-v9 .rd9-team-copy h2,
#roadeo-v9 .rd9-contact-card h2,
#roadeo-v9 .rd9-final-inner h2,
#roadeo-v9 .rd9-gallery-head h2{
  position:relative;
}
#roadeo-v9 .rd9-hero h1::after,
#roadeo-v9 .rd9-centered-head h2::after,
#roadeo-v9 .rd9-video-copy h2::after,
#roadeo-v9 .rd9-free-copy h2::after,
#roadeo-v9 .rd9-membership-copy h2::after,
#roadeo-v9 .rd9-detail-copy h2::after,
#roadeo-v9 .rd9-team-copy h2::after,
#roadeo-v9 .rd9-contact-card h2::after,
#roadeo-v9 .rd9-final-inner h2::after,
#roadeo-v9 .rd9-gallery-head h2::after{
  content:"";
  display:block;
  width:clamp(58px,6vw,94px);
  height:4px;
  margin-top:12px;
  border-radius:999px;
  background:linear-gradient(90deg,#06396f 0 36%,#d92128 36% 68%,#168fd3 68% 100%);
  transform-origin:left center;
  animation:rd246-heading-line 5.6s ease-in-out 1.15s infinite;
  box-shadow:0 0 0 rgba(22,143,211,0);
}
#roadeo-v9 .rd9-centered-head h2::after,
#roadeo-v9 .rd9-gallery-head h2::after{margin-left:auto;margin-right:auto}

@keyframes rd246-heading-intro{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.985);filter:blur(2px)}
  65%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@keyframes rd246-heading-breathe{
  0%,72%,100%{text-shadow:0 0 0 rgba(22,143,211,0)}
  80%{text-shadow:0 5px 18px rgba(6,57,111,.13)}
  87%{text-shadow:0 3px 12px rgba(217,33,40,.10)}
}
@keyframes rd246-heading-line{
  0%,67%,100%{transform:scaleX(.48);opacity:.72;box-shadow:0 0 0 rgba(22,143,211,0)}
  76%{transform:scaleX(1);opacity:1;box-shadow:0 0 14px rgba(22,143,211,.28)}
  86%{transform:scaleX(.72);opacity:.88;box-shadow:0 0 7px rgba(217,33,40,.16)}
}

/* Keep mobile motion polished and avoid making the open hamburger menu busy. */
@media (max-width:900px){
  #roadeo-v9 .rd11-primary-nav .rd9-nav>li>a,
  #roadeo-v9 .rd11-primary-nav .rd9-nav>li>a::after{animation:none !important}
  #roadeo-v9 .rd11-header-ready .rd9-logo img{animation-duration:6.8s}
  #roadeo-v9 .rd9-hero h1::after,
  #roadeo-v9 .rd9-centered-head h2::after,
  #roadeo-v9 .rd9-video-copy h2::after,
  #roadeo-v9 .rd9-free-copy h2::after,
  #roadeo-v9 .rd9-membership-copy h2::after,
  #roadeo-v9 .rd9-detail-copy h2::after,
  #roadeo-v9 .rd9-team-copy h2::after,
  #roadeo-v9 .rd9-contact-card h2::after,
  #roadeo-v9 .rd9-final-inner h2::after,
  #roadeo-v9 .rd9-gallery-head h2::after{height:3px;margin-top:9px}
}

/* Accessibility: do not force continuous decorative motion for users who ask for less motion. */
@media (prefers-reduced-motion:reduce){
  #roadeo-v9 .rd11-header-ready .rd9-logo img,
  #roadeo-v9 .rd9-nav>li>a,
  #roadeo-v9 .rd9-nav>li>a::after,
  #roadeo-v9 .rd9-hero h1,
  #roadeo-v9 .rd11-reveal.is-inview h2,
  #roadeo-v9 .rd9-hero h1::after,
  #roadeo-v9 h2::after{
    animation:none !important;
    transform:none;
  }
}