/* ============================================================
   DARTEE — BRAND STORY OVERLAY
   Full-bleed image with copy overlaid on the left/center,
   over the darker bridge/wood area. Localized gradient only
   behind the copy so the photograph keeps its natural light.
   ============================================================ */

.dartee-home .storysec {
  position: relative;
  min-height: clamp(520px, 78vh, 900px);
  overflow: hidden;
  background: #082A24 !important;
  border-top: 0 !important;
  padding: 0 !important;
}

/* No full-image overlay — the image stays untouched. */
.dartee-home .storysec::before {
  content: none !important;
  background: none !important;
}

.dartee-home .storysec__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
  height: 100%;
  border-radius: 0 !important;
}

.dartee-home .storysec__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
}

.dartee-home .storysec__copy {
  position: absolute;
  top: 50%;
  left: clamp(24px, 6vw, 100px);
  right: auto;
  transform: translateY(-50%);
  z-index: 2;
  max-width: 520px;
  padding: clamp(36px, 4vw, 64px) 0;
  color: #F4F0E6;
  text-align: left;
}

/* Very subtle, feathered darkening behind the content only. */
.dartee-home .storysec__copy::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -12%;
  right: -18%;
  bottom: -50%;
  z-index: -1;
  background: radial-gradient(
    ellipse 75% 90% at 35% 50%,
    rgba(8, 42, 36, 0.20) 0%,
    rgba(8, 42, 36, 0.10) 45%,
    rgba(8, 42, 36, 0) 70%
  );
  pointer-events: none;
  filter: blur(24px);
}

.dartee-home .storysec .storysec__eyebrow {
  color: #EC4D8B !important;
  margin-bottom: 14px;
}

.dartee-home .storysec .storysec__title,
.dartee-home .storysec .storysec__accent,
.dartee-home .storysec .storysec__title span {
  color: #F4F0E6 !important;
  font-size: clamp(30px, 4.2vw, 54px) !important;
}

.dartee-home .storysec .storysec__sub {
  color: rgba(244, 240, 230, .88) !important;
  max-width: 36ch;
}

.dartee-home .storysec .storysec__cta {
  color: #F4F0E6 !important;
  border-bottom-color: rgba(236, 77, 139, .65) !important;
}
.dartee-home .storysec .storysec__cta:hover {
  color: #EC4D8B !important;
  border-bottom-color: #EC4D8B !important;
}

@media (max-width: 860px) {
  .dartee-home .storysec {
    min-height: clamp(540px, 95vh, 720px);
  }
  .dartee-home .storysec__copy {
    top: auto;
    bottom: 6%;
    left: 0;
    right: 0;
    transform: none;
    max-width: none;
    width: 100%;
    padding: clamp(24px, 7vw, 40px) clamp(20px, 5vw, 32px);
    text-align: left;
  }
  .dartee-home .storysec__copy::before {
    top: -25%;
    left: -8%;
    right: -8%;
    bottom: -12%;
    background: radial-gradient(
      ellipse 110% 100% at 50% 100%,
      rgba(8, 42, 36, 0.16) 0%,
      rgba(8, 42, 36, 0.07) 45%,
      rgba(8, 42, 36, 0) 72%
    );
    filter: blur(26px);
  }
  .dartee-home .storysec__media img {
    object-position: center 35%;
  }
  .dartee-home .storysec .storysec__title,
  .dartee-home .storysec .storysec__title span {
    font-size: clamp(26px, 6.6vw, 40px) !important;
  }
}