/* =========================================================
   Brand — full Vanguard lockup (shield + wordmark) in the
   header and footer. Two finishes:
     • lockup-dark.png  = white logo, for DARK backgrounds
     • lockup-light.png = color logo, for LIGHT backgrounds
   Header nav is transparent over the dark hero (use dark/white)
   and goes solid-white on scroll (use light/color). Footer is
   dark (use dark/white).

   v1.3.0: the Workshop detail page, general Page template, and /sources/
   page (`.nav--simple`, see the "Dark nav — shared mechanism" block in
   styles.css) now all keep a permanently DARK bar instead of going
   solid-white — so they stay on the white/light-on-dark lockup
   (lockup-dark.png) too, same as the home page's un-scrolled state. The
   old `.sources-body .nav__lockup` override (which put the color/light
   logo on that page's — then light — bar) is removed: it would be wrong
   now that this page's bar is dark, and it's no longer needed anyway
   since the default rule below already renders the correct (white) logo.
   Aspect ratio of the lockup is ~3.35:1.
   ========================================================= */

/* ---- Header nav lockup ---- */
.nav__lockup {
	display: block;
	height: 40px;
	width: 150px;          /* >= natural width (40 * 3.35 = 134) so it never clips */
	background-image: url("../images/lockup-dark.png");   /* over the dark hero */
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
}
.nav.is-scrolled .nav__lockup {
	background-image: url("../images/lockup-light.png");  /* solid white bar */
}
/* v1.3.0: `.nav--simple` pages (Workshop detail / Page / Sources) never
   transition to a light bar (see styles.css), so their lockup must never
   swap to the color/light-background logo either — keep it on
   lockup-dark.png (white) at EVERY scroll position. 3-class selector
   always outweighs the 2-class `.nav.is-scrolled .nav__lockup` rule above,
   regardless of source order, so this is safe wherever it sits in the
   file. Home page's own `.nav.is-scrolled` swap (no `.nav--simple`) is
   untouched. */
.nav.is-scrolled.nav--simple .nav__lockup {
	background-image: url("../images/lockup-dark.png");
}

/* ---- Footer lockup (footer bg is dark → white logo) ---- */
.footer__lockup {
	display: block;
	height: 54px;
	width: 210px;          /* >= 54 * 3.35 = 181 */
	background-image: url("../images/lockup-dark.png");
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	margin-bottom: 14px;
}

@media (max-width: 600px) {
	.nav__lockup { height: 34px; width: 128px; }
}

/* ---- Footer grant / funding disclaimer (fine print) ----
   Full-width line that flows like the address / copyright fine print — NOT a
   narrow centered column. Matches the .footer__address / .footer__service /
   .footer__legal family: full width, small, dimmed, inherits footer alignment. */
.footer__grant {
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.45);
}