/* GrooveCore header brand — "The Treq" logotype
   Source: The Treq standalone logo (Climate Crisis, gold outline + glow),
   adapted to header scale. Font self-hosted for the self-only CSP. */

@font-face {
  font-family: 'Climate Crisis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../vendor/fonts/climate-crisis.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+FEFF, U+FFFD;
}

.treq-logo {
  font-family: 'Climate Crisis', 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: transparent;
  -webkit-text-stroke: 1.2px #d4a55a;
  text-stroke: 1.2px #d4a55a;
  text-shadow: 0 0 12px rgba(212, 165, 90, 0.25), 0 0 24px rgba(212, 165, 90, 0.12);
  animation: treq-glow 5s ease-in-out infinite;
  text-decoration: none;
  display: inline-block;
}

.treq-logo:hover,
.treq-logo:focus-visible {
  -webkit-text-stroke-color: #e8c078;
}

@keyframes treq-glow {
  0%, 100% {
    text-shadow: 0 0 12px rgba(212, 165, 90, 0.25), 0 0 24px rgba(212, 165, 90, 0.12);
    -webkit-text-stroke-color: #d4a55a;
  }
  50% {
    text-shadow: 0 0 20px rgba(212, 165, 90, 0.45), 0 0 40px rgba(212, 165, 90, 0.2);
    -webkit-text-stroke-color: #e8c078;
  }
}

@media (prefers-reduced-motion: reduce) {
  .treq-logo { animation: none; }
}

/* Loading screen: "by The Treq" — plain "by", logotype "The Treq" */
.loader-subtitle .treq-logo {
  -webkit-text-stroke: 1.5px #d4a55a;
  text-stroke: 1.5px #d4a55a;
}

/* Header lockup: small THE TREQ maker mark over the dominant GrooveCore product name */
.gc-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}

.gc-brand .treq-logo {
  font-size: clamp(0.78rem, 1.4vw, 1rem);
  -webkit-text-stroke-width: 1px;
  text-stroke-width: 1px;
}

.gc-brand .gc-brand-product {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: clamp(1.35rem, 2.8vw, 1.9rem);
  line-height: 1.05;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ff4500;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .gc-brand .treq-logo { -webkit-text-stroke-width: 1px; }
  .gc-brand .gc-brand-product { letter-spacing: 0.22em; }
}