/** Shopify CDN: Minification failed

Line 347:0 Expected "}" to go with "{"

**/
/* =============================================================
   SIGMA8 LABS — Custom CSS Variables & Base Styles
   File: sigma8-custom.css
   Version: 1.0 — March 2026

   This file defines all CSS custom properties for the Sigma8
   brand identity. All custom Liquid sections reference these
   variables — never raw hex codes.

   Source of truth: Sigma8 Website Color Strategy V2
   ============================================================= */

/* — Google Fonts Import — */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@400;600;700;&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* — CSS Custom Properties — */
:root {
  /* — Brand Accent — Fired Copper */
  --s8-copper: #D3441F;
  --s8-copper-hover: #E25E3A;
  --s8-copper-dark: #9C3015;
  --s8-copper-glow: rgba(211, 68, 31, 0.15);

  /* — Display Copper — logo, scores, accent text, card borders, headlines */
  --s8-display-copper: #C47041;
  --s8-metallic-display-copper: linear-gradient(to bottom, #8B4513, #C47041, #D4885A, #C47041, #8B4513);

  /* — Dark Backgrounds (Brand Sections) — */
  --s8-bg-dark: #111318;
  --s8-bg-dark-card: #1A1D24;
  --s8-bg-dark-hover: #22252E;

  /* — Backgrounds (Educational / Reading Surfaces) — */
  --s8-bg-primary: #F0F1F3;
  --s8-bg-white: #FFFFFF;
  --s8-bg-stone: #E4E5E8;
  --s8-bg-sand: #D8D9DC;

  /* — Text — */
  --s8-text-primary: #111111;
  --s8-text-secondary: #222222;
  --s8-text-body: #666666;
  --s8-text-muted: #999999;

  /* — Text on Dark — */
  --s8-text-on-dark: #E8E8EC;
  --s8-text-on-dark-secondary: #A0A0A6;
  --s8-text-on-dark-muted: #6B6B72;

  /* — Metallic System — */
  --s8-metallic-copper: linear-gradient(to bottom, #8B4513, #C47041, #D4885A, #C47041, #8B4513);
  --s8-metallic-steel: linear-gradient(180deg, #E8E8EC 0%, #D1D1D6 25%, #A0A0A6 50%, #8A8A90 75%, #B8B8BE 100%);
  --s8-metallic-brass: linear-gradient(180deg, #C9AD7A 0%, #A88B53 40%, #8A7040 60%, #C9AD7A 100%);

  /* — Borders & Rules — */
  --s8-rule: #2A2D35;
  --s8-rule-light: #E0E0E0;
  --s8-border-heavy: 2px solid var(--s8-copper);
  --s8-border-subtle: 1px solid var(--s8-rule);

  /* Override Craft theme cream → cool light gray */
  --color-background: 240, 241, 243;
}

/* =============================================================
   Site-wide background override
   (excludes footer color-scheme-4 which stays dark)
   ============================================================= */
body,
.color-scheme-1,
.color-scheme-2,
.color-scheme-3,
.color-scheme-5 {
  background-color: var(--s8-bg-primary) !important;
}

/* =============================================================
   HEADER — Dark nav bar (#0A0A0A)
   ============================================================= */
.header-wrapper.color-scheme-1 {
  background-color: #0A0A0A !important;
  border-bottom: 1px solid #2A2A2A !important;
}

.header__menu-item,
.header__menu-item span,
.header a,
.header .header__heading-link {
  color: #E8E8EC !important;
}

.header__menu-item:hover,
.header__menu-item:hover span,
.header a:hover {
  color: #D3441F !important;
}

.header__icon,
.header__icon svg,
.header__icon path {
  color: #E8E8EC !important;
  stroke: #E8E8EC !important;
}

.header__icon:hover,
.header__icon:hover svg {
  color: #D3441F !important;
  stroke: #D3441F !important;
}

.menu-drawer.color-scheme-1 {
  background-color: #0A0A0A !important;
}

.cart-notification.color-scheme-1 {
  background-color: #141414 !important;
}

/* =============================================================
   FOOTER — Restore dark background (#0A0A0A)
   ============================================================= */
.footer.color-scheme-4,
footer.color-scheme-4 {
  background-color: #0A0A0A !important;
}

.footer.color-scheme-4,
.footer.color-scheme-4 a,
.footer.color-scheme-4 .footer-block__heading,
.footer.color-scheme-4 p {
  color: rgba(232, 232, 236, 0.75) !important;
}

.footer.color-scheme-4 a:hover {
  color: #D3441F !important;
}

.s8-footer-bar {
  background-color: #0A0A0A !important;
}

.footer__sigma8-bar {
  font-size: 14px !important;
}

/* =============================================================
   HERO — 60/40 split layout
   ============================================================= */
/* =============================================================
   HERO — Diagonal split, image full-width underneath
   ============================================================= */
.s8-hero {
  display: block !important;
  position: relative !important;
  min-height: 440px;
  padding: 0 !important;
  background: #111111;
  overflow: hidden;
}

.s8-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.s8-hero__bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block;
}

.s8-hero__content {
  position: relative;
  z-index: 2;
  width: 52%;
  min-height: 440px;
  padding: 56px 140px 56px 72px !important;
  background: #111111;
  clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.s8-hero__headline-accent {
  font-size: clamp(48px, 5vw, 80px) !important;
}

/* Mobile — stack image above text, no diagonal */
@media screen and (max-width: 900px) {
  .s8-hero {
    min-height: unset;
  }
  .s8-hero__bg {
    position: relative !important;
    height: 240px;
  }
  .s8-hero__content {
    width: 100%;
    clip-path: none;
    padding: 48px 24px !important;
    min-height: unset;
  }
  .s8-hero__headline-accent {
    font-size: clamp(36px, 10vw, 64px) !important;
  }
}

/* Mobile — stack image above text */
@media screen and (max-width: 900px) {
  .s8-hero {
    grid-template-columns: 1fr;
    grid-template-rows: 280px auto;
    min-height: unset;
  }
  .s8-hero__bg { grid-column: 1; grid-row: 1; }
  .s8-hero__content {
  grid-column: 1;
  grid-row: 1;
  padding: 64px 72px !important;

  .s8-hero__content::after { display: none; }
  .s8-hero__headline-accent {
    font-size: clamp(36px, 10vw, 64px) !important;
  }
}

/* =============================================================
   BENCH CARDS — Copper gradient, text sizing & readability
   ============================================================= */
.s8-bench-card {
  background: var(--s8-metallic-copper) !important;
  border-left: 4px solid #D3441F !important;
  border-radius: 8px !important;
}

/* Stronger selectors to override Craft theme defaults */
.s8-bench-grid .s8-bench-card .s8-bench-card__num {
  font-size: 14px !important;
  color: #FFFFFF !important;
}

.s8-bench-grid .s8-bench-card .s8-bench-card__name {
  font-size: 20px !important;
  color: #FFFFFF !important;
}

.s8-bench-grid .s8-bench-card .s8-bench-card__desc {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 13px !important;
}

/* =============================================================
   PILLARS — Measure / Analyze / Learn section
   ============================================================= */
.s8-pillar__icon {
  font-size: 40px !important;
}

.s8-pillar__title {
  font-size: 20px !important;
}

.s8-pillar__body {
  font-size: 15px !important;
}

/* =============================================================
   EYEBROW LABELS — increase readability
   ============================================================= */
.main-page-title {
  display: none !important;
}

/* Eyebrow labels — stronger selectors to beat Craft theme */
body .s8-section-label,
body .s8-section-label--dark,
body .s8-about-hero__label,
body .s8-values__label,
body .s8-ref-hub__section-heading,
body .s8-8b-hero__label {
  font-size: 14px !important;
}

/* Product cards — warm gold gradient, rounded corners, bigger bench labels */
.s8-product-card {
  background: linear-gradient(to bottom, #EDE0CC, #D9CBAD, #E3D5B8, #D9CBAD, #EDE0CC) !important;
  border-radius: 8px !important;
}
.s8-product-card__bench {
  font-size: 14px !important;
}
.s8-product-card__price {
  color: #111111 !important;
}

/* Site-wide small font bump */
.s8-view-link {
  font-size: 14px !important;
}
.s8-btn-primary,
.s8-btn-secondary,
.s8-email__btn {
  font-size: 14px !important;
}
.s8-bench-card__desc,
.s8-product-card__tagline,
.s8-product-card__price,
.s8-btn-add {
  font-size: 13px !important;
}
.s8-hero__scroll,
.s8-email__fine {
  font-size: 12px !important;
}

/* =============================================================
   MOBILE — Responsive overrides
   ============================================================= */
@media (max-width: 768px) {
  .s8-hero__headline {
    font-size: clamp(32px, 10vw, 60px) !important;
  }
  .s8-hero__headline-accent {
    font-size: clamp(32px, 10vw, 60px) !important;
    white-space: normal !important;
  }
  .s8-hero__sub {
    white-space: normal !important;
    font-size: 14px !important;
  }
  .s8-hero {
    padding-bottom: 60px !important;
  }
}