/* Floating navigation, 0.1.1. The uploaded logo remains the unchanged source. */
.header{
  position:fixed;z-index:1000;left:50%;transform:translateX(-50%);
  top:calc(var(--ggg-admin-offset,0px) + 22px);
  width:min(1184px,calc(100% - 96px));padding:15px 24px;gap:24px;
  color:#fff;background:rgba(10,32,25,.42);
  border:1px solid rgba(255,255,255,.24);border-radius:18px;
  box-shadow:0 12px 36px rgba(5,20,14,.12);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  transition:background .28s,color .28s,box-shadow .28s,border-color .28s,top .28s;
}
.hero>.wrap:first-of-type{height:130px}
.inner-header{min-height:130px;background:var(--paper)}
.header .brand{color:inherit;gap:11px}
.header .brand img{width:47px;height:47px;filter:brightness(0) invert(1)}
.header .brand-name{font-size:18px;letter-spacing:.1em;font-weight:600}
.header .nav{gap:25px;font-size:12px}
.header .nav-contact{border-color:rgba(255,255,255,.42);border-radius:9px;padding:10px 16px}
.header .lang a[aria-current]{border-color:currentColor}
.header .menu-toggle{color:inherit;border-color:rgba(255,255,255,.42);border-radius:8px}
.header.is-scrolled,.inner-header .header{
  background:rgba(246,245,239,.96);color:var(--deep);
  border-color:rgba(32,51,43,.12);box-shadow:0 12px 40px rgba(12,31,23,.14);
}
.header.is-scrolled .brand img,.inner-header .header .brand img{filter:none}
.header.is-scrolled .nav-contact,.inner-header .header .nav-contact{
  color:var(--paper);background:var(--green);border-color:var(--green);
}
.header.is-scrolled .menu-toggle,.inner-header .header .menu-toggle{border-color:var(--line)}
.header.is-scrolled .nav-menu .sub-menu,.inner-header .header .nav-menu .sub-menu{background:var(--paper)}
.section,#contact,#main-content{scroll-margin-top:135px}
.admin-bar .header{--ggg-admin-offset:32px}
@media(max-width:1050px){
  .header{width:calc(100% - 60px);padding:14px 19px;gap:18px}
  .header .nav{gap:16px}.header .brand-name{font-size:16px}
}
@media(max-width:880px){
  .header .menu-toggle{display:block;margin-left:auto;padding:9px 13px}
  .header .nav{display:none;position:absolute;left:-1px;right:-1px;top:calc(100% + 10px);padding:16px 22px;background:var(--deep);border:1px solid rgba(255,255,255,.2);border-radius:16px;max-height:calc(100svh - 155px);overflow:auto;color:white}
  .header .nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .header .nav a{padding:13px 4px}.header .nav .nav-contact{padding:12px 16px;text-align:center;margin-top:10px}
  .header.is-scrolled .nav,.inner-header .header .nav{background:var(--paper);color:var(--deep);border-color:var(--line)}
  .header .nav-menu{flex-direction:column;gap:0}.header .nav-menu .sub-menu{position:static}
}
@media(max-width:760px){
  .header{width:calc(100% - 32px);top:calc(var(--ggg-admin-offset,0px) + 14px);padding:12px 15px;gap:12px;border-radius:14px}
  .header .brand img{width:38px;height:38px}.header .brand-name{font-size:13px;letter-spacing:.09em}.header .brand{gap:8px}
  .header .lang{display:flex;gap:8px;font-size:10px}.header .menu-toggle{font-size:11px;padding:8px 10px}
  .hero>.wrap:first-of-type{height:110px}.inner-header{min-height:110px}
  .section,#contact,#main-content{scroll-margin-top:110px}
}
@media(max-width:782px){.admin-bar .header{--ggg-admin-offset:46px}}
@media(max-width:360px){.header{gap:8px;padding-inline:12px}.header .brand-name{font-size:11px}.header .brand img{width:32px;height:32px}.header .lang{gap:5px}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}