/* ============================================================
   WARRANTY → STORY: premium polish pass only.
   Loaded after story-overlay.css. No redesign, no new UI.
   Tightens proportions, hierarchy, contrast, mascot scale, spacing.
   ============================================================ */

/* ---------- WARRANTY SECTION ---------- */
.dartee-home .warsec {
  padding: clamp(48px, 5.2vw, 82px) 20px !important;
  background: #082A24 !important;
  background-image: none !important;
}

.dartee-home .warsec__inner {
  max-width: 640px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Supporting copy: warmer cream, easier to read */
.dartee-home .warsec__sub,
.dartee-home .warsec p {
  color: rgba(244, 240, 230, 0.78) !important;
}

/* CTA: refined pink underline that stays close to the text */
.dartee-home .warsec__cta {
  display: inline-block !important;
  padding: 0 0 3px !important;
  border-bottom: 1px solid rgba(236, 77, 139, 0.85) !important;
  text-decoration: none !important;
}

/* Dart mascot: smaller, tucked lower-right as a subtle signature */
.dartee-home .warsec__dart {
  position: absolute !important;
  right: clamp(32px, 4.2vw, 64px) !important;
  bottom: clamp(24px, 2.5vw, 36px) !important;
  width: clamp(92px, 8.5vw, 152px) !important;
  height: auto !important;
  object-fit: contain !important;
  opacity: 0.9 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* ---------- STORY SECTION ---------- */
/* Hard, clean transition from green to photography: keep zero border */
.dartee-home .storysec {
  border-top: 0 !important;
  margin-top: 0 !important;
}

/* Reduce headline 15–20% so warranty stays the stronger statement */
.dartee-home .storysec__title,
.dartee-home .storysec__title span,
.dartee-home .storysec__accent {
  font-size: clamp(25px, 3.45vw, 44px) !important;
  line-height: 1.02 !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 900px) {
  .dartee-home .warsec {
    padding: clamp(40px, 5vw, 64px) 20px !important;
  }

  .dartee-home .warsec__dart {
    width: 24% !important;
    max-width: 110px !important;
    right: 16px !important;
    bottom: 18px !important;
    opacity: 0.88 !important;
  }

  .dartee-home .storysec__title,
  .dartee-home .storysec__title span,
  .dartee-home .storysec__accent {
    font-size: clamp(24px, 6.2vw, 36px) !important;
  }
}