/* mindxmelt.com — domain-specific tweaks layered on style.css */

/* Header brand mark — replaces "FIREBAR DISTRO" lockup with a Mind × Melt wordmark */
.mxm-header { background: rgba(14, 10, 20, 0.88); backdrop-filter: blur(12px); }
.mxm-brand { color: #fff; }
.mxm-brand:hover { text-decoration: none; color: #fff; }
.mxm-mark {
  font: 600 22px/1 'Cormorant Garamond', 'Bebas Neue', serif;
  letter-spacing: 0.03em;
  color: #fff;
  display: inline-flex; align-items: baseline; gap: 4px;
}
.mxm-mark .x {
  color: var(--gold);
  font-style: italic;
  font-weight: 500;
  font-size: 1.1em;
  margin: 0 2px;
}

@media (max-width: 720px) {
  .mxm-mark { font-size: 19px; }
}

/* Make the cinematic hero text use the heritage typeface for the wordmark accent */
.mxm-hero h1 .brushstroke {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  font-style: italic;
  background: linear-gradient(135deg, var(--gold), #E5C260);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  letter-spacing: 0.02em;
  margin: 0 6px;
}

/* Spec card — unit suffix */
.mxm-spec .num .unit {
  font-size: 22px;
  font-weight: 600;
  color: #B8B0C2;
  margin-left: 2px;
}

/* CTA badge alignment */
.mxm-cta-grid .badge {
  background: var(--gold);
  color: var(--ink);
  padding: 6px 12px;
  border-radius: 4px;
  font: 700 11px/1 'Inter', sans-serif;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 16px;
}
.mxm-cta-grid .accent { color: var(--gold); }

/* Standalone-domain footer (no FireBar Distro chrome — just a clean MxM closer) */
body.mxm-domain .site-footer { background: #060309; }