.funnel-capture {
  box-sizing: border-box;
  width: 100%;
  padding-top: 26px;
  border-top: 1px solid var(--rule);
}

.funnel-capture h2 { margin: 0 0 8px; font: 400 30px/1.2 var(--font-editorial); }
.funnel-capture > p { margin: 0 0 16px; font: 18px/1.55 var(--font-reading); color: var(--body); }
.funnel-link { margin: 12px 0 0; font: 15px/1.5 var(--font-interface); }
.funnel-link a { text-underline-offset: 4px; }
.funnel-email-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; max-width: 490px; }
.funnel-email-row :is(input, button) { box-sizing: border-box; min-height: 46px; padding: 9px 12px; border-radius: 0; font: 16px/1.3 var(--font-interface); }
.funnel-email-row input { min-width: 0; width: 100%; background: var(--paper); color: var(--ink); border: 1px solid var(--control-rule); }
.funnel-email-row button { background: var(--ink); color: var(--paper); border: 1px solid var(--ink); cursor: pointer; }
.funnel-email-row button:hover { background: #34342e; }
.funnel-email-row button:disabled { opacity: .65; cursor: wait; }
.funnel-note, .funnel-status { margin: 8px 0 0; color: var(--muted); font: 13px/1.45 var(--font-interface); }
.funnel-status:empty { margin: 0; }
.funnel-survey-skip { margin: 14px 0 0; font: 15px/1.5 var(--font-interface); }
.funnel-survey-skip a { text-underline-offset: 4px; }
.subscribe-essay .subscribe-essay-capture { margin: 0 auto; }
.subscribe-essay .subscribe-story { margin-top: 32px; }
.funnel-essay-invitation {
  position: relative;
  isolation: isolate;
  z-index: 3;
  max-width: 728px;
  margin: 56px auto;
  text-align: center;
}
.funnel-essay-invitation.is-embedded::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: rgb(25 24 22 / .33);
  opacity: 0;
}
.funnel-essay-invitation.is-spotlit::before { opacity: 1; }
.funnel-essay-card {
  box-sizing: border-box;
  background: var(--paper);
  border: 1px solid var(--rule);
  padding: clamp(24px, 4vw, 38px);
}
.funnel-essay-invitation.is-spotlit .funnel-essay-card { box-shadow: 0 10px 36px rgb(25 24 22 / .12); }
.funnel-essay-invitation .funnel-essay-card .funnel-essay-label {
  margin: 0 0 10px;
  color: var(--muted);
  font: 12px/1.4 var(--font-interface);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.funnel-essay-invitation .funnel-essay-card h2 {
  margin: 0 0 8px;
  font: 400 clamp(28px, 4vw, 38px)/1.15 var(--font-editorial);
  letter-spacing: -.02em;
}
.funnel-essay-invitation .funnel-essay-card .funnel-essay-deck {
  max-width: 460px;
  margin: 0 auto 20px;
  color: var(--body);
  font: 17px/1.5 var(--font-reading);
  text-wrap: balance;
}
.funnel-essay-card .funnel-email-row { margin-inline: auto; }
.funnel-essay-invitation .funnel-essay-card :is(.funnel-note, .funnel-status) { margin: 8px 0 0; }
.funnel-essay-continue {
  min-height: 44px;
  margin-top: 4px;
  padding: 0 8px;
  background: transparent;
  border: 0;
  color: var(--muted);
  font: 14px/1.4 var(--font-interface);
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.funnel-essay-continue:hover { color: var(--ink); }

@media (prefers-reduced-motion: no-preference) {
  .funnel-essay-invitation.is-embedded::before { transition: opacity .14s ease-out; }
  .funnel-essay-card { transition: box-shadow .14s ease-out; }
  .funnel-essay-invitation.is-embedded.is-spotlit::before,
  .funnel-essay-invitation.is-spotlit .funnel-essay-card { transition-duration: .26s; }
}
@media (max-width: 620px) {
  .funnel-capture h2 { font-size: 26px; }
  .funnel-email-row { grid-template-columns: 1fr; }
}

.funnel-capture[aria-labelledby="wall-newsletter-title"] {
  padding-bottom: 26px;
  border-bottom: 1px solid var(--rule);
}

.archive-newsletter-description { margin: 12px 0 20px; font: 18px/1.55 var(--font-reading); color: var(--body); }