@layer base {
  html, body {
    margin: 0;
    padding: 0;
    background-color: #f3efe8;
    font-family: 'Inter', sans-serif;
  }
}
html { scroll-behavior: smooth; }
.font-urbanist { font-family: 'Urbanist', sans-serif; }

.giant-marketing-text {
  font-family: 'Urbanist', sans-serif;
  font-weight: 900;
  letter-spacing: -0.05em;
  line-height: 0.88;
  background: linear-gradient(180deg, #180905 0%, #290802 18%, #850f00 42%, #d7270a 65%, #ff4c39 82%, #ff7a1f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transform: scaleY(1.18);
  transform-origin: center bottom;
  text-wrap: balance;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: scroll 32s linear infinite;
}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.nav-link.is-active { color: #ff4c39; }

/* content guard */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
img,a{-webkit-user-drag:none;-webkit-touch-callout:none}
input,textarea,select,button,[contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}