/* ============================================================
   HOMEPAGE HERO — premium editorial refinement
   ============================================================ */

/* ---------- DESKTOP (>=901px) ---------- */
@media (min-width: 901px) {
  .dartee-home .hero {
    overflow: hidden !important;
  }

  /* Subtle local lift/contrast around the belt/buckle without brightening the whole image.
     A soft radial overlay sits on top of the photo but beneath the type. */
  .dartee-home .hero::after {
    background:
      radial-gradient(ellipse 56% 72% at 58% 52%, rgba(255,255,255,.09) 0%, rgba(255,255,255,0) 55%),
      linear-gradient(90deg, rgba(8,20,16,.58) 0%, rgba(8,20,16,.30) 34%, rgba(8,20,16,.06) 60%, rgba(8,20,16,0) 75%) !important;
    mix-blend-mode: soft-light !important;
  }

  .dartee-home .hero__grid {
    padding: 0 clamp(44px, 7vw, 110px) !important;
  }

  .dartee-home .hero__copy {
    max-width: 34ch !important;
    padding-left: clamp(20px, 4vw, 60px) !important;
  }

  .dartee-home .hero h1 {
    order: 2 !important;
    font-size: clamp(50px, 5.2vw, 74px) !important; /* ~12% smaller than previous clamp(58px, 6vw, 88px) */
    line-height: .92 !important;
    letter-spacing: -.005em !important;
    margin: 0 !important;
    max-width: none !important;
    color: #f3efe6 !important;
    text-transform: uppercase !important;
    text-shadow: 0 3px 26px rgba(0,0,0,.5) !important;
  }

  .dartee-home .hero__lead { display: none !important; }

  .dartee-home .hero__cta {
    order: 3 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 24px !important;
    margin-top: 38px !important;
  }

  /* Primary: dark green filled button */
  .dartee-home .hero__cta .hero__cta--primary {
    background: #0b211b !important;
    color: #f3efe6 !important;
    border: 1px solid #0b211b !important;
    border-radius: 2px !important;
    padding: 16px 32px !important;
    min-height: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-size: 12.5px !important;
    letter-spacing: .14em !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease !important;
  }
  .dartee-home .hero__cta .hero__cta--primary:hover {
    background: #f3efe6 !important;
    color: #0b211b !important;
    border-color: #f3efe6 !important;
  }

  /* Secondary: editorial text link with thin pink underline */
  .dartee-home .hero__cta .hero__cta--ghost {
    background: none !important;
    border: 0 !important;
    border-bottom: 1px solid #e85190 !important;
    border-radius: 0 !important;
    padding: 0 0 4px !important;
    min-height: 0 !important;
    box-shadow: none !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.5) !important;
    color: #f3efe6 !important;
    font-size: 12px !important;
    letter-spacing: .16em !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    transition: color .2s ease, border-color .2s ease !important;
  }
  .dartee-home .hero__cta .hero__cta--ghost:hover {
    color: #e85190 !important;
    border-bottom-color: #f3efe6 !important;
  }

  .dartee-home .hero__proof {
    order: 4 !important;
    margin: 24px 0 0 !important;
    color: rgba(243,239,230,.88) !important;
    font-size: 11px !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 14px rgba(0,0,0,.55) !important;
  }

  .dartee-home .hero__badge { display: none !important; }
}

/* ---------- MOBILE (<=900px) campaign banner ---------- */
@media (max-width: 900px) {
  .dartee-home .hero::after {
    background:
      radial-gradient(ellipse 60% 56% at 50% 54%, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 55%),
      linear-gradient(180deg, rgba(8,20,16,.32) 0%, rgba(8,20,16,.36) 40%, rgba(8,20,16,.12) 72%, rgba(8,20,16,0) 100%) !important;
    mix-blend-mode: soft-light !important;
  }

  .dartee-home .hero__copy {
    max-width: 28ch !important;
    text-align: center !important;
    align-items: center !important;
  }

  .dartee-home .hero h1 {
    font-size: clamp(38px, 11.7vw, 58px) !important; /* ~10% smaller */
    line-height: .92 !important;
    letter-spacing: -.005em !important;
    max-width: none !important;
  }

  .dartee-home .hero__cta {
    flex-direction: column !important;
    align-items: center !important;
    gap: 18px !important;
    margin-top: 32px !important;
  }

  .dartee-home .hero__cta .hero__cta--primary {
    background: #0b211b !important;
    color: #f3efe6 !important;
    border-color: #0b211b !important;
    border-radius: 2px !important;
    padding: 15px 28px !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-shadow: none !important;
    min-height: 0 !important;
  }
  .dartee-home .hero__cta .hero__cta--primary:hover {
    background: #f3efe6 !important;
    color: #0b211b !important;
    border-color: #f3efe6 !important;
  }

  .dartee-home .hero__cta .hero__cta--ghost {
    background: none !important;
    border: 0 !important;
    border-bottom: 1px solid #e85190 !important;
    border-radius: 0 !important;
    padding: 0 0 4px !important;
    color: #f3efe6 !important;
    font-size: 11.5px !important;
    letter-spacing: .16em !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.5) !important;
  }
  .dartee-home .hero__cta .hero__cta--ghost:hover {
    color: #e85190 !important;
  }

  .dartee-home .hero__proof {
    margin-top: 20px !important;
    font-size: 10.5px !important;
    letter-spacing: .16em !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.55) !important;
  }
}

/* ---------- SMALL MOBILE ---------- */
@media (max-width: 480px) {
  .dartee-home .hero h1 {
    font-size: clamp(34px, 12.5vw, 44px) !important;
    line-height: .93 !important;
  }
}