/* ============================================================
   DARTEE — FINISH POLISH (loaded last)
   No redesign. No imagery changes. Only the small details that
   make the page feel finished: consistent eyebrows, button
   geometry, heading leading/tracking, hairlines, hover/focus.
   ============================================================ */

/* ---- 1. EYEBROWS: one voice everywhere ---- */
.dartee-home .eyebrow,
.dartee-home .kicker,
.dartee-home .wtdsec__eyebrow,
.dartee-home .munisec__eyebrow,
.dartee-home .marksec__eyebrow,
.dartee-home .storysec__eyebrow,
.dartee-home .kitsec__eyebrow,
.dartee-home .collsec__eyebrow,
.dartee-home .warsec__eyebrow,
.dartee-home .quotebreak__eyebrow {
  font-family: "Archivo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
}

/* ---- 2. HEADINGS: tighter leading, calmer tracking ---- */
.dartee-home .section h2,
.dartee-home .wtdsec__title,
.dartee-home .munisec__title,
.dartee-home .warsec h2,
.dartee-home .closer h2 {
  line-height: 1.02 !important;
  letter-spacing: -.01em !important;
  text-wrap: balance;
}
.dartee-home .section h3 { letter-spacing: .01em; }

/* body copy: one measure, one color weight */
.dartee-home .section p,
.dartee-home .wtdsec p,
.dartee-home .munisec p {
  line-height: 1.62 !important;
}
.dartee-home .section > .wrap > p,
.dartee-home .section__intro,
.dartee-home .wtdsec__sub,
.dartee-home .munisec__sub { max-width: 58ch; }

/* ---- 3. BUTTONS: one geometry, one motion ---- */
.dartee-home .btn,
.dartee-home button.btn,
.dartee-home a.btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 14px 26px !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  border: 1px solid transparent;
  box-shadow: none !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease !important;
}
.dartee-home .btn:hover { transform: translateY(-1px); }
.dartee-home .btn:active { transform: translateY(0); }
.dartee-home .btn--ghost,
.dartee-home .btn--secondary {
  background: transparent !important;
  border-color: var(--d-hair) !important;
  color: var(--d-green) !important;
}
.dartee-home .btn--ghost:hover,
.dartee-home .btn--secondary:hover {
  background: var(--d-green) !important;
  border-color: var(--d-green) !important;
  color: var(--d-cream) !important;
}

/* text links / inline CTAs: single underline language */
.dartee-home .storysec__cta,
.dartee-home .warsec__cta,
.dartee-home .closer__cta,
.dartee-home .link-cta {
  font-family: "Archivo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid currentColor !important;
  transition: opacity .2s ease, color .2s ease !important;
}
.dartee-home .storysec__cta:hover,
.dartee-home .warsec__cta:hover,
.dartee-home .closer__cta:hover { opacity: .68; }

/* ---- 4. FOCUS: visible, on-brand ---- */
.dartee-home a:focus-visible,
.dartee-home button:focus-visible,
.dartee-home input:focus-visible,
.dartee-home summary:focus-visible {
  outline: 2px solid var(--d-pink) !important;
  outline-offset: 3px !important;
  border-radius: 2px;
}

/* ---- 5. FORMS: quiet, aligned ---- */
.dartee-home .emailcap input[type="email"],
.dartee-home input[type="email"],
.dartee-home input[type="text"] {
  min-height: 48px;
  border-radius: 2px !important;
  border: 1px solid var(--d-hair) !important;
  background: var(--d-white) !important;
  color: var(--d-green) !important;
  font-family: "Archivo", sans-serif !important;
  font-size: 14px !important;
  letter-spacing: .02em;
  box-shadow: none !important;
}
.dartee-home input::placeholder { color: var(--d-muted) !important; letter-spacing: .08em; text-transform: uppercase; font-size: 11.5px; }

/* ---- 6. FAQ: hairline list, calm rhythm ---- */
.dartee-home .faq details { padding: 4px 0 !important; }
.dartee-home .faq summary {
  cursor: pointer;
  list-style: none;
  padding: 20px 0 !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  letter-spacing: .01em !important;
  color: var(--d-green) !important;
  transition: color .2s ease;
}
.dartee-home .faq summary::-webkit-details-marker { display: none; }
.dartee-home .faq summary:hover { color: var(--d-pink) !important; }
.dartee-home .faq details p { padding-bottom: 18px !important; max-width: 62ch; }
.dartee-home .faq details:last-of-type { border-bottom: 1px solid var(--d-hair) !important; }

/* ---- 7. HAIRLINES + card hover restraint ---- */
.dartee-home .collsec__card,
.dartee-home .kitsec__card,
.dartee-home .feat-card { transition: transform .35s cubic-bezier(.2,.8,.2,1) !important; }
.dartee-home .collsec__card:hover,
.dartee-home .kitsec__card:hover,
.dartee-home .feat-card:hover { transform: translateY(-3px) !important; }
.dartee-home .collsec__card img,
.dartee-home .kitsec__card img,
.dartee-home .feat-card__media img { transition: transform .6s cubic-bezier(.2,.8,.2,1) !important; }
.dartee-home .collsec__card:hover img,
.dartee-home .kitsec__card:hover img { transform: scale(1.02) !important; }

/* product/collection card titles: consistent scale */
.dartee-home .collsec__card h3,
.dartee-home .kitsec__card h3,
.dartee-home .feat-card h3 {
  font-family: "Archivo", sans-serif !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: var(--d-green) !important;
  margin: 14px 0 4px !important;
}
.dartee-home .collsec__card p,
.dartee-home .kitsec__card p,
.dartee-home .feat-card p { font-size: 13px !important; letter-spacing: .01em; }
.dartee-home .feat-card .price,
.dartee-home .collsec__card .price {
  font-family: "Archivo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  font-variant-numeric: tabular-nums;
  color: var(--d-body) !important;
}

/* ---- 8. IMAGE RENDERING: no half-pixel seams ---- */
.dartee-home .section img { backface-visibility: hidden; }

/* ---- 9. MOBILE: same rules, tighter type ---- */
@media (max-width: 900px) {
  .dartee-home .eyebrow,
  .dartee-home .kicker,
  .dartee-home .wtdsec__eyebrow,
  .dartee-home .munisec__eyebrow,
  .dartee-home .marksec__eyebrow,
  .dartee-home .storysec__eyebrow { font-size: 9.5px !important; letter-spacing: .24em !important; margin-bottom: 12px !important; }
  .dartee-home .btn,
  .dartee-home button.btn,
  .dartee-home a.btn { width: 100%; min-height: 50px; font-size: 11.5px !important; }
  .dartee-home .section > .wrap > p,
  .dartee-home .wtdsec__sub,
  .dartee-home .munisec__sub { max-width: none; }
  .dartee-home .collsec__card:hover,
  .dartee-home .kitsec__card:hover,
  .dartee-home .feat-card:hover { transform: none !important; }
}

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

/* ---- 11. "AS SEEN ON" STRIP: even, muted, one optical weight ---- */
.dartee-home .pressbar { padding: 26px 0 !important; border-bottom: 1px solid var(--d-hair) !important; }
.dartee-home .pressbar .wrap {
  display: flex !important;
  align-items: center;
  gap: 32px;
}
.dartee-home .pressbar__eyebrow { flex: 0 0 auto; margin-bottom: 0 !important; }
.dartee-home .pressbar__logos {
  flex: 1 1 auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: clamp(36px, 7vw, 88px) !important;
  flex-wrap: wrap;
}
.dartee-home .pressbar__logo {
  color: var(--d-green) !important;
  opacity: 1;
  font-family: "Archivo", sans-serif !important;
  font-size: 17px !important;
  font-weight: 700;
  line-height: 1.1 !important;
  letter-spacing: .04em !important;
  text-align: center;
  transition: opacity .25s ease;
}
.dartee-home .pressbar__logo:hover { opacity: .75; }
.dartee-home .pressbar__logo small { display: block; font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; margin-top: 4px; opacity: .85; }

/* ---- 12. PROOF STRIP: larger, more readable quotes ---- */
.dartee-home .proofstrip { padding: 22px 0 !important; }
.dartee-home .proofstrip__quotes {
  display: flex; align-items: center; justify-content: center;
  gap: 22px; flex-wrap: wrap;
}
.dartee-home .proofstrip__quotes span { font-size: 18px; letter-spacing: .01em; }
.dartee-home .proofstrip__sep { color: var(--d-pink) !important; opacity: .9; }

@media (max-width: 760px) {
  .dartee-home .pressbar .wrap { flex-direction: column; gap: 14px; }
  .dartee-home .pressbar__logos { gap: 30px !important; }
}

/* ---- 13. INLINE CTAS: underline hugs the text ---- */
.dartee-home .storysec__cta,
.dartee-home .warsec__cta,
.dartee-home .closer__cta,
.dartee-home .munisec__cta,
.dartee-home .wtdsec__cta,
.dartee-home .link-cta {
  display: inline-block !important;
  width: auto !important;
  max-width: max-content !important;
}

/* ---- 14. VERTICAL ALIGNMENT: no dead whitespace in split grids ---- */
.dartee-home .founders__inner,
.dartee-home .marksec__inner,
.dartee-home .marksec .wrap,
.dartee-home .kitsec__inner { align-items: center !important; }
.dartee-home .founders__copy > p:last-of-type { margin-bottom: 18px !important; }
.dartee-home .founders__sign { margin-bottom: 0 !important; }
.dartee-home .founders__copy > *:last-child { margin-bottom: 0 !important; }
.dartee-home .section > .wrap > *:last-child { margin-bottom: 0 !important; }

/* ---- 15. FOUNDERS NOTE: quieter band, it's a signature not a chapter ---- */
.dartee-home .section.founders {
  padding-top: var(--d-band-tight) !important;
  padding-bottom: var(--d-band-tight) !important;
}

/* Pink Dartee flag divider inside editorial pause bands */
.dartee-home .editorial-pause__flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 clamp(10px, 1.6vw, 20px);
}
.dartee-home .editorial-pause__flag img {
  display: block;
  height: clamp(20px, 2.2vw, 30px);
  width: auto;
}