/** Shopify CDN: Minification failed

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

**/
/* =================================================================
   CALIBRATE - Custom CSS overrides
   ================================================================= */


/* ----------------------------------------------------------------
   1. HERO - Bottom-left layout (AG1 / 8sleep style)
   ---------------------------------------------------------------- */

.calibrate-content-bl {
  place-self: end start;
  text-align: left;
  padding-bottom: 72px;
  padding-left: 80px;
  padding-right: 40px;
  max-width: 680px;
}

.calibrate-content-bl .prose {
  text-align: left;
}

.calibrate-content-bl .prose > div > p {
  font-family: var(--font-body-family) !important;
  font-weight: 300 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  opacity: 0.65 !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}

@media (max-width: 699px) {
  .calibrate-content-bl {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 48px;
    max-width: 100%;
  }
}


/* ----------------------------------------------------------------
   2. TICKER - Roboto Light
   ---------------------------------------------------------------- */

#shopify-section-ticker .scrolling-text__text {
  font-family: var(--font-body-family) !important;
  font-weight: 300 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}


/* ----------------------------------------------------------------
   3. HERO TAGLINE - Roboto Light, sentence case
   ---------------------------------------------------------------- */

#shopify-section-hero h3,
#shopify-section-hero .h3 {
  font-family: var(--font-body-family);
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  text-transform: none !important;
  font-size: clamp(0.9rem, 1.4vw, 1.35rem) !important;
}


/* ----------------------------------------------------------------
   4. BUTTONS - Gold shimmer on hover + slight rounding
   ---------------------------------------------------------------- */

.button {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  border-radius: 4px !important;
}

.button::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    105deg,
    transparent 15%,
    rgba(184, 150, 62, 0.5) 50%,
    transparent 85%
  ) !important;
  transform: translateX(-160%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  transition: none !important;
}

.button:hover::after {
  animation: calibrate-shimmer 0.65s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

@keyframes calibrate-shimmer {
  from { transform: translateX(-160%); }
  to   { transform: translateX(160%); }
}

.ing__shop-btn,
.waze-intro__cta {
  border-radius: 100px !important;
}


/* ----------------------------------------------------------------
   5. HERO SLIDER - Vertically centered content
   ---------------------------------------------------------------- */

.hs-content {
  align-self: center !important;
  padding-bottom: 0 !important;
}

@media (max-width: 699px) {
  .hs-content {
    padding-bottom: 0 !important;
  }
}


/* ----------------------------------------------------------------
   6. HEADER CTA - "Shop Wake" pill button
   ---------------------------------------------------------------- */

.calibrate-header-cta {
  display: inline-flex;
  align-items: center;
  padding: 13px 26px;
  border-radius: 100px;
  background: #d4546a;
  color: #fff !important;
  font-family: var(--font-body-family);
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration: none !important;
  transition: opacity 0.2s;
  white-space: nowrap;
}

.calibrate-header-cta:hover {
  opacity: 0.88;
}


/* ----------------------------------------------------------------
   7. HEADER NAV - Manrope, uppercase, underline hover, no dropdowns
   ---------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap');

.header__link-list a.bold,
.header__link-list summary.bold,
.header__link-list a.link-faded-reverse,
.header__link-list summary.link-faded-reverse {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: 1.5px solid transparent;
  padding-bottom: 2px;
  transition: border-color 0.18s ease, opacity 0.18s ease;
}
.header__link-list a.bold:hover,
.header__link-list a.link-faded-reverse:hover,
.header__link-list a.link-faded-reverse[aria-current="page"],
.header__link-list summary.bold:hover,
.header__link-list summary.link-faded-reverse:hover {
  border-bottom-color: currentColor;
  opacity: 1 !important;
}
.header__link-list .icon { display: none !important; }
.header__link-list details > :not(summary),
.header__link-list details[open] > :not(summary),
.header__link-list .dropdown-menu { display: none !important; }
.header__link-list details > summary { list-style: none; }
.header__link-list details > summary::marker,
.header__link-list details > summary::-webkit-details-marker { display: none; }

/* Kill the global mega-menu panel rendered by theme.liquid */
mega-menu { display: none !important; }

/* Kill custom Calibrate mega-menu panels (cmm-panel / cmm-backdrop) */
.cmm-panel, #cmm-backdrop { display: none !important; }


/* ----------------------------------------------------------------
   8. TICKER - Floating overlap / layered card over hero
   ---------------------------------------------------------------- */

#shopify-section-ticker {
  position: relative;
  z-index: 10;
  margin-top: -40px !important;
  box-shadow: 0 -12px 52px rgba(0, 0, 0, 0.20);
  border-top: 1.5px solid #b8963e;
}