/* ==========================================================
   NAV HEADER — scroll expand/compact
   Loaded from partials/header.html on every BUILD page.
   Only the logo and “Try free for 14 days” CTA resize on scroll.
   ========================================================== */

nav#nav {
  --nav-logo-height: 46px;
  --nav-cta-solid-font: 16px;
  --nav-cta-solid-pad-y: 12px;
  --nav-cta-solid-pad-x: 20px;
}

nav#nav.nav--scrolled {
  --nav-logo-height: 34px;
  --nav-cta-solid-font: 15px;
  --nav-cta-solid-pad-y: 10px;
  --nav-cta-solid-pad-x: 16px;
}

nav#nav .brand-logo {
  height: var(--nav-logo-height);
  transition: height 0.35s var(--ease);
}

nav#nav .nav-cta .btn-solid {
  font-size: var(--nav-cta-solid-font);
  padding: var(--nav-cta-solid-pad-y) var(--nav-cta-solid-pad-x);
  white-space: nowrap;
  transition: font-size 0.35s var(--ease), padding 0.35s var(--ease), color 0.2s var(--ease), background 0.2s var(--ease), border-color 0.2s var(--ease);
}