:root {
  --torq-black: #0a0a0a;
  --torq-ink: #ffffff;
  --torq-muted: rgba(255, 255, 255, 0.62);
  --torq-accent: #c9a227;
  --torq-accent-hover: #dbb42e;
  --font-sans: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-display: "Orbitron", sans-serif;
  --header-height: 5rem;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html::-webkit-scrollbar {
  display: none;
}

body {
  min-height: 100svh;
  background: var(--torq-black);
  color: var(--torq-ink);
  font-family: var(--font-sans);
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: hidden;
}

body::-webkit-scrollbar {
  display: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
}

img {
  display: block;
  max-width: 100%;
}

.hero {
  width: 100%;
  aspect-ratio: 16 / 6;
  overflow: hidden;
  background: var(--torq-black);
}

.hero__parallax {
  width: 100%;
  height: 100%;
}

.hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body.is-locked {
  overflow: hidden;
}

@media (max-width: 1023px) {
  :root {
    --header-height: 4.5rem;
  }
}