/* The Webflow navigation is position: fixed and grows taller as its links wrap
   on smaller screens. nk-nav-offset.js keeps --nk-nav-h equal to its real
   height; these values are the fallbacks used before that script runs. */
:root { --nk-nav-h: 104px; }
@media screen and (max-width: 767px) { :root { --nk-nav-h: 140px; } }
@media screen and (max-width: 479px) { :root { --nk-nav-h: 192px; } }

/* Homepage hero: keep the Webflow padding unless the navigation is taller. */
.container.hero { padding-top: max(200px, calc(var(--nk-nav-h) + 24px)); }
@media screen and (max-width: 991px) {
  .container.hero { padding-top: max(120px, calc(var(--nk-nav-h) + 24px)); }
}