/* Site-wide fixed header offset — load last */
:root {
  --site-header-height: 104px;
}

@media (max-width: 820px) {
  :root {
    --site-header-height: 80px;
  }
}

html {
  scroll-padding-top: var(--site-header-height);
}

section[id],
.contact-pro,
.hero,
.projects-page-hero,
.projects-teaser {
  scroll-margin-top: var(--site-header-height);
}

.header .site-logo-img {
  width: auto !important;
  max-width: 200px !important;
  max-height: 48px !important;
  height: auto !important;
}

@media (max-width: 820px) {
  .header .site-logo-img {
    max-width: 168px !important;
    max-height: 40px !important;
  }
}