/** Shopify CDN: Minification failed

Line 17:18 Expected identifier but found whitespace
Line 17:20 Unexpected "{"
Line 17:30 Expected ":"
Line 18:13 Expected identifier but found whitespace
Line 18:15 Unexpected "{"
Line 18:25 Expected ":"
Line 19:16 Expected identifier but found whitespace
Line 19:18 Unexpected "{"
Line 19:28 Expected ":"
Line 20:17 Expected identifier but found whitespace
... and 5 more hidden warnings

**/
:root {
  --color-surface: {{ settings.color_surface | default: '#141414' }};
  --color-fg: {{ settings.color_foreground | default: '#f5f5f5' }};
  --color-muted: {{ settings.color_muted | default: '#9a9a9a' }};
  --color-accent: {{ settings.color_accent | default: '#e63946' }};
  --color-border: {{ settings.color_border | default: '#262626' }};
  --font-display:Helvetica, Arial, sans-serif !important;
  --font-body: 'Inter',  Helvetica, Arial, sans-serif !important;
  --container: 1400px;
  --header-height: 72px;
  --transition: 240ms cubic-bezier(.4,0,.2,1);
}

* { box-sizing: border-box; }

html, body,
h1, h2, h3, h4, h5, h6,
p, span, a, button,
input, textarea, select,
label, li, ul, ol {
  font-family: Helvetica, Arial, sans-serif !important;
}

html, body {
  margin: 0;
  padding: 0;
  background: var(--color-bg);
  color: var(--color-fg);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

html, body,
h1, h2, h3, h4, h5, h6,
p, span, a, button, input, textarea, select,
label, li, div {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  letter-spacing: 0.02em;
}

/* GLOBAL BACKGROUND */
body,
.site,
.page,
.main-content,
.shopify-section {
  background-color: #E8E8E8 !important;
}

/* HEADER */
header,
.site-header,
.header-wrapper {
  background-color: #E8E8E8 !important;
}

/* SECTIONS */
.section,
.shopify-section > div {
  background-color: #E8E8E8 !important;
}

img, svg, video { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, textarea, select { font-family: inherit; }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
}

.skip-to-content {
  position: absolute; left: -9999px; top: 0;
  background: var(--color-fg); color: var(--color-bg);
  padding: 12px 16px; z-index: 9999;
}
.skip-to-content:focus { left: 8px; top: 8px; }

.main-content { min-height: 60vh; padding-top: var(--header-height); }
.template-index .main-content { padding-top: 0; }

/* Ensure no horizontal scroll */
* {
  box-sizing: border-box;
}

html, body {
  overflow-x: hidden;
}

/* ===== Reveal ===== */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity 800ms ease, transform 800ms cubic-bezier(.2,.8,.2,1); }
.reveal.is-visible { opacity: 1; transform: none; }

/* ===== Utilities ===== */
.text-center { text-align: center; }
.mt-0 { margin-top: 0; }
.mt-2 { margin-top: 16px; }
.mt-4 { margin-top: 32px; }
.mb-2 { margin-bottom: 16px; }
.mb-4 { margin-bottom: 32px; }
.flex { display: flex; }
.gap-2 { gap: 16px; }
.hide { display: none !important; }