/* 2026-06-03 exact uploaded hero reference implementation.
   The user supplied sharp-growth-hero-exact.html, whose visible body is a single full-viewport background image.
   This stylesheet applies that image as the Home above-the-fold source of truth and exposes real link regions via JS. */

body.sgc-home-exact-reference {
  background: #120c08 !important;
  overflow-x: hidden !important;
}

body.sgc-home-exact-reference header.fixed,
body.sgc-home-exact-reference header[class*="fixed"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero {
  position: relative !important;
  width: 100vw !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1672 / 941 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-color: #120c08 !important;
  background-image: url("images/sharp-growth-hero-exact-reference-20260603.png") !important;
  background-size: 100% 100% !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero + .sgc-mobile-home-hero,
body.sgc-home-exact-reference .sgc-exact-reference-hero ~ section.sgc-mobile-home-hero,
body.sgc-home-exact-reference .sgc-exact-reference-hero ~ section:first-of-type {
  display: none !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot {
  position: absolute !important;
  z-index: 5 !important;
  display: block !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot:focus-visible {
  outline: 2px solid rgba(220, 177, 92, 0.95) !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}

body.sgc-home-exact-reference .sgc-exact-home { left: 23.5%; top: 7.1%; width: 5.5%; height: 4.2%; }
body.sgc-home-exact-reference .sgc-exact-services { left: 31.0%; top: 7.1%; width: 7.2%; height: 4.2%; }
body.sgc-home-exact-reference .sgc-exact-work { left: 40.7%; top: 7.1%; width: 7.5%; height: 4.2%; }
body.sgc-home-exact-reference .sgc-exact-about { left: 50.0%; top: 7.1%; width: 6.8%; height: 4.2%; }
body.sgc-home-exact-reference .sgc-exact-packages { left: 59.4%; top: 7.1%; width: 8.8%; height: 4.2%; }
body.sgc-home-exact-reference .sgc-exact-contact { left: 68.0%; top: 7.1%; width: 7.5%; height: 4.2%; }
body.sgc-home-exact-reference .sgc-exact-header-book { left: 75.2%; top: 5.1%; width: 19.8%; height: 7.8%; }
body.sgc-home-exact-reference .sgc-exact-laptop-work { left: 49.6%; top: 38.1%; width: 8.7%; height: 4.7%; }
body.sgc-home-exact-reference .sgc-exact-hero-book { left: 6.5%; top: 77.5%; width: 18.7%; height: 7.4%; }
body.sgc-home-exact-reference .sgc-exact-hero-services { left: 26.3%; top: 77.5%; width: 16.8%; height: 7.4%; }

@media (max-width: 900px) {
  body.sgc-home-exact-reference .sgc-exact-reference-hero {
    width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1672 / 941 !important;
    background-size: 100% 100% !important;
    background-position: center top !important;
  }
}

/* 2026-06-03 — visible Work with Me hero CTA override.
   The exact-reference hero is a static image, so this targeted overlay replaces the old CTA label while keeping hotspot navigation real. */
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-book {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  color: #fffaf2 !important;
  background: linear-gradient(135deg, #d7aa4c 0%, #c7953b 48%, #a87524 100%) !important;
  border: 1px solid rgba(229, 186, 94, 0.62) !important;
  box-shadow: 0 14px 30px rgba(73, 42, 16, 0.18), inset 0 1px 0 rgba(255, 239, 196, 0.24) !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-size: clamp(0.46rem, 0.86vw, 0.88rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 1px rgba(43, 24, 13, 0.26) !important;
  transform: translateY(0) scale(1) !important;
  transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-book:hover,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-book:focus-visible {
  color: #fffaf2 !important;
  filter: brightness(1.04) saturate(1.04) !important;
  box-shadow: 0 18px 34px rgba(73, 42, 16, 0.24), inset 0 1px 0 rgba(255, 239, 196, 0.34) !important;
  transform: translateY(-2px) scale(1.012) !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-book:active {
  transform: translateY(-1px) scale(1.002) !important;
}

body.sgc-home-exact-reference .sgc-exact-home:hover,
body.sgc-home-exact-reference .sgc-exact-services:hover,
body.sgc-home-exact-reference .sgc-exact-work:hover,
body.sgc-home-exact-reference .sgc-exact-about:hover,
body.sgc-home-exact-reference .sgc-exact-packages:hover,
body.sgc-home-exact-reference .sgc-exact-contact:hover,
body.sgc-home-exact-reference .sgc-exact-home:focus-visible,
body.sgc-home-exact-reference .sgc-exact-services:focus-visible,
body.sgc-home-exact-reference .sgc-exact-work:focus-visible,
body.sgc-home-exact-reference .sgc-exact-about:focus-visible,
body.sgc-home-exact-reference .sgc-exact-packages:focus-visible,
body.sgc-home-exact-reference .sgc-exact-contact:focus-visible {
  border-bottom: 3px solid rgba(185, 138, 59, 0.94) !important;
  transform: translateY(-2px) scale(1.035) !important;
}

/* 2026-06-03 — matching Home hero button pair.
   Makes the Work with Me CTA and adjacent Services CTA share the same gold treatment. */
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-book,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-services {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  color: #fffaf2 !important;
  background: linear-gradient(135deg, #d7aa4c 0%, #c7953b 48%, #a87524 100%) !important;
  border: 1px solid rgba(229, 186, 94, 0.62) !important;
  box-shadow: 0 14px 30px rgba(73, 42, 16, 0.18), inset 0 1px 0 rgba(255, 239, 196, 0.24) !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-size: clamp(0.46rem, 0.86vw, 0.88rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 1px rgba(43, 24, 13, 0.26) !important;
  transform: translateY(0) scale(1) !important;
  transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-book:hover,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-book:focus-visible,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-services:hover,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-services:focus-visible {
  color: #fffaf2 !important;
  filter: brightness(1.04) saturate(1.04) !important;
  box-shadow: 0 18px 34px rgba(73, 42, 16, 0.24), inset 0 1px 0 rgba(255, 239, 196, 0.34) !important;
  transform: translateY(-2px) scale(1.012) !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-book:active,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-services:active {
  transform: translateY(-1px) scale(1.002) !important;
}

/* 2026-06-03 — requested no-underline title interaction for the exact-reference Home hero nav hotspots. */
body.sgc-home-exact-reference .sgc-exact-home,
body.sgc-home-exact-reference .sgc-exact-services,
body.sgc-home-exact-reference .sgc-exact-work,
body.sgc-home-exact-reference .sgc-exact-about,
body.sgc-home-exact-reference .sgc-exact-packages,
body.sgc-home-exact-reference .sgc-exact-contact {
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: color 180ms ease, transform 180ms ease, text-shadow 180ms ease, filter 180ms ease !important;
}

body.sgc-home-exact-reference .sgc-exact-home:hover,
body.sgc-home-exact-reference .sgc-exact-services:hover,
body.sgc-home-exact-reference .sgc-exact-work:hover,
body.sgc-home-exact-reference .sgc-exact-about:hover,
body.sgc-home-exact-reference .sgc-exact-packages:hover,
body.sgc-home-exact-reference .sgc-exact-contact:hover,
body.sgc-home-exact-reference .sgc-exact-home:focus-visible,
body.sgc-home-exact-reference .sgc-exact-services:focus-visible,
body.sgc-home-exact-reference .sgc-exact-work:focus-visible,
body.sgc-home-exact-reference .sgc-exact-about:focus-visible,
body.sgc-home-exact-reference .sgc-exact-packages:focus-visible,
body.sgc-home-exact-reference .sgc-exact-contact:focus-visible,
body.sgc-home-exact-reference .sgc-exact-home:active,
body.sgc-home-exact-reference .sgc-exact-services:active,
body.sgc-home-exact-reference .sgc-exact-work:active,
body.sgc-home-exact-reference .sgc-exact-about:active,
body.sgc-home-exact-reference .sgc-exact-packages:active,
body.sgc-home-exact-reference .sgc-exact-contact:active {
  border-bottom: 0 !important;
  box-shadow: none !important;
  color: var(--sgc-luxury-gold, #b98a3b) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.96), 0 8px 18px rgba(123, 77, 18, 0.28) !important;
  filter: drop-shadow(0 8px 10px rgba(70, 39, 15, 0.18)) !important;
  transform: translateY(-3px) scale(1.045) !important;
}

/* 2026-06-03 — final exact-reference mobile/desktop title interaction: remove gold line; use gold pop/shadow. */
body.sgc-home-exact-reference .sgc-exact-home,
body.sgc-home-exact-reference .sgc-exact-services,
body.sgc-home-exact-reference .sgc-exact-work,
body.sgc-home-exact-reference .sgc-exact-about,
body.sgc-home-exact-reference .sgc-exact-packages,
body.sgc-home-exact-reference .sgc-exact-contact {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: color 180ms ease, transform 180ms ease, text-shadow 180ms ease, filter 180ms ease !important;
}
body.sgc-home-exact-reference .sgc-exact-home::before,
body.sgc-home-exact-reference .sgc-exact-home::after,
body.sgc-home-exact-reference .sgc-exact-services::before,
body.sgc-home-exact-reference .sgc-exact-services::after,
body.sgc-home-exact-reference .sgc-exact-work::before,
body.sgc-home-exact-reference .sgc-exact-work::after,
body.sgc-home-exact-reference .sgc-exact-about::before,
body.sgc-home-exact-reference .sgc-exact-about::after,
body.sgc-home-exact-reference .sgc-exact-packages::before,
body.sgc-home-exact-reference .sgc-exact-packages::after,
body.sgc-home-exact-reference .sgc-exact-contact::before,
body.sgc-home-exact-reference .sgc-exact-contact::after {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  height: 0 !important;
  opacity: 0 !important;
  transform: none !important;
}
body.sgc-home-exact-reference .sgc-exact-home:hover,
body.sgc-home-exact-reference .sgc-exact-services:hover,
body.sgc-home-exact-reference .sgc-exact-work:hover,
body.sgc-home-exact-reference .sgc-exact-about:hover,
body.sgc-home-exact-reference .sgc-exact-packages:hover,
body.sgc-home-exact-reference .sgc-exact-contact:hover,
body.sgc-home-exact-reference .sgc-exact-home:focus-visible,
body.sgc-home-exact-reference .sgc-exact-services:focus-visible,
body.sgc-home-exact-reference .sgc-exact-work:focus-visible,
body.sgc-home-exact-reference .sgc-exact-about:focus-visible,
body.sgc-home-exact-reference .sgc-exact-packages:focus-visible,
body.sgc-home-exact-reference .sgc-exact-contact:focus-visible,
body.sgc-home-exact-reference .sgc-exact-home:active,
body.sgc-home-exact-reference .sgc-exact-services:active,
body.sgc-home-exact-reference .sgc-exact-work:active,
body.sgc-home-exact-reference .sgc-exact-about:active,
body.sgc-home-exact-reference .sgc-exact-packages:active,
body.sgc-home-exact-reference .sgc-exact-contact:active {
  color: #b98a3b !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.98), 0 10px 20px rgba(146, 107, 50, 0.26) !important;
  filter: drop-shadow(0 8px 10px rgba(73, 42, 16, 0.18)) !important;
  transform: translate3d(0, -3px, 0) scale(1.035) !important;
}
@media (max-width: 767px) {
  body.sgc-home-exact-reference .sgc-exact-home:hover,
  body.sgc-home-exact-reference .sgc-exact-services:hover,
  body.sgc-home-exact-reference .sgc-exact-work:hover,
  body.sgc-home-exact-reference .sgc-exact-about:hover,
  body.sgc-home-exact-reference .sgc-exact-packages:hover,
  body.sgc-home-exact-reference .sgc-exact-contact:hover,
  body.sgc-home-exact-reference .sgc-exact-home:focus-visible,
  body.sgc-home-exact-reference .sgc-exact-services:focus-visible,
  body.sgc-home-exact-reference .sgc-exact-work:focus-visible,
  body.sgc-home-exact-reference .sgc-exact-about:focus-visible,
  body.sgc-home-exact-reference .sgc-exact-packages:focus-visible,
  body.sgc-home-exact-reference .sgc-exact-contact:focus-visible,
  body.sgc-home-exact-reference .sgc-exact-home:active,
  body.sgc-home-exact-reference .sgc-exact-services:active,
  body.sgc-home-exact-reference .sgc-exact-work:active,
  body.sgc-home-exact-reference .sgc-exact-about:active,
  body.sgc-home-exact-reference .sgc-exact-packages:active,
  body.sgc-home-exact-reference .sgc-exact-contact:active {
    transform: translate3d(0, -2px, 0) scale(1.025) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.98), 0 8px 16px rgba(146, 107, 50, 0.24) !important;
    filter: drop-shadow(0 6px 8px rgba(73, 42, 16, 0.16)) !important;
  }
}