/* ============================================================
   DUO PANELS — READABILITY + POSITIONING POLISH
   Text-only refinement. Photography, crops, 50/50 split, section
   height, fonts, colors, and wording remain exactly as they are.
   ============================================================ */

/* ---------- COPY SPACING: more breathing room between lines ---------- */
.dartee-home .duosec__eyebrow,
.duosec__eyebrow {
  margin: 0 0 16px !important;
  text-shadow: 0 1px 4px rgba(8, 42, 36, 0.95), 0 0 18px rgba(8, 42, 36, 0.75) !important;
}

.dartee-home .duosec__title,
.duosec__title {
  margin: 0 !important;
  text-shadow: 0 2px 20px rgba(8, 42, 36, 0.85),
               0 1px 3px rgba(8, 42, 36, 0.9),
               0 0 44px rgba(8, 42, 36, 0.55) !important;
}

.dartee-home .duosec__cta,
.duosec__cta {
  margin-top: 24px !important;
  text-shadow: 0 1px 8px rgba(8, 42, 36, 0.85) !important;
}

.dartee-home .duosec__cta span,
.duosec__cta span {
  text-shadow: 0 1px 6px rgba(8, 42, 36, 0.95) !important;
}

/* ---------- RIGHT PANEL: shift copy group ~8% to the right ---------- */
.dartee-home .duosec__panel + .duosec__panel .duosec__copy,
.duosec__panel + .duosec__panel .duosec__copy {
  transform: translateX(8%) !important;
}

/* ---------- LOCALIZED READABILITY GRADIENTS BEHIND COPY GROUPS ---------- */
.dartee-home .duosec__copy,
.duosec__copy {
  position: absolute !important;
  z-index: 2 !important;
}

.dartee-home .duosec__copy::before,
.duosec__copy::before {
  content: "" !important;
  position: absolute !important;
  top: -42px !important;
  bottom: -42px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(560px, 100%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border-radius: 0 !important;
}

/* LEFT PANEL — tight localized veil directly behind the copy only, so the
   woven belt texture and buckle stay crisp and premium everywhere else */
.dartee-home .duosec__panel:first-child .duosec__copy::before,
.duosec__panel:first-child .duosec__copy::before {
  background: radial-gradient(
    ellipse 58% 62% at 50% 48%,
    rgba(8, 42, 36, 0.46) 0%,
    rgba(8, 42, 36, 0.26) 46%,
    rgba(8, 42, 36, 0) 78%
  ) !important;
  filter: blur(2px) !important;
}

/* RIGHT PANEL — same restraint; the golfer and blue sky stay photographic */
.dartee-home .duosec__panel + .duosec__panel .duosec__copy::before,
.duosec__panel + .duosec__panel .duosec__copy::before {
  background: radial-gradient(
    ellipse 58% 62% at 50% 48%,
    rgba(8, 42, 36, 0.60) 0%,
    rgba(8, 42, 36, 0.36) 48%,
    rgba(8, 42, 36, 0) 80%
  ) !important;
  filter: blur(2px) !important;
}

/* ---------- SUPPORTING PHOTO SCRIMS — minimal, edge-anchored only ---------- */
.dartee-home .duosec__panel:first-child .duosec__scrim,
.duosec__panel:first-child .duosec__scrim {
  background: linear-gradient(to bottom, rgba(8, 42, 36, 0.20) 0%, rgba(8, 42, 36, 0.07) 22%, rgba(8, 42, 36, 0) 42%) !important;
}

.dartee-home .duosec__panel + .duosec__panel .duosec__scrim,
.duosec__panel + .duosec__panel .duosec__scrim {
  background: linear-gradient(to top, rgba(8, 42, 36, 0.34) 0%, rgba(8, 42, 36, 0.16) 32%, rgba(8, 42, 36, 0) 58%) !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 860px) {
  .dartee-home .duosec__panel + .duosec__panel .duosec__copy,
  .duosec__panel + .duosec__panel .duosec__copy {
    transform: translateX(4%) !important;
  }

  .dartee-home .duosec__copy::before,
  .duosec__copy::before {
    width: min(380px, 100%) !important;
    top: -30px !important;
    bottom: -30px !important;
  }
}