/* At the top of the page the header blends in and scrolls away. Past a set distance it slides back in with its white bar. */
header.top.top--managed {
  top: -72px;
  background: transparent;
  border-bottom-color: transparent !important;
  box-shadow: none;
  backdrop-filter: none;
  transition: top .28s cubic-bezier(.22, 1, .36, 1), background-color .2s, border-color .2s;
}

header.top.top--managed.is-stuck,
header.top.top--managed[data-open="true"] {
  top: 0;
  background: #fff;
  border-bottom-color: #e7e7e7 !important;
}

@media (prefers-reduced-motion: reduce) {
  header.top.top--managed { transition: none; }
}