/* Scoped decorative scene: retain native hero size, title, form and navigation. */
.header-big.tq-moto-hero {
  --tq-hero-bg: #11171f;
  --tq-hero-ink: #f4f7fa;
  --tq-hero-muted: #b7c4cf;
  --tq-hero-accent: #f58b48;
  --tq-hero-line: #ffffff24;
  --tq-moto-x: 0;
  --tq-moto-y: 0;
  overflow: hidden;
  isolation: isolate;
  background: var(--tq-hero-bg);
}
.tq-moto-hero .tq-moto-scene {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  background: radial-gradient(ellipse at 14% 64%,#35455566,transparent 38%),radial-gradient(ellipse at 95% 65%,#86451c26,transparent 39%),linear-gradient(112deg,#17222d,var(--tq-hero-bg) 48%,#1c232b);
}
.tq-moto-hero .tq-moto-road { position: absolute; inset: -12px; width: calc(100% + 24px); height: calc(100% + 24px); transform: translate3d(calc(var(--tq-moto-x) * -7px),calc(var(--tq-moto-y) * -4px),0); }
.tq-moto-hero .tq-moto-rider { position: absolute; left: clamp(0px,1.8vw,32px); bottom: 32px; width: clamp(280px,25vw,460px); transform: translate3d(calc(var(--tq-moto-x) * 18px),calc(var(--tq-moto-y) * 9px),0); }
.tq-moto-hero .tq-moto-rider > svg { display: block; width: 100%; height: auto; overflow: visible; }
.tq-moto-hero .tq-moto-scene-caption { display: block; margin-top: -2px; margin-left: 23%; color: #93a6b877; font: 10px/1.4 Arial,sans-serif; letter-spacing: 2.8px; }
.tq-moto-hero .tq-moto-bike { transform-box: fill-box; transform-origin: 50% 90%; animation: tq-moto-ride 5.6s ease-in-out infinite; }
.tq-moto-hero .tq-moto-wheel { transform-box: fill-box; transform-origin: center; animation: tq-moto-wheel 4s linear infinite; }
.tq-moto-hero .tq-moto-speed { position: absolute; left: 0; bottom: 48px; width: 38%; height: 60px; overflow: hidden; opacity: .34; mask-image: linear-gradient(90deg,transparent,#000 15%,#000 60%,transparent); }
.tq-moto-hero .tq-moto-speed-flow { position: absolute; top: 13px; left: 0; width: calc(100% + 360px); height: 2px; background: repeating-linear-gradient(90deg,transparent 0 90px,var(--tq-hero-accent) 90px 170px,transparent 170px 360px); animation: tq-moto-speed 3.6s linear infinite; }
.tq-moto-hero .tq-moto-speed-flow-secondary { top: 43px; opacity: .55; animation-duration: 5.4s; }
.tq-moto-hero .tq-moto-gauge { position: absolute; top: 105px; right: clamp(20px,4.2vw,80px); width: clamp(165px,14vw,240px); opacity: .46; transform: translate3d(calc(var(--tq-moto-x) * -12px),calc(var(--tq-moto-y) * -7px),0); }
.tq-moto-hero .tq-moto-vignette { position: absolute; inset: 0; background: linear-gradient(90deg,transparent 14%,#10171e0a 24%,#10171e99 41%,#10171e99 60%,transparent 82%); }
.tq-moto-hero > .s-search { position: relative; z-index: 1; }
.tq-moto-hero .big-title .h1 { text-shadow: 0 2px 18px #060a1077; }
.tq-moto-hero #search-text { border-color: var(--tq-hero-line); background: #0b1019cf !important; }
.tq-moto-hero #search-text::placeholder { color: var(--tq-hero-muted); opacity: 1; }
.tq-moto-hero #search-text:focus-visible { outline: 2px solid var(--tq-hero-accent) !important; outline-offset: 3px; }
.tq-moto-hero .tq-moto-bike,.tq-moto-hero .tq-moto-wheel,.tq-moto-hero .tq-moto-speed-flow { animation-play-state: paused; }
.tq-moto-hero.is-motion-active .tq-moto-bike,.tq-moto-hero.is-motion-active .tq-moto-wheel,.tq-moto-hero.is-motion-active .tq-moto-speed-flow { animation-play-state: running; }
@keyframes tq-moto-wheel { to { transform: rotate(360deg); } }
@keyframes tq-moto-speed { to { transform: translate3d(-360px,0,0); } }
@keyframes tq-moto-ride { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-2px,0); } }
@media (max-width:1199.98px) {
  .tq-moto-hero .tq-moto-rider { left: -42px; width: 320px; opacity: .54; }
  .tq-moto-hero .tq-moto-gauge { right: -28px; width: 195px; opacity: .28; }
  .tq-moto-hero .tq-moto-vignette { background: linear-gradient(90deg,#10171e22,#10171eaa 30%,#10171eaa 68%,#10171e11); }
}
@media (max-width:767.98px) {
  .tq-moto-header:not(.header-bg) .navbar-brand .logo-light { filter: brightness(0) invert(1); }
  .io-black-mode .tq-moto-header .navbar-brand .logo-light { display: inline-block !important; filter: brightness(0) invert(1); }
  .tq-moto-hero .tq-moto-rider { left: -65px; bottom: 0; width: 270px; opacity: .34; }
  .tq-moto-hero .tq-moto-scene-caption { display: none; }
  .tq-moto-hero .tq-moto-gauge { top: 82px; right: -66px; width: 180px; opacity: .22; }
  .tq-moto-hero .tq-moto-road { opacity: .7; }
  .tq-moto-hero .tq-moto-speed { bottom: 24px; width: 65%; opacity: .2; }
  .tq-moto-hero .tq-moto-vignette { background: linear-gradient(180deg,#10171e22,#10171e99 24%,#10171e88 72%,#10171e22); }
}
@media (prefers-reduced-motion:reduce) {
  .tq-moto-hero .tq-moto-bike,.tq-moto-hero .tq-moto-wheel,.tq-moto-hero .tq-moto-speed-flow { animation: none; }
  .tq-moto-hero .tq-moto-road,.tq-moto-hero .tq-moto-rider,.tq-moto-hero .tq-moto-gauge { transform: none; }
}
