/* Dark homepage hero only. Loaded after tw-site.css. */
.tw-hero--dark {
  background: var(--tw-ink);
  color: var(--tw-fog);
  border-bottom: 1px solid var(--tw-ink);
}
.tw-hero--dark h1 {
  color: var(--tw-fog);
}
.tw-hero--dark .tw-dek {
  color: var(--tw-fog-2);
}
.tw-hero--dark .tw-hero-kicker {
  color: var(--tw-method-lt);
}
.tw-hero--dark .tw-hero-aside {
  border-color: rgba(232, 235, 232, 0.28);
  background: var(--tw-graphite-2);
}
.tw-hero--dark .tw-aside-head {
  border-bottom-color: rgba(232, 235, 232, 0.28);
  color: var(--tw-fog-2);
}
.tw-hero--dark .tw-aside-head .lab {
  color: var(--tw-fog);
}
.tw-hero--dark .tw-aside-row {
  border-bottom-color: rgba(232, 235, 232, 0.14);
}
.tw-hero--dark .tw-aside-row b {
  color: var(--tw-method-lt);
}
.tw-hero--dark .tw-aside-row span {
  color: var(--tw-fog-2);
}
.tw-hero--dark .tw-btn:not(.tw-btn--ghost) {
  background: var(--tw-fog);
  border-color: var(--tw-fog);
  color: var(--tw-ink);
}
.tw-hero--dark .tw-btn:not(.tw-btn--ghost):hover {
  filter: none;
  background: var(--tw-paper);
}
.tw-hero--dark .tw-btn--ghost {
  background: transparent;
  border-color: var(--tw-fog);
  color: var(--tw-fog);
}
.tw-hero--dark .tw-btn--ghost:hover {
  filter: none;
  background: rgba(232, 235, 232, 0.08);
}