/* 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/alberta-marketing-agency-homepage-hero-laptop-growth-dashboard.webp") !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 — 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;
  }
}

/* 2026-06-10 — luxury gold shimmer for only the hero phrase “impossible to ignore.”
   Each character uses a polished champagne highlight sweep, staggered left-to-right,
   with no background block behind the text and extra descender room for the final “g.” */
body.sgc-home-exact-reference .sgc-exact-hero-shimmer-phrase {
  position: absolute !important;
  left: 6.48% !important;
  top: 54.85% !important;
  z-index: 4 !important;
  display: inline-block !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(2.05rem, 5.05vw, 4.95rem) !important;
  font-weight: 700 !important;
  font-style: italic !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  padding: 0.04em 0.38em 0.36em 0.02em !important;
  color: #c79d5b !important;
  background: transparent !important;
  transform: translateZ(0) !important;
}

body.sgc-home-exact-reference .sgc-exact-hero-shimmer-letter {
  display: inline-block !important;
  color: transparent !important;
  background-image: linear-gradient(100deg, #6f4611 0%, #9f6d1f 18%, #c79d5b 34%, #ead18a 43%, #fff6cf 49%, #ffffff 50%, #fff0b8 52%, #d8ad59 62%, #b4822d 78%, #6f4611 100%) !important;
  background-size: 245% 100% !important;
  background-repeat: repeat-x !important;
  background-position: -170% center;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: sgcExactHeroLetterShine 2.65s cubic-bezier(0.42, 0, 0.18, 1) infinite !important;
  animation-delay: calc(var(--sgc-shimmer-step) * 0.055s) !important;
  animation-play-state: running !important;
  line-height: 1.18 !important;
  padding-bottom: 0.14em !important;
  margin-bottom: -0.14em !important;
  overflow: visible !important;
  vertical-align: baseline !important;
  filter: drop-shadow(0 1px 0 rgba(255, 246, 207, 0.18)) drop-shadow(0 7px 12px rgba(63, 37, 8, 0.22)) !important;
  will-change: background-position !important;
}

body.sgc-home-exact-reference .sgc-exact-hero-shimmer-space {
  display: inline-block !important;
  width: 0.24em !important;
}

@keyframes sgcExactHeroLetterShine {
  0% {
    background-position: -170% center;
  }
  42% {
    background-position: 40% center;
  }
  100% {
    background-position: 170% center;
  }
}

@media (max-width: 900px) {
  body.sgc-home-exact-reference .sgc-exact-hero-shimmer-phrase {
    left: 6.48% !important;
    top: 55.15% !important;
    font-size: clamp(1.12rem, 5.05vw, 3.9rem) !important;
    line-height: 1.18 !important;
    padding: 0.04em 0.38em 0.36em 0.02em !important;
  }
}

/* 2026-06-10 urgent mobile top-strip removal:
   The exact-reference Home hero is a desktop screenshot and contains the white
   desktop nav strip inside the image itself. At mobile widths, remove that
   screenshot-based hero and the empty top spacer, then restore the original
   mobile hero so only the hamburger menu appears above page content. */
@media (max-width: 768px) {
  body.sgc-home-exact-reference #root > section:first-child:empty {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.sgc-home-exact-reference #root .min-h-screen > .sgc-exact-reference-hero,
  body.sgc-home-exact-reference .sgc-exact-reference-hero {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
    background-image: none !important;
  }

  body.sgc-home-exact-reference #root .min-h-screen > section[data-sgc-replaced-by-exact-reference="true"],
  body.sgc-home-exact-reference #root .min-h-screen > section[style][data-sgc-replaced-by-exact-reference="true"],
  body.sgc-home-exact-reference .sgc-exact-reference-hero ~ section[data-sgc-replaced-by-exact-reference="true"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: min(88vh, 760px) !important;
    max-height: none !important;
    overflow: hidden !important;
    pointer-events: auto !important;
  }
}

/* 2026-06-11 final original-button-only fix: the Home hero background image is the only visible CTA design layer. Live CTA anchors remain transparent click/tap targets so no duplicate button visuals can render. */
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-header-book,
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,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-laptop-work {
  display: block !important;
  z-index: 40 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  text-indent: -9999px !important;
  outline: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-header-book::before,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-header-book::after,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-book::before,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-book::after,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-services::before,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-services::after,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-laptop-work::before,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-laptop-work::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0 !important;
  animation: none !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-header-book:hover,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-header-book:active,
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:active,
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:active,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-laptop-work:hover,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-laptop-work:active {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: none !important;
  transform: none !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-header-book:focus-visible,
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:focus-visible,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-laptop-work:focus-visible {
  outline: 2px solid rgba(220, 177, 92, 0.95) !important;
  outline-offset: 3px !important;
  border-radius: 999px !important;
}

/* 2026-06-11 — cleaned-background live CTA layer: old baked rectangular CTAs are removed from the hero image, then only these three real anchors render as lighter champagne-gold rounded pill buttons. The laptop-screen hotspot intentionally stays transparent so no laptop button appears. */
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-shiny-hero-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 45 !important;
  box-sizing: border-box !important;
  padding: 0 1.35em !important;
  border: 1px solid rgba(255, 239, 190, 0.68) !important;
  border-radius: 9999px !important;
  background-color: #d9ad54 !important;
  background-image:
    linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.38) 38%, rgba(255,255,255,0.92) 48%, rgba(255,255,255,0.28) 58%, rgba(255,255,255,0) 100%),
    linear-gradient(100deg, #bf852f 0%, #ddb258 18%, #f3d783 36%, #fff1b8 49%, #e8c16a 63%, #c78e34 82%, #a66b20 100%) !important;
  background-size: 240% 100%, 100% 100% !important;
  background-position: -135% center, center center !important;
  box-shadow: 0 16px 34px rgba(74, 41, 12, 0.28), inset 0 1px 0 rgba(255,255,255,0.72), inset 0 -1px 0 rgba(101, 58, 11, 0.2) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  cursor: pointer !important;
  filter: drop-shadow(0 8px 12px rgba(78, 48, 16, 0.18)) !important;
  font-family: 'Outfit', 'Raleway', sans-serif !important;
  font-size: clamp(0.52rem, 0.98vw, 1.02rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  opacity: 1 !important;
  overflow: hidden !important;
  text-align: center !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-shadow: 0 1px 0 rgba(98, 58, 12, 0.32) !important;
  text-transform: uppercase !important;
  transform: translateZ(0) !important;
  transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease, background-position 550ms ease !important;
  white-space: nowrap !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-shiny-hero-button::before {
  content: '' !important;
  position: absolute !important;
  inset: 8% 5% auto 5% !important;
  height: 42% !important;
  display: block !important;
  border-radius: 9999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.42), rgba(255,255,255,0.08)) !important;
  box-shadow: none !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-book::after,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-hero-services::after {
  content: ' →' !important;
  display: inline !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  animation: none !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-header-book {
  font-size: clamp(0.5rem, 0.92vw, 0.98rem) !important;
  letter-spacing: 0.15em !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-shiny-hero-button:hover,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-shiny-hero-button:active,
body.sgc-home-exact-reference .sgc-exact-reference-hotspot.sgc-exact-shiny-hero-button:focus-visible {
  background-position: 135% center, center center !important;
  box-shadow: 0 18px 38px rgba(74, 41, 12, 0.34), inset 0 1px 0 rgba(255,255,255,0.82), inset 0 -1px 0 rgba(101, 58, 11, 0.22) !important;
  filter: drop-shadow(0 10px 15px rgba(78, 48, 16, 0.22)) !important;
  transform: translate3d(0, -2px, 0) !important;
}


/* 2026-06-11 final live-pill correction: high-specificity override after all old suppression rules. The cleaned desktop image contains no baked CTA plates; these real anchors are the only visible buttons. */
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-header-book.sgc-exact-shiny-hero-button,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-book.sgc-exact-shiny-hero-button,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-services.sgc-exact-shiny-hero-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 65 !important;
  box-sizing: border-box !important;
  padding: 0 1.42em !important;
  border: 1px solid rgba(255, 244, 205, 0.78) !important;
  border-radius: 9999px !important;
  background-color: #e0b85e !important;
  background-image:
    linear-gradient(112deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.28) 34%, rgba(255,255,255,0.92) 49%, rgba(255,255,255,0.34) 61%, rgba(255,255,255,0) 100%),
    linear-gradient(100deg, #bd8735 0%, #ddb45c 18%, #f4d98b 38%, #fff0b7 51%, #edc970 64%, #ce963c 82%, #b17827 100%) !important;
  background-size: 250% 100%, 100% 100% !important;
  background-position: -145% center, center center !important;
  box-shadow: 0 14px 28px rgba(69, 41, 16, 0.24), inset 0 1px 0 rgba(255,255,255,0.78), inset 0 -1px 0 rgba(112, 70, 20, 0.2) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  cursor: pointer !important;
  filter: drop-shadow(0 7px 11px rgba(74, 47, 18, 0.17)) !important;
  font-family: 'Outfit', 'Raleway', sans-serif !important;
  font-size: clamp(0.52rem, 0.96vw, 1rem) !important;
  font-weight: 750 !important;
  letter-spacing: 0.155em !important;
  line-height: 1 !important;
  opacity: 1 !important;
  overflow: hidden !important;
  text-align: center !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-shadow: 0 1px 0 rgba(102, 63, 18, 0.28) !important;
  text-transform: uppercase !important;
  transform: translateZ(0) !important;
  white-space: nowrap !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-header-book.sgc-exact-shiny-hero-button::before,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-book.sgc-exact-shiny-hero-button::before,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-services.sgc-exact-shiny-hero-button::before {
  content: '' !important;
  position: absolute !important;
  inset: 9% 5.5% auto 5.5% !important;
  height: 41% !important;
  display: block !important;
  border-radius: 9999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.48), rgba(255,255,255,0.08)) !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-book.sgc-exact-shiny-hero-button::after,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-services.sgc-exact-shiny-hero-button::after {
  content: ' →' !important;
  display: inline !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  animation: none !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-header-book.sgc-exact-shiny-hero-button {
  font-size: clamp(0.5rem, 0.9vw, 0.96rem) !important;
  letter-spacing: 0.15em !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-laptop-work {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-indent: -9999px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-laptop-work::before,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-laptop-work::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 768px) {
  body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-header-book.sgc-exact-shiny-hero-button,
  body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-book.sgc-exact-shiny-hero-button,
  body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-services.sgc-exact-shiny-hero-button {
    pointer-events: none !important;
  }
}

/* 2026-06-11 — design-only champagne reference pill update for Home hero CTAs.
   Preserves all existing labels and hrefs; changes only the visible CTA treatment on desktop exact hero and restored mobile hero. */
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-header-book.sgc-exact-shiny-hero-button,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-book.sgc-exact-shiny-hero-button,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-services.sgc-exact-shiny-hero-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.58em !important;
  min-height: 0 !important;
  padding: 0 1.72em !important;
  border: 1px solid rgba(255, 244, 202, 0.92) !important;
  border-radius: 9999px !important;
  background-color: #e0ad33 !important;
  background-image:
    radial-gradient(120% 125% at 88% 18%, rgba(255, 255, 255, 0.96) 0%, rgba(255, 250, 233, 0.82) 18%, rgba(255, 244, 198, 0.34) 35%, rgba(255, 255, 255, 0) 54%),
    radial-gradient(115% 115% at 18% 16%, rgba(255, 251, 226, 0.88) 0%, rgba(246, 213, 122, 0.58) 32%, rgba(255, 255, 255, 0) 55%),
    linear-gradient(92deg, #d8a33b 0%, #f3cf69 34%, #e1aa2f 64%, #bc7920 100%) !important;
  background-size: 100% 100%, 100% 100%, 100% 100% !important;
  background-position: center center !important;
  box-shadow:
    0 18px 30px rgba(95, 64, 25, 0.28),
    0 8px 16px rgba(214, 165, 62, 0.2),
    inset 0 2px 1px rgba(255, 255, 255, 0.82),
    inset 0 -2px 4px rgba(128, 72, 12, 0.18) !important;
  color: #1c130f !important;
  -webkit-text-fill-color: #1c130f !important;
  filter: none !important;
  font-family: 'Outfit', 'Raleway', sans-serif !important;
  font-weight: 760 !important;
  letter-spacing: 0.17em !important;
  line-height: 1 !important;
  text-shadow: 0 1px 0 rgba(255, 246, 222, 0.42) !important;
  text-transform: uppercase !important;
  transform: translateZ(0) !important;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-header-book.sgc-exact-shiny-hero-button::before,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-book.sgc-exact-shiny-hero-button::before,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-services.sgc-exact-shiny-hero-button::before {
  content: '' !important;
  position: absolute !important;
  inset: 5% 4.5% auto 4.5% !important;
  height: 46% !important;
  display: block !important;
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-bottom: 0 !important;
  border-radius: 9999px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.19) 52%, rgba(255, 255, 255, 0) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  opacity: 0.9 !important;
  pointer-events: none !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-book.sgc-exact-shiny-hero-button::after,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-services.sgc-exact-shiny-hero-button::after,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-header-book.sgc-exact-shiny-hero-button::after {
  content: '→' !important;
  display: inline-block !important;
  margin-left: 0.18em !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1c130f !important;
  -webkit-text-fill-color: #1c130f !important;
  font-size: 1.28em !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  line-height: 0.78 !important;
  opacity: 1 !important;
  transform: translateY(-0.02em) !important;
  animation: none !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-header-book.sgc-exact-shiny-hero-button {
  font-size: clamp(0.49rem, 0.78vw, 0.86rem) !important;
  letter-spacing: 0.15em !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-book.sgc-exact-shiny-hero-button,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-hero-services.sgc-exact-shiny-hero-button {
  font-size: clamp(0.5rem, 0.84vw, 0.92rem) !important;
}

body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-shiny-hero-button:hover,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-shiny-hero-button:active,
body.sgc-home-exact-reference .sgc-exact-reference-hero .sgc-exact-reference-hotspot.sgc-exact-shiny-hero-button:focus-visible {
  background-position: center center !important;
  box-shadow:
    0 20px 34px rgba(95, 64, 25, 0.32),
    0 10px 18px rgba(214, 165, 62, 0.24),
    inset 0 2px 1px rgba(255, 255, 255, 0.88),
    inset 0 -2px 4px rgba(128, 72, 12, 0.2) !important;
  filter: saturate(1.03) brightness(1.015) !important;
  transform: translate3d(0, -1px, 0) !important;
}

@media (max-width: 768px) {
  body.sgc-home-exact-reference .sgc-mobile-home-hero a.sgc-luxury-cta,
  body.sgc-home-exact-reference .sgc-mobile-home-hero .sgc-luxury-cta,
  body.sgc-home-exact-reference .sgc-mobile-home-hero a.btn-primary-gold,
  body.sgc-home-exact-reference .sgc-mobile-home-hero a.btn-secondary-gold-outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.62rem !important;
    width: min(100%, 21.5rem) !important;
    min-height: 4.08rem !important;
    padding: 0 1.78rem !important;
    border: 1px solid rgba(255, 244, 202, 0.92) !important;
    border-radius: 9999px !important;
    background-color: #e0ad33 !important;
    background-image:
      radial-gradient(120% 125% at 88% 18%, rgba(255, 255, 255, 0.96) 0%, rgba(255, 250, 233, 0.82) 18%, rgba(255, 244, 198, 0.34) 35%, rgba(255, 255, 255, 0) 54%),
      radial-gradient(115% 115% at 18% 16%, rgba(255, 251, 226, 0.88) 0%, rgba(246, 213, 122, 0.58) 32%, rgba(255, 255, 255, 0) 55%),
      linear-gradient(92deg, #d8a33b 0%, #f3cf69 34%, #e1aa2f 64%, #bc7920 100%) !important;
    box-shadow:
      0 18px 30px rgba(18, 10, 6, 0.34),
      0 8px 16px rgba(214, 165, 62, 0.2),
      inset 0 2px 1px rgba(255, 255, 255, 0.82),
      inset 0 -2px 4px rgba(128, 72, 12, 0.18) !important;
    color: #1c130f !important;
    -webkit-text-fill-color: #1c130f !important;
    filter: none !important;
    font-family: 'Outfit', 'Raleway', sans-serif !important;
    font-size: 0.86rem !important;
    font-weight: 760 !important;
    letter-spacing: 0.17em !important;
    line-height: 1 !important;
    overflow: hidden !important;
    position: relative !important;
    text-shadow: 0 1px 0 rgba(255, 246, 222, 0.42) !important;
    text-transform: uppercase !important;
  }

  body.sgc-home-exact-reference .sgc-mobile-home-hero a.sgc-luxury-cta::before,
  body.sgc-home-exact-reference .sgc-mobile-home-hero .sgc-luxury-cta::before,
  body.sgc-home-exact-reference .sgc-mobile-home-hero a.btn-primary-gold::before,
  body.sgc-home-exact-reference .sgc-mobile-home-hero a.btn-secondary-gold-outline::before {
    content: '' !important;
    position: absolute !important;
    inset: 5% 4.5% auto 4.5% !important;
    height: 46% !important;
    display: block !important;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-bottom: 0 !important;
    border-radius: 9999px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.19) 52%, rgba(255, 255, 255, 0) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
    opacity: 0.9 !important;
    pointer-events: none !important;
  }

  body.sgc-home-exact-reference .sgc-mobile-home-hero a.sgc-luxury-cta::after,
  body.sgc-home-exact-reference .sgc-mobile-home-hero .sgc-luxury-cta::after,
  body.sgc-home-exact-reference .sgc-mobile-home-hero a.btn-primary-gold::after,
  body.sgc-home-exact-reference .sgc-mobile-home-hero a.btn-secondary-gold-outline::after {
    content: '→' !important;
    display: inline-block !important;
    margin-left: 0.18em !important;
    color: #1c130f !important;
    -webkit-text-fill-color: #1c130f !important;
    font-size: 1.24em !important;
    font-weight: 520 !important;
    letter-spacing: 0 !important;
    line-height: 0.78 !important;
    transform: translateY(-0.02em) !important;
  }
}

/* 2026-06-11 — final mobile-only Home hero CTA design override.
   Matches the requested champagne-gold pill treatment on both mobile hero buttons while preserving existing labels and hrefs. */
@media (max-width: 768px) {
  body.sgc-home-exact-reference #root .sgc-mobile-home-hero a.sgc-luxury-cta.btn-primary-gold,
  body.sgc-home-exact-reference #root .sgc-mobile-home-hero a.sgc-luxury-cta.btn-secondary-gold-outline,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero a.sgc-luxury-cta.btn-primary-gold,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero a.sgc-luxury-cta.btn-secondary-gold-outline {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.62rem !important;
    width: min(100%, 21.5rem) !important;
    min-height: 4.08rem !important;
    padding: 0 1.78rem !important;
    border: 1px solid rgba(255, 244, 202, 0.94) !important;
    border-radius: 9999px !important;
    background-color: #e0ad33 !important;
    background-image:
      radial-gradient(120% 125% at 88% 18%, rgba(255, 255, 255, 0.96) 0%, rgba(255, 250, 233, 0.82) 18%, rgba(255, 244, 198, 0.34) 35%, rgba(255, 255, 255, 0) 54%),
      radial-gradient(115% 115% at 18% 16%, rgba(255, 251, 226, 0.9) 0%, rgba(246, 213, 122, 0.58) 32%, rgba(255, 255, 255, 0) 55%),
      linear-gradient(92deg, #d8a33b 0%, #f3cf69 34%, #e1aa2f 64%, #bc7920 100%) !important;
    background-size: 100% 100%, 100% 100%, 100% 100% !important;
    background-position: center center !important;
    box-shadow:
      0 18px 30px rgba(18, 10, 6, 0.34),
      0 8px 16px rgba(214, 165, 62, 0.2),
      inset 0 2px 1px rgba(255, 255, 255, 0.82),
      inset 0 -2px 4px rgba(128, 72, 12, 0.18) !important;
    color: #1c130f !important;
    -webkit-text-fill-color: #1c130f !important;
    filter: none !important;
    font-family: 'Outfit', 'Raleway', sans-serif !important;
    font-size: 0.86rem !important;
    font-weight: 760 !important;
    letter-spacing: 0.17em !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255, 246, 222, 0.42) !important;
    text-transform: uppercase !important;
    transform: translateZ(0) !important;
    white-space: nowrap !important;
  }

  body.sgc-home-exact-reference #root .sgc-mobile-home-hero a.sgc-luxury-cta.btn-primary-gold::before,
  body.sgc-home-exact-reference #root .sgc-mobile-home-hero a.sgc-luxury-cta.btn-secondary-gold-outline::before,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero a.sgc-luxury-cta.btn-primary-gold::before,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero a.sgc-luxury-cta.btn-secondary-gold-outline::before {
    content: '' !important;
    position: absolute !important;
    inset: 5% 4.5% auto 4.5% !important;
    height: 46% !important;
    display: block !important;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-bottom: 0 !important;
    border-radius: 9999px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.19) 52%, rgba(255, 255, 255, 0) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
    opacity: 0.9 !important;
    pointer-events: none !important;
    transform: none !important;
    animation: none !important;
    z-index: 0 !important;
  }

  body.sgc-home-exact-reference #root .sgc-mobile-home-hero a.sgc-luxury-cta.btn-primary-gold::after,
  body.sgc-home-exact-reference #root .sgc-mobile-home-hero a.sgc-luxury-cta.btn-secondary-gold-outline::after,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero a.sgc-luxury-cta.btn-primary-gold::after,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero a.sgc-luxury-cta.btn-secondary-gold-outline::after {
    content: '→' !important;
    position: relative !important;
    inset: auto !important;
    display: inline-block !important;
    width: auto !important;
    margin-left: 0.18em !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #1c130f !important;
    -webkit-text-fill-color: #1c130f !important;
    font-size: 1.24em !important;
    font-weight: 520 !important;
    letter-spacing: 0 !important;
    line-height: 0.78 !important;
    opacity: 1 !important;
    pointer-events: none !important;
    transform: translateY(-0.02em) !important;
    animation: none !important;
    z-index: 1 !important;
  }
}

/* 2026-06-11 — preserve original mobile CTA content; do not add design-generated arrows. */
@media (max-width: 768px) {
  body.sgc-home-exact-reference #root .sgc-mobile-home-hero a.sgc-luxury-cta.btn-primary-gold::after,
  body.sgc-home-exact-reference #root .sgc-mobile-home-hero a.sgc-luxury-cta.btn-secondary-gold-outline::after,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero a.sgc-luxury-cta.btn-primary-gold::after,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero a.sgc-luxury-cta.btn-secondary-gold-outline::after {
    content: none !important;
    display: none !important;
  }
}

/* 2026-06-11 — mobile CTA bubble artifact fix: remove the inner highlight layer only; anchors, labels, hrefs, and button backgrounds remain intact. */
@media (max-width: 768px) {
  body.sgc-home-exact-reference #root .sgc-mobile-home-hero a.sgc-luxury-cta.btn-primary-gold::before,
  body.sgc-home-exact-reference #root .sgc-mobile-home-hero a.sgc-luxury-cta.btn-secondary-gold-outline::before,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero a.sgc-luxury-cta.btn-primary-gold::before,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero a.sgc-luxury-cta.btn-secondary-gold-outline::before {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 0 !important;
  }
}

/* 2026-06-11 — mobile Home edge-to-edge luxury gradient cleanup: inset text and stop headline clipping. */
@media (max-width: 768px) {
  body.sgc-home-exact-reference #root .sgc-mobile-home-hero,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero,
  body.sgc-home-exact-reference #root .min-h-screen > section[data-sgc-replaced-by-exact-reference="true"] {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: hidden !important;
  }

  body.sgc-home-exact-reference #root .sgc-mobile-home-hero .container,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero .container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.sgc-home-exact-reference #root .sgc-mobile-home-hero .max-w-3xl,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero .max-w-3xl {
    position: relative !important;
    isolation: isolate !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: clamp(2.72rem, 7.8vw, 3.55rem) 1.34rem 2.18rem 1.34rem !important;
    background: linear-gradient(160deg, #4E3A22 0%, #241910 45%, #100B06 100%) !important;
    background-color: #100B06 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.sgc-home-exact-reference #root .sgc-mobile-home-hero .max-w-3xl::before,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero .max-w-3xl::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: -40% !important;
    background: linear-gradient(115deg,
      transparent 30%,
      rgba(214, 178, 110, 0.10) 42%,
      rgba(255, 235, 190, 0.20) 50%,
      rgba(214, 178, 110, 0.10) 58%,
      transparent 70%) !important;
    animation: silkSweep 7s ease-in-out infinite !important;
    z-index: -1 !important;
    pointer-events: none !important;
  }

  body.sgc-home-exact-reference #root .sgc-mobile-home-hero .max-w-3xl::after,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero .max-w-3xl::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(ellipse 120% 90% at 50% 110%, rgba(0,0,0,0.55) 0%, transparent 60%) !important;
    z-index: -1 !important;
    pointer-events: none !important;
  }

  @keyframes silkSweep {
    0% { transform: translateX(35%); }
    55% { transform: translateX(-35%); }
    100% { transform: translateX(35%); }
  }

  body.sgc-home-exact-reference #root .sgc-mobile-home-hero .max-w-3xl > *,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero .max-w-3xl > * {
    position: relative !important;
    z-index: 1 !important;
  }

  body.sgc-home-exact-reference #root .sgc-mobile-home-hero h1,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 0.12em 0.36em 0 !important;
    overflow: visible !important;
    line-height: 1.1 !important;
    font-size: clamp(3.05rem, 13.05vw, 4.35rem) !important;
  }

  body.sgc-home-exact-reference #root .sgc-mobile-home-hero h1 em,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero h1 em {
    padding-bottom: 0.18em !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    line-height: 1.15 !important;
  }

  .shimmer-gold {
    background: linear-gradient(270deg, #C79D5B 0%, #F5E3B3 25%, #FFF7DC 50%, #F5E3B3 75%, #C79D5B 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: shimmerRTL 3s linear infinite;
    font-style: italic;
  }

  @keyframes shimmerRTL {
    0% { background-position: 200% center; }
    100% { background-position: -200% center; }
  }
}

/* 2026-06-11 — approved mobile hero image reveal: move the lower content boundary down only; do not alter image scale, crop, object position, CTAs, labels, or hrefs. */
@media (max-width: 768px) {
  body.sgc-home-exact-reference #root .sgc-mobile-home-hero .max-w-3xl,
  body.sgc-home-exact-reference main .sgc-mobile-home-hero .max-w-3xl,
  body.sgc-home-luxury-hero .sgc-mobile-home-hero .max-w-3xl,
  body:has(.sgc-mobile-home-hero) .sgc-mobile-home-hero .max-w-3xl {
    margin-top: 3.05rem !important;
  }
}