body>header{box-sizing:border-box;padding:14px 20px;position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.95);border-bottom:solid 1px #292929;backdrop-filter:blur(5px);display:flex;flex-wrap:wrap;justify-content:space-between}@media (min-width: 768px){body>header{padding:20px;backdrop-filter:none}}@media (min-width: 1051px){body>header{transition:all .5s;transition-property:background-color, border-bottom, backdrop-filter;backdrop-filter:blur(5px)}body>header.nav-top{background:none;border-bottom:none;backdrop-filter:none}body>header.nav-top .main-nav a{color:#fff}body>header.nav-top .main-nav a .ico *{fill:#fff}body>header.nav-top img.logo{opacity:0}body>header.nav-top img.logo.inverted{opacity:1}body>header.nav-top svg.logo path{fill:#fff}}body>header .home{position:relative;height:28px}@media (min-width: 768px){body>header .home{height:32px}}body>header .logo{display:block;height:100%}body>header .logo.inverted{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0}body>header img.logo{transition:opacity 0.5s ease}body>header svg.logo path{transition:fill 0.5s ease}body>header .menu-toggle{height:28px}@media (min-width: 768px){body>header .menu-toggle{display:none}}body>header .menu-toggle .ico{height:100%}body>header .menu-toggle .ico line{stroke:#292929;stroke-width:2;transform-origin:50% 50%;transition:all 0.5s ease}body>header #menu-toggle{display:none}body>header #menu-toggle:checked+.menu-toggle .ico line:nth-child(1){transform:rotate(-360deg) rotate(-45deg) translate(0, 7px)}body>header #menu-toggle:checked+.menu-toggle .ico line:nth-child(2){opacity:0;transform:rotate(-360deg)}body>header #menu-toggle:checked+.menu-toggle .ico line:nth-child(3){transform:rotate(-360deg) rotate(45deg) translate(0, -7px)}body>header #menu-toggle:checked ~ .main-nav ul{height:calc(100vh - 3*14px - 28px);margin-top:14px}body>header #menu-toggle:checked ~ .main-nav li{opacity:1;transition-duration:0.5s;transition-timing-function:ease-in}body>header .main-nav{order:10;width:100%;height:calc(100% - 3*14px)}@media (min-width: 768px){body>header .main-nav{order:2;width:initial;height:32px;margin-left:56px;position:relative;flex-grow:1}}body>header .main-nav ul{height:0;margin:0;padding:0;overflow:hidden;list-style:none;text-align:center;transition:height .5s ease;display:flex;flex-direction:column;justify-content:center;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}body>header .main-nav ul::-webkit-scrollbar{display:none}@media (min-width: 768px){body>header .main-nav ul{position:absolute;bottom:0;overflow:visible;transition:none;flex-direction:row;justify-content:left;align-items:flex-end}}body>header .main-nav li{opacity:0;transition:opacity .25s ease-out;font-size:20px;line-height:34px}@media (min-width: 768px){body>header .main-nav li{height:16px;opacity:1;font-size:16px;line-height:16px;transition:none}}body>header .main-nav li:not(:first-child){margin-top:48px}@media (min-width: 768px){body>header .main-nav li:not(:first-child){margin-top:0;margin-left:48px}}body>header .main-nav a{font-weight:normal;color:#292929;transition:.5s ease;transition-property:color}body>header .main-nav a .ico{height:1.2em;vertical-align:text-bottom}body>header .main-nav a .ico *{fill:#292929;transition:.5s ease;transition-property:fill}