/**
 * "Reveal on Scroll" header — the active default (Theme Options >
 * Header Style > Navigation Bar Style). Always solid — no more of the
 * old transparent-over-hero crossfade that used to kick in only after
 * 50px of scroll (that was js/scripts.js, a holdover from the original
 * commercial theme, not something built for this site) — and hides
 * while scrolling down through content, sliding back the instant you
 * scroll up. See initHeaderReveal() in js/interactions.js.
 *
 * The alternative "Bracket Pill" treatment (a floating inset bar with
 * corner brackets and a desktop-only collapse-to-hamburger toggle)
 * lives in site-header-pill.css and stays available as a switch for a
 * later upgrade — not deleted, just not the active default.
 *
 * No @media queries here on purpose — the actual mobile hamburger
 * menu (the off-canvas .navigation panel + .nav-butter toggle) isn't
 * defined in either header CSS file at all. It's supplied entirely by
 * legacy css/main.css (search ".navigation"/".nav-butter" under its
 * max-width:991.98px blocks) plus the click/resize handlers in
 * js/scripts.js, both inherited from the original Mato theme and
 * untouched by this rebuild. header.php's markup still matches the
 * class names those expect, so it works — but nothing in this file
 * would catch it if a future header.php change broke that link.
 */
.site-header {
  background: rgba(35, 34, 35, 0.96);
  transition: transform 260ms ease;
}

.site-header.is-hidden {
  transform: translateY(-100%);
}