/** Shopify CDN: Minification failed

Line 875:0 Unexpected "}"

**/
/* =========================================================
   GOLD & DIAMOND GURU
   UNIVERSAL PAGE — HERO

   GDG PAGE COLOURS ONLY:
   BLACK + GOLD + WHITE
========================================================= */

.gdg-hero,
.gdg-hero * {
  box-sizing: border-box;
}


/* =========================================================
   SECTION
========================================================= */

.gdg-hero {
  --gdg-black: #03070d;
  --gdg-black-soft: #080d14;
  --gdg-gold: #d6aa5c;
  --gdg-gold-bright: #e2bc72;
  --gdg-white: #ffffff;
  --gdg-grey: rgba(255,255,255,.78);

  width: 100%;

  color: var(--gdg-white);

  background:
    radial-gradient(
      circle at 82% 30%,
      rgba(214,170,92,.08),
      transparent 30%
    ),
    var(--gdg-black);

  overflow: hidden;
}


/* =========================================================
   INNER HERO
========================================================= */

.gdg-hero__inner {
  position: relative;

  width: min(100%, 1280px);
  min-height: 520px;

  margin: 0 auto;

  overflow: hidden;

  display: flex;
  align-items: stretch;

  border-bottom: 1px solid rgba(214,170,92,.2);
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.gdg-hero__content {
  position: relative;
  z-index: 5;

  width: 55%;

  padding: 67px 20px 60px 58px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}


/* =========================================================
   BRAND NAME
========================================================= */

.gdg-hero__brand {
  max-width: 590px;

  margin: 0;

  color: #ffffff;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: clamp(49px, 5vw, 73px);
  font-weight: 800;

  line-height: .98;
  letter-spacing: -.035em;

  text-transform: uppercase;
}


/* =========================================================
   GOLD TAGLINE
========================================================= */

.gdg-hero__tagline {
  margin: 28px 0 0;

  color: var(--gdg-gold);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: clamp(26px, 2.6vw, 39px);
  font-weight: 700;

  line-height: 1.18;
  letter-spacing: -.02em;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.gdg-hero__description {
  max-width: 570px;

  margin: 25px 0 0;

  color: var(--gdg-grey);

  font-size: 17px;
  font-weight: 500;
  line-height: 1.6;
}


/* =========================================================
   BUTTONS
========================================================= */

.gdg-hero__buttons {
  display: flex;

  gap: 13px;

  margin-top: 30px;
}


.gdg-hero__button {
  min-height: 52px;

  padding: 0 24px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 9px;

  font-size: 13px;
  font-weight: 700;

  text-decoration: none !important;

  border-radius: 7px;

  transition:
    transform .2s ease,
    background .2s ease,
    border-color .2s ease;
}


.gdg-hero__button:hover {
  transform: translateY(-2px);
}


/* GOLD BUTTON */

.gdg-hero__button--gold {
  min-width: 180px;

  color: #070707 !important;

  background:
    linear-gradient(
      135deg,
      #e3bd72,
      #c99845
    );

  border: 1px solid #e3bd72;
}


/* BLACK OUTLINE BUTTON */

.gdg-hero__button--outline {
  min-width: 180px;

  color: #ffffff !important;

  background: rgba(0,0,0,.3);

  border: 1px solid rgba(214,170,92,.75);
}


.gdg-hero__button--outline svg {
  width: 18px;
  height: 18px;

  color: var(--gdg-gold);
}


/* =========================================================
   RIGHT PHOTO
========================================================= */

.gdg-hero__visual {
  position: absolute;

  z-index: 1;

  top: 0;
  right: 0;
  bottom: 0;

  width: 52%;

  overflow: hidden;

  background: #05080d;
}


.gdg-hero__image {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  /*
    Keeps head + torso visible.
    We can fine-tune this after seeing your photo.
  */
  object-position: 54% 22%;
}


/* =========================================================
   PHOTO → BLACK SEAMLESS FADE
========================================================= */

.gdg-hero__blend {
  position: absolute;

  z-index: 2;

  inset: 0;

  pointer-events: none;

  background:

    /* LEFT → RIGHT BLEND */

    linear-gradient(
      90deg,

      #03070d 0%,
      #03070d 40%,

      rgba(3,7,13,.97) 47%,
      rgba(3,7,13,.82) 54%,
      rgba(3,7,13,.53) 61%,
      rgba(3,7,13,.22) 69%,
      rgba(3,7,13,.05) 78%,
      transparent 87%
    ),

    /* BOTTOM DARKENING */

    linear-gradient(
      0deg,

      rgba(3,7,13,.60) 0%,
      transparent 32%
    );
}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 989px) {

  .gdg-hero__inner {
    min-height: 480px;
  }


  .gdg-hero__content {
    width: 61%;

    padding:
      52px
      15px
      48px
      35px;
  }


  .gdg-hero__brand {
    font-size: clamp(43px, 6.2vw, 58px);
  }


  .gdg-hero__tagline {
    margin-top: 23px;

    font-size: 27px;
  }


  .gdg-hero__description {
    max-width: 430px;

    margin-top: 20px;

    font-size: 14px;
  }


  .gdg-hero__visual {
    width: 55%;
  }

}


/* =========================================================
   MOBILE — VERY IMPORTANT
========================================================= */

@media screen and (max-width: 749px) {

  .gdg-hero__inner {
    min-height: 390px;
  }


  /* =========================
     PERSON ON RIGHT
  ========================= */

  .gdg-hero__visual {
    width: 55%;

    left: auto;
    right: 0;
  }


  .gdg-hero__image {
    object-position: 53% 20%;
  }


  /* =========================
     STRONG CLEAN MOBILE FADE
  ========================= */

  .gdg-hero__blend {

    background:

      linear-gradient(
        90deg,

        #03070d 0%,
        #03070d 34%,

        rgba(3,7,13,.98) 43%,
        rgba(3,7,13,.87) 52%,
        rgba(3,7,13,.62) 62%,
        rgba(3,7,13,.28) 73%,
        rgba(3,7,13,.06) 88%,
        transparent 100%
      ),

      linear-gradient(
        0deg,

        rgba(3,7,13,.55),
        transparent 33%
      );
  }


  /* =========================
     CONTENT
  ========================= */

  .gdg-hero__content {
    width: 65%;

    min-height: 390px;

    padding:
      31px
      3px
      29px
      18px;
  }


  /* =========================
     GOLD & DIAMOND GURU
  ========================= */

  .gdg-hero__brand {
    max-width: 250px;

    font-size: clamp(28px, 8vw, 38px);

    line-height: .97;

    letter-spacing: -.035em;
  }


  /* =========================
     TAGLINE
  ========================= */

  .gdg-hero__tagline {
    max-width: 230px;

    margin-top: 17px;

    font-size: clamp(17px, 4.9vw, 22px);

    line-height: 1.18;
  }


  /* =========================
     DESCRIPTION
  ========================= */

  .gdg-hero__description {
    max-width: 230px;

    margin-top: 15px;

    color: rgba(255,255,255,.82);

    font-size: 9.5px;

    line-height: 1.5;
  }


  /* =========================
     BUTTONS SIDE BY SIDE
  ========================= */

  .gdg-hero__buttons {
    width: 255px;

    margin-top: 19px;

    display: grid;

    grid-template-columns:
      1fr
      1.08fr;

    gap: 7px;
  }


  .gdg-hero__button {
    width: 100%;
    min-width: 0;

    min-height: 40px;

    padding: 0 8px;

    gap: 5px;

    font-size: 8.5px;

    border-radius: 5px;
  }


  .gdg-hero__button--outline svg {
    width: 14px;
    height: 14px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media screen and (max-width: 390px) {

  .gdg-hero__inner,
  .gdg-hero__content {
    min-height: 375px;
  }


  .gdg-hero__content {
    width: 67%;

    padding-left: 15px;
  }


  .gdg-hero__brand {
    font-size: 28px;
  }


  .gdg-hero__tagline {
    font-size: 17px;
  }


  .gdg-hero__description {
    max-width: 205px;

    font-size: 8.7px;
  }


  .gdg-hero__buttons {
    width: 235px;
  }

}
/* =========================================
   REDUCE HERO TOP + BOTTOM SPACE
========================================= */

.gdg-hero__inner {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

@media screen and (max-width: 749px) {
  .gdg-hero__inner {
    padding-top: 5px !important;
    padding-bottom: 20px !important;
  }
}
/* =========================================================
   GDG HERO — COMPACT HEIGHT
========================================================= */

.gdg-hero {
  min-height: 0 !important;
  height: auto !important;
}

.gdg-hero__inner {
  min-height: 620px !important;
  height: 620px !important;

  padding-top: 35px !important;
  padding-bottom: 30px !important;
}

/* Make content use the reduced height */
.gdg-hero__content {
  min-height: 0 !important;
  height: 100% !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 749px) {

  .gdg-hero__inner {
    min-height: 540px !important;
    height: 540px !important;

    padding-top: 22px !important;
    padding-bottom: 20px !important;
  }

}
/* =========================================================
   GDG HERO — COMPACT + SEAMLESS BLEND
========================================================= */

/* REMOVE FORCED HEIGHT */
.gdg-hero,
.gdg-hero__inner,
.gdg-hero__content {
  min-height: 0 !important;
  height: auto !important;
}


/* MAIN HERO */
.gdg-hero {
  position: relative;
  overflow: hidden;
}


/* INNER */
.gdg-hero__inner {
  position: relative;

  padding-top: 34px !important;
  padding-bottom: 34px !important;

  min-height: 0 !important;
}


/* CONTENT */
.gdg-hero__content {
  position: relative;
  z-index: 3;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* =========================================================
   SOFT LEFT → RIGHT BLEND
========================================================= */

.gdg-hero::after {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 2;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,

      #03070d 0%,
      #03070d 24%,

      rgba(3,7,13,.98) 34%,
      rgba(3,7,13,.92) 42%,
      rgba(3,7,13,.78) 50%,
      rgba(3,7,13,.55) 59%,
      rgba(3,7,13,.30) 68%,
      rgba(3,7,13,.10) 78%,
      rgba(3,7,13,0) 88%
    );
}


/* =========================================================
   IMAGE
========================================================= */

.gdg-hero__image,
.gdg-hero__media img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  object-position: 70% 0%;
}


/* =========================================================
   BUTTON AREA — REMOVE EXTRA SPACE
========================================================= */

.gdg-hero__buttons {
  margin-bottom: 0 !important;
}


/* =========================================================
   DESKTOP
========================================================= */

@media screen and (min-width: 750px) {

  .gdg-hero__inner {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 749px) {

  .gdg-hero__inner {
    padding-top: 22px !important;
    padding-bottom: 24px !important;
  }

  .gdg-hero::after {
    background:
      linear-gradient(
        90deg,

        #03070d 0%,
        #03070d 30%,

        rgba(3,7,13,.97) 40%,
        rgba(3,7,13,.86) 50%,
        rgba(3,7,13,.62) 61%,
        rgba(3,7,13,.35) 71%,
        rgba(3,7,13,.12) 82%,
        rgba(3,7,13,0) 92%
      );
  }

}
/* =========================================================
   CARAT LEGACY LOCKUP — REPLACES HERO BUTTONS ONLY
   ========================================================= */

.gdg-hero__caratlegacy {
  display: inline-flex;
  align-items: center;
  gap: 15px;

  margin-top: 30px;
  padding: 9px 0;

  color: #c5a46d;
}

/* Faceted C */
.gdg-hero__cl-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.gdg-hero__cl-icon img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;
}

.gdg-hero__cl-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* Small luxury divider */
.gdg-hero__cl-divider {
  width: 1px;
  height: 44px;
  background: rgba(197, 164, 109, 0.45);
}

/* Text */
.gdg-hero__cl-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
}

.gdg-hero__cl-name {
  color: #c5a46d;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1.8px;
  white-space: nowrap;
}

.gdg-hero__cl-tagline {
  margin-top: 7px;

  color: rgba(255, 255, 255, 0.78);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-style: italic;
  letter-spacing: 0.2px;
}


/* =========================
   MOBILE
   ========================= */

  @media screen and (max-width: 749px) {

  .gdg-hero__cl-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

}

  .gdg-hero__cl-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  .gdg-hero__cl-divider {
    height: 34px;
  }

  .gdg-hero__cl-name {
    font-size: 17px;
    letter-spacing: 1.2px;
  }

  .gdg-hero__cl-tagline {
    margin-top: 5px;
    font-size: 10px;
  }

}
/* =========================================
   CARAT LEGACY BRAND LOCKUP
   ========================================= */

.gdg-hero__caratlegacy {
  display: inline-flex;
  align-items: center;
  gap: 14px;

  margin-top: 28px;
  padding: 0;

  max-width: 100%;
}

.gdg-hero__cl-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.gdg-hero__cl-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gdg-hero__cl-divider {
  width: 1px;
  height: 45px;
  flex-shrink: 0;

  background: rgba(197, 164, 109, 0.45);
}

.gdg-hero__cl-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gdg-hero__cl-name {
  color: #c5a46d;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.5px;

  white-space: nowrap;
}

.gdg-hero__cl-tagline {
  margin-top: 6px;

  color: rgba(255, 255, 255, 0.72);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-style: italic;
  line-height: 1.2;
}


/* MOBILE */

@media screen and (max-width: 749px) {

  .gdg-hero__caratlegacy {
    margin-top: 20px;
    gap: 9px;
  }

  .gdg-hero__cl-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  .gdg-hero__cl-divider {
    height: 32px;
  }

  .gdg-hero__cl-name {
    font-size: 15px;
    letter-spacing: 1px;
  }

  .gdg-hero__cl-tagline {
    margin-top: 4px;
    font-size: 9px;
  }

}