/* ============================================================
   DARTEE — EFFORTLESS (loaded last)
   A subtraction pass. No new sections, colors, fonts or motifs.
   Quieter backgrounds, one CTA language, one type hierarchy,
   three spacing tiers, tighter radius, scarcer pink.
   ============================================================ */

.dartee-home {
  --e-cream: #F4F0E6;
  --e-cream-2: #EAE4D8;
  --e-white: #FCFBF7;
  --e-green: #082A24;
  --e-pink: #EC4D8B;
  --e-body: #33463F;
  --e-hair: rgba(8,42,36,.12);

  /* three spacing tiers */
  --e-band-major: clamp(84px, 9vw, 132px);
  --e-band-shop: clamp(60px, 6vw, 92px);
  --e-band-trust: clamp(44px, 4.5vw, 66px);
}

/* ============================================================
   1. BACKGROUNDS — let photography carry the texture.
   Pinstripes stay only on the header/announce chrome and the
   Muni campaign. Everything else becomes clean warm cream.
   ============================================================ */
.dartee-home .section.feat::before,
.dartee-home .wtdsec::before,
.dartee-home .collsec::before,
.dartee-home .marksec::before,
.dartee-home .section.founders::before,
.dartee-home .section.guarantee::before,
.dartee-home .kitsec::before,
.dartee-home .section.faq::before,
.dartee-home .section.emailcap::before,
.dartee-home .storysec::before,
.dartee-home .proofstrip::before {
  content: none !important;
  background: none !important;
  display: none !important;
}

.dartee-home .section.feat,
.dartee-home .wtdsec,
.dartee-home .collsec,
.dartee-home .marksec,
.dartee-home .section.founders,
.dartee-home .kitsec,
.dartee-home .storysec {
  background-color: var(--e-cream) !important;
  background-image: none !important;
}
.dartee-home .section.guarantee,
.dartee-home .section.faq {
  background-color: var(--e-white) !important;
  background-image: none !important;
}
.dartee-home .section.emailcap.emailcap--v2 {
  background-color: var(--e-cream) !important;
  background-image: none !important;
}

/* remove leftover decorative rules / grain overlays */
.dartee-home .section.feat::after,
.dartee-home .collsec::after,
.dartee-home .marksec::after,
.dartee-home .kitsec::after,
.dartee-home .section.founders::after,
.dartee-home .section.faq::after,
.dartee-home .storysec::after {
  content: none !important;
  background: none !important;
}

/* ============================================================
   2. RADIUS AUDIT — architectural, not app-like
   ============================================================ */
.dartee-home .section,
.dartee-home .wrap,
.dartee-home .founders-card,
.dartee-home .wtdsec,
.dartee-home .munisec,
.dartee-home .collsec,
.dartee-home .marksec,
.dartee-home .kitsec,
.dartee-home .storysec,
.dartee-home .closer,
.dartee-home .videoband__frame,
.dartee-home .reviews-summary {
  border-radius: 0 !important;
}
.dartee-home .feat-card__media,
.dartee-home .coll-tile,
.dartee-home .kit-tile,
.dartee-home .marksec__media img,
.dartee-home .wtdsec__media img,
.dartee-home .storysec__media img { border-radius: 3px !important; }
.dartee-home .lifesec__img,
.dartee-home .munisec__media img { border-radius: 0 !important; }

/* fewer boxes: strip stray borders/shadows from cream blocks */
.dartee-home .founders-card,
.dartee-home .reviews-summary,
.dartee-home .feat-card,
.dartee-home .coll-tile,
.dartee-home .kit-tile {
  box-shadow: none !important;
}
.dartee-home .founders-card { border: 0 !important; background: transparent !important; }

/* ============================================================
   3. SPACING TIERS
   ============================================================ */
/* major campaign moments */
.dartee-home .wtdsec,
.dartee-home .munisec,
.dartee-home .closer.closer--v2 {
  padding-top: var(--e-band-major) !important;
  padding-bottom: var(--e-band-major) !important;
}
/* merchandising */
.dartee-home .section.feat,
.dartee-home .collsec,
.dartee-home .marksec,
.dartee-home .kitsec {
  padding-top: var(--e-band-shop) !important;
  padding-bottom: var(--e-band-shop) !important;
}
/* trust / support / signup — compact */
.dartee-home .section.guarantee,
.dartee-home .section.faq,
.dartee-home .section.emailcap.emailcap--v2,
.dartee-home .warsec,
.dartee-home .section.founders {
  padding-top: var(--e-band-trust) !important;
  padding-bottom: var(--e-band-trust) !important;
}
/* photo-led sections stay flush */
.dartee-home .storysec,
.dartee-home .lifesec { padding-top: 0 !important; }

/* ============================================================
   4. TYPE HIERARCHY — one voice
   ============================================================ */
.dartee-home .eyebrow,
.dartee-home .kicker,
.dartee-home .lifesec__eyebrow,
.dartee-home .munisec__eyebrow,
.dartee-home .wtdsec__eyebrow,
.dartee-home .marksec__eyebrow,
.dartee-home .storysec__eyebrow,
.dartee-home .collsec__eyebrow,
.dartee-home .warsec__eyebrow {
  font-family: "Archivo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  letter-spacing: .26em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  color: var(--e-pink) !important;
  margin: 0 0 14px !important;
}
/* eyebrows on deep green keep pink; on photography stay cream for legibility */
.dartee-home .lifesec__eyebrow,
.dartee-home .videoband__content .eyebrow { color: #F4F0E6 !important; }

.dartee-home .display,
.dartee-home .wtdsec__title,
.dartee-home .munisec__title,
.dartee-home .marksec__title,
.dartee-home .storysec__title,
.dartee-home .collsec__title,
.dartee-home .kitsec__title,
.dartee-home .warsec__title,
.dartee-home .closer__title,
.dartee-home .lifesec__title {
  line-height: 1.0 !important;
  letter-spacing: -.005em !important;
  text-wrap: balance;
}

.dartee-home .section p,
.dartee-home .wtdsec p,
.dartee-home .munisec p,
.dartee-home .marksec__sub,
.dartee-home .storysec__sub {
  line-height: 1.6 !important;
  color: var(--e-body);
}
.dartee-home .munisec__sub,
.dartee-home .wtdsec__lead,
.dartee-home .section__intro,
.dartee-home .section > .wrap > p { max-width: 52ch !important; }

/* ============================================================
   5. PINK DIET — accent only
   ============================================================ */
.dartee-home .marksec__accent,
.dartee-home .storysec__accent,
.dartee-home .warsec__accent { color: inherit !important; }
.dartee-home .feat-card__tag {
  background: transparent !important;
  color: var(--e-green) !important;
  border: 1px solid var(--e-hair) !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 9px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  padding: 5px 8px !important;
  border-radius: 2px !important;
}
.dartee-home .feat-card[data-set="best"] .feat-card__tag { display: none !important; }
.dartee-home .munisec__rule,
.dartee-home .quotebreak__rule { background: var(--e-pink) !important; }

/* ============================================================
   6. CTA SYSTEM — primary button, secondary link, editorial link
   ============================================================ */
.dartee-home .btn,
.dartee-home a.btn,
.dartee-home button.btn,
.dartee-home .emailcap__btn {
  border-radius: 2px !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  min-height: 48px;
  box-shadow: none !important;
}
.dartee-home .btn--gold,
.dartee-home .btn--primary,
.dartee-home .emailcap__btn {
  background: var(--e-green) !important;
  color: var(--e-cream) !important;
  border: 1px solid var(--e-green) !important;
}
.dartee-home .btn--gold:hover,
.dartee-home .btn--primary:hover,
.dartee-home .emailcap__btn:hover { background: #0B3A31 !important; }
.dartee-home .btn--outline {
  background: transparent !important;
  color: var(--e-green) !important;
  border: 1px solid var(--e-hair) !important;
}
.dartee-home .btn--outline:hover {
  background: var(--e-green) !important;
  color: var(--e-cream) !important;
  border-color: var(--e-green) !important;
}

/* editorial text links: one typography, one underline, one hover */
.dartee-home .lifesec__cta,
.dartee-home .munisec__cta,
.dartee-home .wtdsec__cta,
.dartee-home .marksec__cta,
.dartee-home .storysec__cta,
.dartee-home .warsec__cta,
.dartee-home .collsec__link,
.dartee-home .kitsec__link,
.dartee-home .closer__cta,
.dartee-home .feat-shopall {
  display: inline-block !important;
  width: auto !important;
  max-width: max-content !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  padding: 0 0 6px !important;
  min-height: 0 !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  transition: opacity .2s ease !important;
}
.dartee-home .lifesec__cta:hover,
.dartee-home .munisec__cta:hover,
.dartee-home .wtdsec__cta:hover,
.dartee-home .marksec__cta:hover,
.dartee-home .storysec__cta:hover,
.dartee-home .warsec__cta:hover,
.dartee-home .collsec__link:hover,
.dartee-home .kitsec__link:hover,
.dartee-home .closer__cta:hover,
.dartee-home .feat-shopall:hover { opacity: .65 !important; }

/* ============================================================
   7. MORE THAN A BELT — lifestyle first, compact benefits
   ============================================================ */
.dartee-home .wtdsec__benefits {
  border: 0 !important;
  background: none !important;
  gap: clamp(14px, 2vw, 26px) !important;
}
.dartee-home .wtdsec__benefit {
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--e-hair) !important;
  border-radius: 0 !important;
  padding: 12px 0 0 !important;
  box-shadow: none !important;
}
.dartee-home .wtdsec__btitle {
  font-size: clamp(15px, 1.4vw, 18px) !important;
  margin: 0 0 4px !important;
  letter-spacing: .02em !important;
}
.dartee-home .wtdsec__btext { font-size: 13px !important; line-height: 1.45 !important; }

/* ============================================================
   8. MERCHANDISING CLARITY
   ============================================================ */
.dartee-home .feat-card__name {
  font-family: "Archivo", sans-serif !important;
  font-weight: 900 !important;
  font-size: 14.5px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: var(--e-green) !important;
  margin-top: 14px !important;
}
.dartee-home .feat-card__price {
  font-family: "Archivo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  color: var(--e-body) !important;
  font-variant-numeric: tabular-nums;
}
.dartee-home .feat-toggle button {
  border-radius: 2px !important;
  font-family: "Archivo", sans-serif !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   9. REVIEWS — one credible summary
   ============================================================ */
.dartee-home .reviews-summary .num { color: var(--e-green) !important; }
.dartee-home .reviews-summary .meta { letter-spacing: .02em; }

/* ============================================================
   10. WARRANTY / DART — rare and intentional
   ============================================================ */
.dartee-home .warsec { background-color: var(--e-green) !important; background-image: none !important; }
.dartee-home .warsec::before,
.dartee-home .warsec::after { content: none !important; background: none !important; }

/* ============================================================
   11. CLOSING SEQUENCE — typography and negative space only
   ============================================================ */
.dartee-home .closer.closer--v2 {
  background-color: var(--e-green) !important;
  background-image: none !important;
}
.dartee-home .closer__sig blockquote { border: 0 !important; }
.dartee-home .closer__pin { color: var(--e-pink) !important; }

/* ============================================================
   12. NEWSLETTER — refined, quiet
   ============================================================ */
.dartee-home .emailcap.emailcap--v2 input[type="email"] {
  background: var(--e-white) !important;
  border: 1px solid var(--e-hair) !important;
  border-radius: 2px !important;
  min-height: 50px;
  box-shadow: none !important;
}
.dartee-home .emailcap__fine { font-size: 11px !important; opacity: .68; }

/* ============================================================
   13. FAQ — compact hairline list
   ============================================================ */
.dartee-home .faq__item {
  border-top: 1px solid var(--e-hair) !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
.dartee-home .faq__list > .faq__item:last-child { border-bottom: 1px solid var(--e-hair) !important; }
.dartee-home .faq__item summary { padding: 18px 0 !important; }
.dartee-home .faq__item p { padding-bottom: 16px !important; max-width: 62ch; }

/* ============================================================
   14. MOBILE — cleaner than desktop, one focal point per screen
   ============================================================ */
@media (max-width: 900px) {
  .dartee-home {
    --e-band-major: 64px;
    --e-band-shop: 48px;
    --e-band-trust: 38px;
  }
  .dartee-home .eyebrow,
  .dartee-home .kicker,
  .dartee-home .munisec__eyebrow,
  .dartee-home .wtdsec__eyebrow,
  .dartee-home .marksec__eyebrow,
  .dartee-home .storysec__eyebrow,
  .dartee-home .collsec__eyebrow { font-size: 9.5px !important; letter-spacing: .24em !important; margin-bottom: 10px !important; }

  .dartee-home .display,
  .dartee-home .wtdsec__title,
  .dartee-home .munisec__title,
  .dartee-home .marksec__title,
  .dartee-home .storysec__title { line-height: 1.02 !important; }

  .dartee-home .section p,
  .dartee-home .munisec__sub,
  .dartee-home .wtdsec__lead { max-width: none !important; }

  .dartee-home .btn,
  .dartee-home a.btn,
  .dartee-home .emailcap__btn { width: 100% !important; min-height: 50px; }

  /* editorial links never become full-width blocks on mobile */
  .dartee-home .lifesec__cta,
  .dartee-home .munisec__cta,
  .dartee-home .wtdsec__cta,
  .dartee-home .marksec__cta,
  .dartee-home .storysec__cta,
  .dartee-home .warsec__cta,
  .dartee-home .collsec__link,
  .dartee-home .kitsec__link,
  .dartee-home .closer__cta { width: auto !important; }

  .dartee-home .wtdsec__benefits {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .dartee-home .wtdsec__benefit { padding-top: 10px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .dartee-home * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ============================================================
   15. FINAL PINK AUDIT — no pink fills on commerce buttons.
   Pink survives only as eyebrows, hairlines, the closing pin
   line, focus states and the single play accent.
   ============================================================ */
.dartee-home .hero__cta .btn--primary,
.dartee-home .emailcap button,
.dartee-home .emailcap__btn,
.dartee-home .stickybar__cta,
.dartee-home .stickybar .btn,
.dartee-home .feat-card__add {
  background: var(--e-green) !important;
  border-color: var(--e-green) !important;
  color: var(--e-cream) !important;
}
.dartee-home #best-sellers .feat-card__add {
  background: var(--e-white) !important;
  color: var(--e-green) !important;
  border: 1px solid var(--e-hair) !important;
  box-shadow: none !important;
  border-radius: 2px !important;
}
.dartee-home a:focus-visible,
.dartee-home button:focus-visible,
.dartee-home input:focus-visible,
.dartee-home summary:focus-visible {
  outline: 2px solid var(--e-pink) !important;
  outline-offset: 3px !important;
}

/* ============================================================
   16. COLLECTION TILES — image, name, one quiet note
   ============================================================ */
.dartee-home .edcoll__note {
  color: rgba(244,240,230,.72) !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 9.5px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}
.dartee-home .edcoll__tile { border-radius: 3px !important; }

/* 17. adjacent cream sections share one breath, not two */
.dartee-home .collsec { padding-bottom: calc(var(--e-band-shop) * .55) !important; }
.dartee-home .marksec { padding-top: calc(var(--e-band-shop) * .55) !important; }
.dartee-home .section.founders { padding-top: calc(var(--e-band-trust) * .8) !important; }

/* 18. white-studio product shots settle into the cream canvas */
.dartee-home .marksec__media img { mix-blend-mode: multiply; }

/* 19. Muni: one hero message, mantra in brand green */
.dartee-home .munisec__mantra span { color: var(--e-green) !important; }
.dartee-home .munisec__mantra span + span { color: var(--e-pink) !important; }