/* ============================================================
   CREAM PINSTRIPES — continuous scorecard grain across every
   cream chapter of the homepage. Matches the Muni Collection /
   Dartee System recipe exactly so the paper texture reads as one
   continuous field, not per-section decoration.
   ============================================================ */

.dartee-home .section.feat,
.dartee-home .wtdsec,
.dartee-home .collsec,
.dartee-home .marksec,
.dartee-home .section.founders,
.dartee-home .section.guarantee,
.dartee-home .kitsec,
.dartee-home .section.faq,
.dartee-home .section.emailcap,
.dartee-home .proofstrip {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.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 .proofstrip::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(90deg,
      rgba(17,84,62,.05) 0px, rgba(17,84,62,.05) 2px,
      rgba(17,84,62,0) 2px, rgba(17,84,62,0) 46px);
  background-size: 46px 100%;
  opacity: 1;
}

/* keep all content above the grain */
.dartee-home .section.feat > *,
.dartee-home .wtdsec > *,
.dartee-home .collsec > *,
.dartee-home .marksec > *,
.dartee-home .section.founders > *,
.dartee-home .section.guarantee > *,
.dartee-home .kitsec > *,
.dartee-home .section.faq > *,
.dartee-home .proofstrip > * {
  position: relative;
  z-index: 1;
}

/* photography inside cream chapters must stay clean */
.dartee-home .wtdsec__media,
.dartee-home .marksec__media,
.dartee-home .collsec .coll-tile,
.dartee-home .feat-card__media {
  z-index: 1;
}

/* ============================================================
   BRAND STORY — pinstriped cream field + photo flush to the top
   of the section so it connects to the band above.
   ============================================================ */
.dartee-home .storysec {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.dartee-home .storysec::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(90deg,
      rgba(17,84,62,.05) 0px, rgba(17,84,62,.05) 2px,
      rgba(17,84,62,0) 2px, rgba(17,84,62,0) 46px);
  background-size: 46px 100%;
}
.dartee-home .storysec > * { position: relative; z-index: 1; }
.dartee-home .storysec__media { z-index: 1; }

/* photo touches the top edge of the section on every breakpoint */
.dartee-home .storysec { padding-top: 0 !important; }
.dartee-home .storysec { align-items: stretch !important; padding-bottom: 0 !important; }
.dartee-home .storysec__media { align-self: stretch !important; height: 100% !important; }