/* ============================================================
   CLOSING SEQUENCE — brand statement + email capture
   Loaded last. Scope: .closer--v2 and .emailcap--v2 only.
   ============================================================ */

/* ---------- 1. FINAL BRAND STATEMENT (deep green) ---------- */
.closer.closer--v2 {
  position: relative;
  overflow: hidden;
  background: #082A24;
  padding: clamp(72px, 8vw, 112px) 0;
  min-height: 0;
  display: block;
  border: 0;
}

/* no decorative background: solid deep green only */
.closer.closer--v2::before,
.closer.closer--v2::after { content: none !important; background: none !important; }

.closer.closer--v2 .closer__inner {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 clamp(20px, 5vw, 56px);
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(32px, 6vw, 80px);
  text-align: left;
  min-height: 0;
}

.closer.closer--v2 .closer__title {
  margin: 0;
  font-family: "Anton", "Archivo", sans-serif;
  font-weight: 400;
  color: #F4F0E6;
  font-size: clamp(44px, 6.2vw, 92px);
  line-height: .94;
  letter-spacing: .004em;
  text-transform: uppercase;
}
.closer.closer--v2 .closer__accent { color: #F4F0E6; }

.closer.closer--v2 .closer__sub {
  margin: 20px 0 0;
  max-width: 30ch;
  color: rgba(244,240,230,.72);
  font-size: clamp(15px, 1.25vw, 17px);
  line-height: 1.5;
}

.closer.closer--v2 .closer__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 26px 0 0;
  padding: 0 0 7px;
  background: none;
  border: 0;
  border-bottom: 1.5px solid rgba(244,240,230,.55);
  border-radius: 0;
  color: #F4F0E6;
  font-family: "Archivo", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  text-decoration: none;
  transition: border-color .2s ease, color .2s ease;
}
.closer.closer--v2 .closer__cta:hover {
  border-bottom-color: #EC4D8B;
  color: #fff;
}

.closer.closer--v2 .closer__proof {
  margin: 22px 0 0;
  color: rgba(244,240,230,.6);
  font-family: "Archivo", sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.closer.closer--v2 .closer__stars { color: #F4F0E6; letter-spacing: .1em; }

/* editorial brand signature — margin note, not a second headline */
.closer.closer--v2 .closer__sig {
  position: relative;
  padding-left: clamp(0px, 2.5vw, 34px);
  border-left: 1px solid rgba(244,240,230,.14);
}
.closer.closer--v2 .closer__sig::before {
  content: "\201C";
  position: absolute;
  top: -.42em;
  left: clamp(-6px, .4vw, 10px);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(180px, 20vw, 300px);
  line-height: 1;
  color: rgba(244,240,230,.05);
  pointer-events: none;
}
.closer.closer--v2 .closer__sig blockquote {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-weight: 500;
  font-size: clamp(19px, 2vw, 27px);
  line-height: 1.42;
  color: rgba(244,240,230,.9);
  text-transform: none;
  letter-spacing: 0;
  max-width: 22ch;
  text-align: center;
}
.closer.closer--v2 .closer__sig blockquote::before,
.closer.closer--v2 .closer__sig blockquote::after { content: none; }

.closer.closer--v2 .closer__sig .closer__quote {
  display: block;
  text-align: center;
}

.closer.closer--v2 .closer__sig .closer__pin {
  display: block;
  margin-top: 6px;
  color: #EC4D8B;
  font-style: italic;
  text-align: center;
  letter-spacing: .01em;
}

/* ---------- 2. EMAIL CAPTURE (warm cream stationery) ---------- */
.emailcap.emailcap--v2 {
  position: relative;
  overflow: hidden;
  background: #F4F0E6;
  padding: clamp(56px, 6vw, 88px) 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.emailcap.emailcap--v2::before,
.emailcap.emailcap--v2::after { content: none !important; background: none !important; }

.emailcap.emailcap--v2 .emailcap__inner {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 clamp(20px, 5vw, 56px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 5vw, 72px);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.emailcap.emailcap--v2 .eyebrow {
  display: block;
  margin: 0 0 14px;
  color: #EC4D8B;
  font-family: "Archivo", sans-serif;
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.emailcap.emailcap--v2 .display {
  margin: 0;
  font-family: "Anton", "Archivo", sans-serif;
  font-weight: 400;
  color: #082A24;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: .96;
  text-transform: uppercase;
  letter-spacing: .004em;
}
.emailcap.emailcap--v2 .emailcap__copy p {
  margin: 16px 0 0;
  max-width: 34ch;
  color: #5D6A63;
  font-size: 15.5px;
  line-height: 1.55;
}

/* one integrated horizontal component */
.emailcap.emailcap--v2 .emailcap__form {
  display: flex;
  align-items: stretch;
  gap: 0;
  max-width: 520px;
  margin: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
.emailcap.emailcap--v2 .emailcap__form input[type="email"] {
  flex: 1 1 auto;
  min-width: 0;
  height: 56px;
  padding: 0 18px;
  background: #FCFBF7;
  border: 1px solid rgba(8,42,36,.22);
  border-right: 0;
  border-radius: 0;
  color: #222421;
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  letter-spacing: .01em;
  box-shadow: none;
  outline: none;
  transition: border-color .18s ease;
}
.emailcap.emailcap--v2 .emailcap__form input[type="email"]::placeholder {
  color: #8E958C;
  letter-spacing: .08em;
  font-size: 12.5px;
  text-transform: uppercase;
  font-weight: 600;
}
.emailcap.emailcap--v2 .emailcap__form input[type="email"]:focus {
  border-color: #EC4D8B;
  box-shadow: inset 0 -2px 0 #EC4D8B;
}

.emailcap.emailcap--v2 .emailcap__btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 56px;
  padding: 0 26px;
  background: #082A24;
  color: #F4F0E6;
  border: 1px solid #082A24;
  border-radius: 0;
  font-family: "Archivo", sans-serif;
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: none;
  transition: background .2s ease;
}
.emailcap.emailcap--v2 .emailcap__btn:hover { background: #0B3A31; }
.emailcap.emailcap--v2 .emailcap__btn span { color: #EC4D8B; }

.emailcap.emailcap--v2 .emailcap__msg {
  margin: 12px 0 0;
  color: #082A24;
  font-size: 14px;
}
.emailcap.emailcap--v2 .emailcap__fine {
  margin: 14px 0 0;
  max-width: 46ch;
  color: #8A9089;
  font-size: 11.5px;
  line-height: 1.5;
}

/* ---------- MOBILE ---------- */
@media (max-width: 780px) {
  .closer.closer--v2 { padding: 54px 0 58px; }
  .closer.closer--v2 .closer__inner {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 0 22px;
  }
  .closer.closer--v2 .closer__title { font-size: clamp(38px, 11.5vw, 54px); line-height: .96; }
  .closer.closer--v2 .closer__sub { margin-top: 16px; font-size: 15px; }
  .closer.closer--v2 .closer__cta { margin-top: 22px; }
  .closer.closer--v2 .closer__proof { margin-top: 18px; font-size: 10.5px; }
  .closer.closer--v2 .closer__sig {
    padding: 26px 0 0;
    border-left: 0;
    border-top: 1px solid rgba(244,240,230,.14);
  }
  .closer.closer--v2 .closer__sig::before { display: none; }
  .closer.closer--v2 .closer__sig blockquote { font-size: 20px; max-width: 26ch; }

  .emailcap.emailcap--v2 { padding: 48px 0 52px; }
  .emailcap.emailcap--v2 .emailcap__inner {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0 22px;
  }
  .emailcap.emailcap--v2 .display { font-size: clamp(32px, 9.5vw, 44px); }
  .emailcap.emailcap--v2 .emailcap__form {
    flex-direction: column;
    max-width: none;
    gap: 10px;
  }
  .emailcap.emailcap--v2 .emailcap__form input[type="email"] {
    border-right: 1px solid rgba(8,42,36,.22);
    border-radius: 0;
    height: 54px;
  }
  .emailcap.emailcap--v2 .emailcap__btn {
    width: 100%;
    justify-content: center;
    border-radius: 0;
    height: 54px;
  }
}

/* ---------- MOBILE OVERRIDES (beat legacy !important rules) ---------- */
@media (max-width: 900px) {
  .closer.closer--v2 {
    display: block !important;
    background-color: #082A24 !important;
    background-image: none !important;
    padding: 54px 0 58px !important;
    text-align: left !important;
  }
  /* no photo block here: one deep-green composition only */
  .closer.closer--v2::before,
  .closer.closer--v2::after { content: none !important; background: none !important; display: none !important; }
  .closer.closer--v2 .closer__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 22px !important;
    gap: 28px !important;
    text-align: left !important;
  }
  .closer.closer--v2 .closer__title {
    font-size: clamp(38px, 11.5vw, 52px) !important;
    line-height: .96 !important;
    max-width: 14ch !important;
  }
  .closer.closer--v2 .closer__sub { margin: 16px 0 0 !important; max-width: 28ch !important; }
  .closer.closer--v2 .closer__cta { display: inline-flex !important; margin-top: 22px !important; }
  .closer.closer--v2 .closer__proof { margin-top: 18px !important; font-size: 10px !important; letter-spacing: .14em !important; }
  .closer.closer--v2 .closer__sig blockquote { font-size: 20px !important; line-height: 1.4 !important; }

  .emailcap.emailcap--v2 { padding: 48px 0 52px !important; }
  .emailcap.emailcap--v2 .emailcap__inner { display: grid !important; grid-template-columns: 1fr !important; }
  .emailcap.emailcap--v2 .display { font-size: clamp(32px, 9.5vw, 42px) !important; margin: 0 !important; }
  .emailcap.emailcap--v2 .emailcap__copy p { margin: 14px 0 0 !important; font-size: 15px !important; max-width: 34ch !important; }
  .emailcap.emailcap--v2 .emailcap__form input[type="email"] { min-height: 54px !important; }
  .emailcap.emailcap--v2 .emailcap__btn { min-height: 54px !important; width: 100% !important; }
}

/* ---------- HARD OVERRIDES over legacy layers ---------- */
.dartee-home .closer.closer--v2 { background-image: none !important; }
.dartee-home .closer.closer--v2 { padding: clamp(88px, 9vw, 132px) 0 !important; }
.dartee-home .closer.closer--v2 .closer__sub,
.dartee-home .closer.closer--v2 .closer__title,
.dartee-home .closer.closer--v2 .closer__proof { margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; }
.dartee-home .closer.closer--v2 .closer__sub { max-width: 30ch !important; }
.dartee-home .closer.closer--v2 .closer__sig blockquote { max-width: 27ch !important; }

.dartee-home .section.emailcap.emailcap--v2 {
  background: #F4F0E6 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: clamp(56px, 5.5vw, 84px) 0 !important;
}
.dartee-home .section.emailcap.emailcap--v2::after { background: none !important; content: none !important; }
.dartee-home .section.emailcap.emailcap--v2::before,
.dartee-home .section.emailcap.emailcap--v2::after { content: none !important; background: none !important; }
.dartee-home .emailcap.emailcap--v2 .eyebrow { color: #EC4D8B !important; border: 0 !important; }
.dartee-home .emailcap.emailcap--v2 h2 { color: #082A24 !important; border: 0 !important; }
.dartee-home .emailcap.emailcap--v2 .emailcap__copy p { color: #5D6A63 !important; }
.dartee-home .emailcap.emailcap--v2 .emailcap__fine { color: #8A9089 !important; }
.dartee-home .emailcap.emailcap--v2 .emailcap__msg { color: #082A24 !important; }
.dartee-home .emailcap.emailcap--v2 .emailcap__form input {
  border-radius: 0 !important;
  border: 1px solid rgba(8,42,36,.22) !important;
  border-right: 0 !important;
  background: #FCFBF7 !important;
  padding: 0 18px !important;
}
.dartee-home .emailcap.emailcap--v2 button.emailcap__btn {
  background: #082A24 !important;
  border-color: #082A24 !important;
  color: #F4F0E6 !important;
  border-radius: 0 !important;
}
.dartee-home .emailcap.emailcap--v2 button.emailcap__btn:hover { background: #0B3A31 !important; }
.dartee-home .emailcap.emailcap--v2 button.emailcap__btn span { color: #EC4D8B !important; }

@media (max-width: 900px) {
  .dartee-home .closer.closer--v2 { padding: 56px 0 60px !important; }
  .dartee-home .section.emailcap.emailcap--v2 { padding: 50px 0 54px !important; }
  .dartee-home .emailcap.emailcap--v2 .emailcap__form input {
    border-right: 1px solid rgba(8,42,36,.22) !important;
    border-radius: 0 !important;
  }
  .dartee-home .emailcap.emailcap--v2 button.emailcap__btn { border-radius: 0 !important; }
}

/* final height calibration: ~600-700px desktop */
@media (min-width: 901px) {
  .dartee-home .closer.closer--v2 { padding: clamp(84px, 7vw, 112px) 0 !important; }
}

/* ---------- FINAL: flat, architectural closing sequence ---------- */
.dartee-home .closer.closer--v2,
.dartee-home .section.emailcap.emailcap--v2 {
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  overflow: visible !important;
}
.dartee-home .closer.closer--v2 { background-color: #082A24 !important; }
.dartee-home .section.emailcap.emailcap--v2 { background-color: #F4F0E6 !important; }
.dartee-home .closer.closer--v2 .closer__sig::before { content: none !important; }
.dartee-home .emailcap.emailcap--v2 .emailcap__form input[type="email"],
.dartee-home .emailcap.emailcap--v2 button.emailcap__btn { border-radius: 0 !important; }

/* ===== Dart flag logo under closing quote (upright/portrait) ===== */
.closer__dart{
  display:block;
  width:auto;
  height:clamp(190px, 20vw, 260px);
  margin:22px 0 0;
}
@media (max-width: 860px){
  .closer__dart{
    height:clamp(170px, 42vw, 220px);
    margin:16px auto 0;
  }
  .closer__sig{ text-align:center; }
}
