/** Shopify CDN: Minification failed

Line 18:0 All "@import" rules must come first

**/
/* Force Luxury White Globally */
html, body {
  background-color: #F9F9F7 !important;
  margin: 0;
  padding: 0;
}

/* Remove any dark flashes on transition */
#MainContent {
  background-color: #F9F9F7 !important;
}
/* assets/style.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Space+Mono&display=swap');

:root {
  --bg: #F9F9F7;
  --accent: #1a1a1a;
}

/* Force the background globally */
html, body {
  background-color: var(--bg) !important;
  color: var(--accent);
  font-family: 'Inter', sans-serif;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

.mono { font-family: 'Space Mono', monospace; text-transform: uppercase; letter-spacing: 0.2em; }

.grain {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  z-index: 999; pointer-events: none; opacity: 0.04;
  background-image: url('https://grainy-gradients.vercel.app/noise.svg');
}

.reveal {
  opacity: 0; transform: translateY(20px);
  transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.reveal.active { opacity: 1; transform: translateY(0); }