.site-header{overflow:visible}
.nav-shell{display:grid;grid-template-columns:420px 1fr;align-items:center;min-height:150px;padding:0 24px}
.brand{display:block;width:380px;height:auto;flex:none}
.brand img{display:block;width:380px;height:auto;max-height:none}
.site-nav{justify-self:end;display:flex;align-items:center;gap:28px}
.site-header.is-scrolled .nav-shell{grid-template-columns:280px 1fr;min-height:100px}
.site-header.is-scrolled .brand,.site-header.is-scrolled .brand img{width:250px;height:auto}
@media(min-width:861px){.site-header{background:rgba(9,31,21,.84);backdrop-filter:blur(18px);color:#fff}.site-header .site-nav>a:not(.button){color:#fff}.site-header.is-scrolled{background:rgba(255,253,248,.98)!important;color:#173126!important}.site-header.is-scrolled .site-nav>a:not(.button){color:#173126!important}}
@media(max-width:1100px){.site-header .nav-shell{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:auto!important;padding:0 12px!important;grid-template-columns:none!important}.site-nav{justify-self:auto}.site-header .brand,.site-header .brand img{width:115px!important;height:auto!important;max-height:none!important}.site-header.is-scrolled .brand,.site-header.is-scrolled .brand img{width:100px!important;height:auto!important;max-height:none!important}.nav-toggle{width:46px!important;height:46px!important;padding:11px!important}}
@media(max-width:1100px){.site-nav{justify-self:auto;display:flex;flex-direction:column;align-items:stretch;gap:4px;height:100dvh;max-height:none;overflow-y:auto}}