/* Nav logo: the gold emblem from the brand mark, with the title set to its right.
   Sizes are scroll-linked through --shrink (set by motion.js), like the old wordmark,
   and use the .nav prefix so they outrank the generic ".nav .nav-logo img" rule. */
/* Pages without motion.css never define --shrink, which would leave the sizes below
   invalid and the images at full size. motion.js overrides this inline on scroll. */
.nav { --shrink: 0; }
.nav-logo { display:flex; align-items:center; gap:12px; text-decoration:none; }
.nav .nav-logo .nav-emblem { height:calc(52px - 14px * var(--shrink)); width:auto; flex:none; display:block; will-change:transform; }
.nav .nav-logo .nav-title { height:calc(19px - 4px * var(--shrink)); margin-top:3px; width:auto; flex:none; display:block; will-change:transform; }
@media (max-width:900px) {
  .nav-logo { gap:10px; }
  .nav .nav-logo .nav-emblem { height:calc(44px - 10px * var(--shrink)); }
  .nav .nav-logo .nav-title { height:calc(15px - 3px * var(--shrink)); margin-top:2px; }
}