/* QQ.SG custom layer — keeps the original motion system, replaces identity/content layer. */

.qqsg-brush-canvas {
  position: absolute;
  inset: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: auto;
  touch-action: pan-y;
}

.home-hero-next-race-w,
.home-hero-touch-controls-w,
.home-hero-tablet-hero-text {
  position: relative;
  z-index: 16 !important;
}

.home-hero-tablet-text-w {
  opacity: 0 !important;
  pointer-events: none !important;
}

.home-hero-tablet-hero-text::before {
  content: "QQ.SG";
  position: absolute;
  left: 50%;
  top: 50%;
  color: var(--lime);
  font-family: var(--_fonts---brier), Impact, sans-serif;
  font-size: clamp(4rem, 24vw, 10rem);
  line-height: .72;
  letter-spacing: -.08em;
  transform: translate(-50%, -50%);
}

.home-hero-logo-wrap img {
  opacity: 0 !important;
}

.home-hero-logo-wrap::after {
  content: "QQ.SG";
  display: block;
  color: var(--lime);
  font-family: var(--_fonts---brier), Impact, sans-serif;
  font-size: clamp(4rem, 12vw, 11rem);
  line-height: .72;
  letter-spacing: -.08em;
}

.marquee-signature-w {
  overflow: visible !important;
}

.footer-rive-w::after {
  content: "NKX";
  position: absolute;
  left: 50%;
  top: 50%;
  color: var(--lime);
  font-family: var(--_fonts---brier), Impact, sans-serif;
  font-size: clamp(6rem, 18vw, 18rem);
  line-height: .72;
  letter-spacing: -.08em;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.footer-rive-w img,
.footer-rive-w canvas {
  opacity: .08 !important;
}

.footer-bg-img {
  filter: saturate(.5) hue-rotate(72deg) brightness(.72) contrast(1.1);
  mix-blend-mode: luminosity;
  opacity: .28;
}

.footer-marquee-logo-w::before {
  content: "QQ.SG";
  color: var(--lime);
  font-family: var(--_fonts---brier), Impact, sans-serif;
  font-size: clamp(2.8rem, 8vw, 6rem);
  letter-spacing: -.08em;
}

.footer-marquee-logo-w img {
  display: none !important;
}

.callout-store-bg-img,
.callout-partenerships-bg-img {
  filter: saturate(.45) hue-rotate(70deg) brightness(.78) contrast(1.08);
  mix-blend-mode: multiply;
}

.horizontal-item-img-w,
.callout-socials-card-w,
.helmet-grid-item-img-w,
.callout-store-img-w {
  background:
    radial-gradient(circle at 70% 24%, rgba(210,255,0,.18), transparent 30%),
    linear-gradient(135deg, rgba(40,44,32,.92), rgba(83,84,80,.8));
}

.image.is-horizontal-scroll,
.image.is-social-card,
.helmet-grid-item-img,
.callout-store-img {
  filter: saturate(.65) hue-rotate(88deg) brightness(.82) contrast(1.08);
}

.text-impact-lg-mona strong,
.span-font-brier,
.text-impact-sm-brier,
.text-title-lg-brier,
.span-green-off-white-1 {
  color: var(--lime) !important;
}

@media (max-width: 767px) {
  .qqsg-brush-canvas {
    z-index: 7;
  }

  .home-hero-tablet-hero-text::before {
    color: var(--lime);
  }

  .footer-marquee-logo-w::before {
    font-size: 3.2rem;
  }
}