/**
 * WordPress / browser resets so the theme matches the Next.js layout.
 */

body {
  background: #000;
  color: #f5f5f5;
}

.hidden {
  display: none;
}

@media (min-width: 768px) {
  .md\:flex.hidden,
  .hidden.md\:flex {
    display: flex !important;
  }

  .md\:hidden {
    display: none !important;
  }
}

.site-page,
.tm-page {
  isolation: isolate;
}

.site-page h1,
.site-page h2,
.site-page h3,
.site-page figure,
.tm-page h1,
.tm-page h2,
.tm-page h3,
.tm-page figure {
  margin: 0;
}

.site-page ul,
.site-page ol,
.tm-page ul,
.tm-page ol {
  padding: 0;
}

.site-page .site-header nav a:hover,
.site-page .site-mobile-nav a:hover {
  color: var(--site-text) !important;
}

.site-page .site-title-hero {
  font-weight: 400;
}

.site-page #about h2 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.site-page .site-release-card h2 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.025em;
  text-transform: lowercase;
}

.site-page .cover-wrap img.cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  padding: 1rem;
  transition: transform 0.5s ease;
}

.site-page .newsletter-form {
  border: none;
  border-bottom: 1px solid var(--site-border);
}

.site-page .newsletter-form button {
  color: var(--site-muted);
}

.site-page .newsletter-form button:hover {
  color: var(--site-text);
}

.tm-page .tm-cover-img,
.tm-page .tm-pixel-frame > img,
.tm-page .relative.aspect-square > .img-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}

.tm-page .img-cover,
.tm-page .tm-pixel-frame > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}

.tm-page .tm-header nav a:hover {
  color: var(--tm-accent) !important;
}

.tm-page .tm-header button[data-tm-nav-toggle]:hover {
  color: var(--tm-muted);
}