/* header-over-hero: pattern 019 (with header-over-hero.js). Theme with --mv-hoh-ink (dark ink), --mv-hoh-ink-on-hero
   (light ink over the picture), --mv-hoh-bar (frosted bar colour), --mv-hoh-line (hairline). */
.mv-hoh { --mv-hoh-ink: #0a1520; --mv-hoh-ink-on-hero: #fff; --mv-hoh-bar: rgba(255,255,255,.9); --mv-hoh-line: #cbd7e3;
  position: fixed; inset: 0 0 auto 0; z-index: 50; color: var(--mv-hoh-ink); background: transparent;
  border-bottom: 1px solid transparent; transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease; }
.mv-hoh[data-over-hero="true"] { color: var(--mv-hoh-ink-on-hero); }
.mv-hoh[data-scrolled="true"] { background: var(--mv-hoh-bar); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  border-bottom-color: var(--mv-hoh-line); box-shadow: 0 1px 2px rgba(10,21,32,.05); color: var(--mv-hoh-ink); }
@media (prefers-reduced-motion: reduce) { .mv-hoh { transition: none; } }