/* Fade the existing header mark before the actual footer mark enters.
   The hero boundary, adaptive colours, menu and layout retain their rules. */
body:not(.home) .oddb-header .oddb-mark[data-ob-footer-handoff="fading"],
body.home.oddb-after-cover .oddb-header .oddb-mark[data-ob-footer-handoff="fading"] {
  opacity: var(--ob-footer-brand-opacity, 1);
  transition: none;
}
body .oddb-header .oddb-mark[data-ob-footer-handoff="hidden"],
body.home.oddb-after-cover .oddb-header .oddb-mark[data-ob-footer-handoff="hidden"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  body:not(.home) .oddb-header .oddb-mark[data-ob-footer-handoff="fading"],
  body.home.oddb-after-cover .oddb-header .oddb-mark[data-ob-footer-handoff="fading"] {
    opacity: 1;
  }
}