@media (prefers-color-scheme: light) {
  html body.t-body #allrecords .hart-dark-button {
    background-color: #242421 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: background-color 200ms ease-out !important;
  }

  html body.t-body #allrecords .hart-dark-button:hover {
    background-color: #3a3a36 !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
/* Optional shape modifier; tone and arrow remain independent. */
.hart-button--pill.hart-button--pill {
  border-radius: 999px !important;
}
/* Legacy Tilda font name resolves to our local Inter, without touching serif headings. */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/InterVariable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Hart Inter';
  src: url('../fonts/InterVariable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
/* All hero copy shares one timeline, bypassing Tilda's 1500ms startup. */
.hart-hero-reveal {
  animation: hart-hero-access-reveal 700ms cubic-bezier(.16,1,.3,1) both;
}
@keyframes hart-hero-access-reveal {
  from { opacity: 0; transform: translate3d(0,100px,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}
@media (prefers-reduced-motion: reduce) {
  .hart-hero-reveal { animation: none; }
}

/* Shared light newsletter footer. Match the form, not a page-specific record ID,
   so every exported page keeps its established geometry and form integration. */
body #allrecords .r:has(.news-footer),
body #allrecords .r:has(.news-footer) .t396__artboard,
body #allrecords .r:has(.news-footer) .t396__carrier,
body #allrecords .r:has(.news-footer) .tn-elem[data-elem-type="shape"] .tn-atom {
  background-color: #fbfbfb !important;
  background-image: none !important;
}
body #allrecords .r:has(.news-footer) .t396__filter { background: transparent !important; }
body #allrecords .r:has(.news-footer) .tn-elem[data-elem-type="text"] .tn-atom,
body #allrecords .r:has(.news-footer) .tn-elem[data-elem-type="text"] .tn-atom *,
body #allrecords .r:has(.news-footer) .tn-elem[data-elem-type="button"] .tn-atom,
body #allrecords .r:has(.news-footer) .tn-elem[data-elem-type="button"] .tn-atom * {
  color: #242421 !important;
}
body #allrecords .r:has(.news-footer) .tn-elem[data-elem-id="1772577025906"] .tn-atom,
body #allrecords .r:has(.news-footer) .tn-elem[data-elem-id="1772577025906"] .tn-atom * {
  color: #686864 !important;
}
body #allrecords .r:has(.news-footer) .tn-elem[data-elem-type="button"] .tn-atom {
  background: transparent !important;
  border-color: transparent !important;
}
body #allrecords .r:has(.news-footer) .tn-elem[data-elem-type="button"] .tn-atom:hover,
body #allrecords .r:has(.news-footer) .tn-elem[data-elem-type="button"] .tn-atom:hover * { color: #686864 !important; }
body #allrecords .r:has(.news-footer) .news-footer .t-input {
  background: #f2f2f2 !important;
  color: #242421 !important;
  border: 1px solid #dededb !important;
  border-radius: 12px !important;
  font-family: 'Hart Inter', Inter, Arial, sans-serif !important;
  font-weight: 400 !important;
  box-sizing: border-box;
}
body #allrecords .r:has(.news-footer) .news-footer .t-input::placeholder { color: #858580 !important; opacity: 1 !important; }
body #allrecords .r:has(.news-footer) .news-footer .t-input:focus {
  outline: none !important;
  border-color: #62aeed !important;
  box-shadow: 0 0 0 3px rgba(64,153,244,.22) !important;
}
body #allrecords .r:has(.news-footer) .news-footer .t-submit,
body #allrecords .r:has(.news-footer) .news-footer .t-submit * {
  color: #fff !important;
}
body #allrecords .r:has(.news-footer) .news-footer .t-submit {
  background: #242421 !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-family: 'Hart Inter', Inter, Arial, sans-serif !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  transition: background-color 200ms ease-out !important;
}
body #allrecords .r:has(.news-footer) .news-footer .t-submit:hover { background: #3a3a36 !important; opacity: 1 !important; }