/* Header values mirrored from the live site. */
#header{position:fixed;z-index:1000;top:0;left:0;width:100%;height:70px;background:rgba(255,255,255,.7);background:linear-gradient(to right,rgba(255,255,255,.2),rgba(245,245,245,.2),rgba(255,255,255,.2));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);transition:background 0s ease-in-out}
.site-head{position:relative;top:auto;left:auto;z-index:20;width:100%;height:70px;padding:10px 80px}
.brand{display:block;height:50px;position:relative;z-index:10}.brand img{display:block;width:auto;height:50px;max-width:none}
.nav{height:60px;margin:0;gap:50px}.nav a{color:#fff;font-size:16px;font-weight:500;line-height:20px;transition:color .15s ease-in-out,opacity .15s ease-in-out}.nav:hover a{opacity:.4}.nav a:hover,.nav a[aria-current=page]{color:#fff;opacity:1}
@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#header{background:rgba(255,255,255,.7)}}
@media(max-width:1466px) and (min-width:1025px){.site-head{padding:10px 60px}}
@media(max-width:1024px){.site-head{height:70px;padding:10px 40px}.brand,.brand img{height:50px}.brand img{width:auto}.nav{height:100vh;margin:0;gap:0}.burger{top:15px!important;right:10px!important;color:#fff!important;background:linear-gradient(#fff,#fff) center 10px/25px 1px no-repeat,linear-gradient(#fff,#fff) center 19px/25px 1px no-repeat,linear-gradient(#fff,#fff) center 28px/25px 1px no-repeat!important}}
@media(max-width:560px){.site-head{height:70px;padding:10px 20px}.brand,.brand img{height:50px}}
@media(prefers-reduced-transparency:reduce){#header{background:rgba(255,255,255,.92);-webkit-backdrop-filter:none;backdrop-filter:none}}

#header .brand img{transition:filter .25s ease}
#header .nav a{transition:color .25s ease,opacity .15s ease}
#header.header-on-light .brand img{filter:brightness(0)}
#header.header-on-light .nav a{color:#000}
#header.header-on-dark .brand img{filter:none}
#header.header-on-dark .nav a{color:#fff}
#header.header-on-light .burger{color:#000!important;background:linear-gradient(#000,#000) center 10px/25px 1px no-repeat,linear-gradient(#000,#000) center 19px/25px 1px no-repeat,linear-gradient(#000,#000) center 28px/25px 1px no-repeat!important}
#header.header-on-dark .burger{color:#fff!important;background:linear-gradient(#fff,#fff) center 10px/25px 1px no-repeat,linear-gradient(#fff,#fff) center 19px/25px 1px no-repeat,linear-gradient(#fff,#fff) center 28px/25px 1px no-repeat!important}

@media(max-width:1024px){
  #header .nav{position:fixed;z-index:1001;inset:0;display:flex;width:100vw;height:100dvh;min-height:100vh;margin:0;padding:90px 24px;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#0d0d0d;visibility:hidden;opacity:0;transform:translateY(-100%);transition:transform .5s cubic-bezier(.76,0,.24,1),opacity .35s ease,visibility 0s linear .5s}
  body.menu-open #header .nav{visibility:visible;opacity:1;transform:translateY(0);transition-delay:0s}
  body.menu-open #header .nav::after{position:fixed;z-index:1003;top:33px;right:35px;width:26px;height:26px;background:linear-gradient(45deg,transparent 48.5%,#fff 48.5%,#fff 51.5%,transparent 51.5%),linear-gradient(-45deg,transparent 48.5%,#fff 48.5%,#fff 51.5%,transparent 51.5%);content:"";pointer-events:none}
  body.menu-open #header .nav a{display:block;margin:0;padding:0;color:#fff;font-family:inherit;font-size:clamp(30px,5vw,52px);font-weight:300;line-height:1;letter-spacing:-.04em;text-align:center;opacity:1}
  body.menu-open #header .nav a:hover,body.menu-open #header .nav a[aria-current=page]{color:#fff;opacity:.55}
  body.menu-open #header .brand{visibility:hidden;opacity:0}
  #header .burger{position:fixed!important;z-index:1002;top:15px!important;right:20px!important;display:block!important;width:52px;height:52px;padding:0;border:0;border-radius:0;cursor:pointer;transition:transform .25s ease}
  #header .burger i,#header .burger::before,#header .burger::after{display:none!important;content:none!important}
  body.menu-open #header .burger{top:20px!important;right:22px!important;display:block!important;background:none!important;color:#fff!important}
}
@media(max-width:560px){
  #header .nav{padding:80px 20px;gap:18px}
  body.menu-open #header .nav a{font-size:clamp(28px,8vw,38px);line-height:1}
  body.menu-open #header .burger{top:14px!important;right:14px!important}
  body.menu-open #header .nav::after{top:27px;right:27px;width:26px;height:26px}
}