html{scroll-behavior:smooth} .portable-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;background:#fff;padding:18px;font:600 16px Arial,sans-serif;border-bottom:1px solid #ddd}.portable-nav a{color:#252525;text-decoration:none;padding:6px}.portable-nav a:hover,.portable-nav a[aria-current]{color:#986524;text-decoration:underline}.portable-video{display:block;width:100%;aspect-ratio:16/9;border:0;margin-bottom:24px}.portable-contact{padding:30px;border:1px solid #ddd;font:18px/1.6 Arial,sans-serif}.portable-contact a{color:#80541b}.portable-email{display:inline-block;padding:12px 22px;background:#222;color:white!important;text-decoration:none;border-radius:3px} [data-ux="Navigation"],[data-ux="NavigationDrawer"],[data-ux="CookieBanner"],[data-aid="HEADER_NAV_RENDERED"],[data-aid="HAMBURGER_MENU_LINK"]{display:none!important} iframe.project-demo{width:100%;height:1000px;border:0} @media(max-width:600px){.portable-nav{gap:4px 10px;font-size:14px}}

img[data-aid="HEADER_LOGO_IMAGE_RENDERED"] {
  filter: grayscale(1) invert(1);
  mix-blend-mode: screen;
}

/* Fixed header: logo on the left, menu on the right */
body {
  padding-top: 84px;
}

.portable-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  box-sizing: border-box;
  min-height: 84px;
  padding: 16px 24px 16px 210px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px 24px;
  background: #293953;
  border-bottom: 1px solid #ffffff25;
  box-shadow: 0 2px 12px #0003;
}

.portable-nav::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  height: 40px;
  background: url("/assets/9f5f8fc3dd518baa.png")
    center / contain no-repeat;
  filter: grayscale(1) invert(1);
  mix-blend-mode: screen;
}

.portable-nav a {
  color: #fff;
}

.portable-nav a:hover,
.portable-nav a[aria-current] {
  color: #e8c78e;
}

/* Hide the original logo beneath the new header */
[data-aid="HEADER_LOGO_RENDERED"] {
  display: none !important;
}

/* Keep the logo beside a wrapping menu on smaller screens */
@media (max-width: 700px) {
  body {
    padding-top: 128px;
  }

  .portable-nav {
    height: 128px;
    padding: 12px 12px 12px 136px;
    gap: 4px 10px;
    align-content: center;
    font-size: 14px;
  }

  .portable-nav::before {
    left: 12px;
    width: 112px;
    height: 34px;
  }

  .portable-nav a {
    padding: 6px 2px;
  }
}