/* ============================================================
   DARTEE — SURGICAL FINAL POLISH (loaded last)
   Refinement only: one canvas, one type system, less decoration.
   No layout, imagery or section-order changes.
   ============================================================ */

.dartee-home {
  --fp-cream: #F4F0E6;
  --fp-white: #FCFBF7;
  --fp-green: #082A24;
  --fp-green-hi: #0B3A31;
  --fp-pink: #EC4D8B;
  --fp-ink: color-mix(in oklab, #082A24 80%, #F4F0E6);
  --fp-ink-soft: color-mix(in oklab, #082A24 62%, #F4F0E6);
  --fp-cream-soft: color-mix(in oklab, #F4F0E6 78%, #082A24);
  --fp-band: clamp(56px, 6vw, 96px);
  --fp-band-tight: clamp(34px, 3.6vw, 56px);
}

/* ---------- 1. ONE CANVAS ---------- */
/* every non-photographic surface = same cream, no beige/gray drift */
.dartee-home .pressbar,
.dartee-home .proofstrip,
.dartee-home .videoband,
.dartee-home #best-sellers,
.dartee-home .munisec,
.dartee-home .wtdsec,
.dartee-home .collsec,
.dartee-home .marksec,
.dartee-home section.section.founders,
.dartee-home section.section.guarantee,
.dartee-home .storysec,
.dartee-home .kitsec,
.dartee-home section.section#kit,
.dartee-home section.section.faq,
.dartee-home .emailcap {
  background-color: var(--fp-cream) !important;
  background-image: none !important;
}

/* no arbitrary borders / rounded slide containers anywhere on the canvas */
.dartee-home .pressbar,
.dartee-home .proofstrip,
.dartee-home .videoband,
.dartee-home #best-sellers,
.dartee-home .munisec,
.dartee-home .wtdsec,
.dartee-home .quotebreak,
.dartee-home .collsec,
.dartee-home .marksec,
.dartee-home .founders,
.dartee-home .guarantee,
.dartee-home .storysec,
.dartee-home .kitsec,
.dartee-home .faq,
.dartee-home .closer,
.dartee-home .emailcap,
.dartee-home .founders-card,
.dartee-home .reviews-head,
.dartee-home .feat-head,
.dartee-home .collsec__head,
.dartee-home .kitsec__head {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.dartee-home .munisec__rule,
.dartee-home .feat-head::after,
.dartee-home .collsec__head::after,
.dartee-home .kitsec__head::after,
.dartee-home .reviews-head::after { display: none !important; }

/* ---------- 2. WHITESPACE, NOT BACKGROUND CHANGES, SEPARATES ---------- */
.dartee-home .videoband { padding-top: var(--fp-band-tight) !important; padding-bottom: var(--fp-band-tight) !important; }
.dartee-home #best-sellers { padding-top: var(--fp-band) !important; padding-bottom: var(--fp-band) !important; }
.dartee-home .collsec { padding-top: var(--fp-band) !important; padding-bottom: var(--fp-band-tight) !important; }
.dartee-home .marksec { padding-top: var(--fp-band-tight) !important; padding-bottom: var(--fp-band) !important; }
.dartee-home section.section.founders { padding-top: var(--fp-band-tight) !important; padding-bottom: var(--fp-band-tight) !important; }
.dartee-home section.section.guarantee { padding-top: var(--fp-band-tight) !important; padding-bottom: var(--fp-band) !important; }
.dartee-home section.section#kit { padding-top: var(--fp-band) !important; padding-bottom: var(--fp-band-tight) !important; }
.dartee-home section.section.faq { padding-top: var(--fp-band-tight) !important; padding-bottom: var(--fp-band) !important; }
.dartee-home .quotebreak { padding-top: var(--fp-band) !important; padding-bottom: var(--fp-band) !important; }
.dartee-home .warsec { padding-top: var(--fp-band) !important; padding-bottom: var(--fp-band) !important; }

/* ---------- 3. ONE TYPE SYSTEM ---------- */
.dartee-home .eyebrow,
.dartee-home .pressbar__eyebrow,
.dartee-home .munisec__eyebrow,
.dartee-home .wtdsec__eyebrow,
.dartee-home .collsec__eyebrow,
.dartee-home .marksec__eyebrow,
.dartee-home .storysec__eyebrow,
.dartee-home .warsec__eyebrow,
.dartee-home .quotebreak__eyebrow,
.dartee-home .lifesec__eyebrow {
  font-family: "Archivo", system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  color: var(--fp-pink) !important;
  margin-bottom: 14px !important;
}

.dartee-home #best-sellers h2,
.dartee-home .munisec__title,
.dartee-home .collsec__title,
.dartee-home .marksec__title,
.dartee-home .storysec__title,
.dartee-home .kitsec__title,
.dartee-home .faq__title,
.dartee-home section.section.founders h2,
.dartee-home section.section.guarantee h2,
.dartee-home .emailcap h2,
.dartee-home .warsec__title,
.dartee-home .closer__title {
  line-height: .95 !important;
  letter-spacing: .005em !important;
  text-wrap: balance;
}
.dartee-home #best-sellers h2,
.dartee-home .collsec__title,
.dartee-home section.section.founders h2,
.dartee-home section.section.guarantee h2,
.dartee-home .kitsec__title,
.dartee-home .faq__title,
.dartee-home .emailcap h2 { font-size: clamp(32px, 4.4vw, 58px) !important; }
.dartee-home .munisec__title,
.dartee-home .marksec__title,
.dartee-home .storysec__title,
.dartee-home .warsec__title { font-size: clamp(34px, 4.8vw, 62px) !important; }
.dartee-home .closer__title { font-size: clamp(38px, 5.6vw, 76px) !important; }

.dartee-home .munisec__sub,
.dartee-home .marksec__sub,
.dartee-home .storysec__sub,
.dartee-home .collsec__sub,
.dartee-home .emailcap p,
.dartee-home section.section.founders p,
.dartee-home .warsec__sub,
.dartee-home .closer__sub,
.dartee-home .faq p {
  font-size: 16px !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  max-width: 46ch !important;
}
.dartee-home .munisec p,
.dartee-home .marksec p,
.dartee-home .storysec p,
.dartee-home .collsec p { color: var(--fp-ink) !important; }

/* CTA: one geometry, one voice */
.dartee-home .munisec__cta,
.dartee-home .marksec__cta,
.dartee-home .storysec__cta,
.dartee-home .wtdsec__cta,
.dartee-home .collsec__link,
.dartee-home .kitsec__link,
.dartee-home .feat-shopall {
  font-family: "Archivo", system-ui, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--fp-green) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in oklab, #EC4D8B 55%, transparent) !important;
  border-radius: 0 !important;
  padding: 0 0 6px !important;
  box-shadow: none !important;
}
.dartee-home .munisec__cta::after,
.dartee-home .marksec__cta::after,
.dartee-home .storysec__cta::after { display: none !important; }
.dartee-home .munisec__cta:hover,
.dartee-home .marksec__cta:hover,
.dartee-home .storysec__cta:hover,
.dartee-home .collsec__link:hover,
.dartee-home .kitsec__link:hover { border-bottom-color: var(--fp-pink) !important; }

/* ---------- 4. LOWER THIRD: KIT + FAQ = ONE ENVIRONMENT ---------- */
.dartee-home section.section#kit { padding-bottom: clamp(20px, 2vw, 30px) !important; }
.dartee-home section.section.faq { padding-top: clamp(22px, 2.4vw, 34px) !important; }
.dartee-home .faq__item {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in oklab, #082A24 14%, transparent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.dartee-home .faq__item summary { color: var(--fp-green) !important; }

/* ---------- 5. FINAL GREEN CLOSING SEQUENCE ---------- */
.dartee-home .closer,
.dartee-home .closer--v2 {
  background: var(--fp-green) !important;
  background-image: none !important;
  padding-top: clamp(72px, 8vw, 128px) !important;
  padding-bottom: clamp(72px, 8vw, 128px) !important;
}
.dartee-home .closer::before,
.dartee-home .closer::after { content: none !important; }
.dartee-home .closer__title { color: var(--fp-cream) !important; }
.dartee-home .closer__sub { color: var(--fp-cream-soft) !important; }
.dartee-home .closer__cta {
  display: inline-block;
  font-family: "Archivo", system-ui, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--fp-cream) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in oklab, #EC4D8B 70%, transparent) !important;
  padding: 0 0 6px !important;
}
.dartee-home .closer__proof {
  margin: 26px 0 0 !important;
  font-family: "Archivo", system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--fp-cream-soft) !important;
}
.dartee-home .closer__sig blockquote {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-style: italic;
  font-size: clamp(20px, 2.1vw, 28px) !important;
  line-height: 1.35 !important;
  color: var(--fp-cream-soft) !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.dartee-home .closer__pin { color: var(--fp-pink) !important; font-style: italic; }

/* ---------- 6. NEWSLETTER: CLEAN CREAM CLOSE ---------- */
.dartee-home .emailcap,
.dartee-home .emailcap--v2 {
  background: var(--fp-cream) !important;
  background-image: none !important;
  border-top: 0 !important;
  padding-top: var(--fp-band) !important;
  padding-bottom: var(--fp-band) !important;
}
.dartee-home .emailcap::before,
.dartee-home .emailcap::after { content: none !important; }
.dartee-home .emailcap h2 { color: var(--fp-green) !important; }
.dartee-home .emailcap p { color: var(--fp-ink) !important; }
.dartee-home .emailcap__form input {
  background: var(--fp-white) !important;
  border: 1px solid color-mix(in oklab, #082A24 18%, transparent) !important;
  border-radius: 0 !important;
  color: var(--fp-green) !important;
  box-shadow: none !important;
  min-height: 52px !important;
}
.dartee-home .emailcap__form input:focus {
  outline: none !important;
  border-color: var(--fp-pink) !important;
}
.dartee-home .emailcap__btn {
  background: var(--fp-green) !important;
  border: 1px solid var(--fp-green) !important;
  border-radius: 0 !important;
  color: var(--fp-cream) !important;
  min-height: 52px !important;
  font-family: "Archivo", system-ui, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
.dartee-home .emailcap__btn:hover { background: var(--fp-green-hi) !important; }
.dartee-home .emailcap__fine { color: var(--fp-ink-soft) !important; font-size: 12px !important; max-width: 52ch !important; }

/* ---------- 7. MOBILE: SAME RHYTHM, LESS DECORATION ---------- */
@media (max-width: 860px) {
  .dartee-home {
    --fp-band: clamp(40px, 11vw, 60px);
    --fp-band-tight: clamp(26px, 7vw, 38px);
  }
  .dartee-home .eyebrow,
  .dartee-home .munisec__eyebrow,
  .dartee-home .collsec__eyebrow,
  .dartee-home .marksec__eyebrow,
  .dartee-home .storysec__eyebrow,
  .dartee-home .warsec__eyebrow { font-size: 10px !important; margin-bottom: 12px !important; }
  .dartee-home .munisec__sub,
  .dartee-home .marksec__sub,
  .dartee-home .storysec__sub,
  .dartee-home .emailcap p,
  .dartee-home .faq p,
  .dartee-home section.section.founders p { font-size: 15px !important; max-width: 34ch !important; }
  .dartee-home .closer { padding-top: 56px !important; padding-bottom: 56px !important; }
  .dartee-home .closer__sig blockquote { font-size: 19px !important; margin-top: 28px !important; }
  .dartee-home .emailcap__form { display: grid !important; gap: 10px !important; }
  .dartee-home .emailcap__form input,
  .dartee-home .emailcap__btn { width: 100% !important; }
}

/* ---------- 8. LAST SUBTRACTIONS ---------- */
.dartee-home .closer__sig,
.dartee-home .closer__sig blockquote {
  border: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
  padding-left: 0 !important;
}
.dartee-home .closer__sub { max-width: 30ch !important; }
@media (max-width: 860px) {
  .dartee-home .closer__sig { margin-top: 34px !important; }
  .dartee-home .munisec__mantra { font-size: clamp(28px, 8.4vw, 38px) !important; }
}

/* ---------- 9. MUNI: PHOTO-LED, FLUSH TO THE IMAGE ABOVE ---------- */
@media (min-width: 861px) {
  .dartee-home .munisec {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .dartee-home .munisec__inner { align-items: stretch !important; }
  .dartee-home .munisec__copy {
    padding-top: clamp(56px, 5.4vw, 92px) !important;
    padding-bottom: clamp(56px, 5.4vw, 92px) !important;
  }
}
@media (max-width: 860px) {
  .dartee-home .munisec { padding-top: 0 !important; }
  .dartee-home .munisec__media { margin: 0 !important; }
}

/* ---------- 10. WHY DARTEE: PHOTO-LED, FLUSH TOO ---------- */
@media (min-width: 861px) {
  .dartee-home .wtdsec {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .dartee-home .wtdsec__copy {
    padding-top: clamp(56px, 5.4vw, 92px) !important;
    padding-bottom: clamp(56px, 5.4vw, 92px) !important;
  }
}
@media (max-width: 860px) {
  .dartee-home .wtdsec { padding-top: 0 !important; }
}