/* One transparent navigation shell across the homepage and every interior page. */
.site-header,.site-header.scrolled{
  --header-ink:#f2f6f2;--header-muted:#d8e5df;--header-line:#e3f0e653;
  background:transparent;border-bottom-color:transparent;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  color:var(--header-ink);box-shadow:none;
  transition:color .2s,height .3s;
}
.site-header::before{
  content:"";position:absolute;z-index:-1;inset:0 0 -20px;
  background:linear-gradient(180deg,rgba(4,19,21,.22),rgba(4,19,21,.06) 75%,transparent);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  mask-image:linear-gradient(#000 55%,transparent);-webkit-mask-image:linear-gradient(#000 55%,transparent);
  pointer-events:none;
}
.site-header[data-surface="light"]{--header-ink:#123c32;--header-muted:#285344;--header-line:#254d4355}
.site-header[data-surface="light"]::before{background:linear-gradient(180deg,#f0f2ec44,#f0f2ec0d 75%,transparent)}
.site-header .brand{color:var(--header-ink)}
.site-header nav a,.site-header .nav-sub-toggle{color:var(--header-muted)}
.site-header nav a:hover,.site-header nav a.active{color:var(--header-ink)}
.site-header .header-contact{color:var(--header-ink);border-color:var(--header-line);background:transparent}
.site-header .header-contact:hover{background:var(--accent);border-color:var(--accent);color:#062620}
.site-header .menu-toggle span{background:var(--header-ink)}
.site-header .nav-sub-toggle{display:grid;place-items:center;font-size:14px;min-width:30px;min-height:36px}
.nav-sub-toggle .wc-icon{transition:transform .2s}
.nav-group.expanded .nav-sub-toggle .wc-icon{transform:rotate(180deg)}
.site-header .nav-submenu{
  left:0;min-width:250px;padding:14px 0;border:0;
  border-radius:0;background:transparent;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
.site-header .nav-submenu a{color:#e6edf2;font-size:calc(13px * var(--type-scale,1));border:0;border-radius:0;background:transparent;transition:color .2s;text-underline-offset:6px}
.site-header .nav-submenu a:hover,.site-header .nav-submenu a.active,.site-header .nav-submenu a:focus-visible{color:#fff;background:transparent;text-decoration:underline;text-decoration-thickness:1px}
.site-header .nav-submenu a:focus-visible{outline:none;text-decoration-thickness:2px}
.site-header[data-surface="light"] .nav-submenu{background:transparent;border:0;box-shadow:none}
.site-header[data-surface="light"] .nav-submenu a{color:#34454b}
.site-header[data-surface="light"] .nav-submenu a:hover,.site-header[data-surface="light"] .nav-submenu a.active,.site-header[data-surface="light"] .nav-submenu a:focus-visible{color:#10232a;background:transparent}
.site-header nav .nav-contact{display:none}
@media(min-width:1024px){.site-header,.site-header.scrolled{height:94px}}
@media(min-width:3000px){.site-header,.site-header.scrolled{height:115px}}
@media(max-width:1250px){
  .site-header,.site-header.scrolled{height:78px}
  .site-header nav{top:78px;background:#101b2a9c;border-color:#ffffff29;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
  .site-header nav a,.site-header nav .nav-sub-toggle{color:#e6edf2;border-bottom-color:#ffffff1a}
  .site-header nav a:hover,.site-header nav a.active{color:#fff}
  .site-header[data-surface="light"] nav{background:#f1f4f6b3;border-color:#ffffff99}
  .site-header[data-surface="light"] nav a,.site-header[data-surface="light"] nav .nav-sub-toggle{color:#34454b;border-bottom-color:#152b341a}
  .site-header .nav-submenu,.site-header[data-surface="light"] .nav-submenu{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;border-radius:0;box-shadow:none;min-width:0;padding:0 0 0 20px}
  .site-header nav .nav-contact{display:block;color:var(--accent)}
}
