@keyframes fade-in{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}.canvas.home .site-header-logo{animation:1s ease-in 5s both fade-in}@media (width>=768px){.canvas.home .site-header-nav{animation:1s ease-in 5s both fade-in}}.site-header{z-index:1000;pointer-events:none;animation:fade var(--transition) 4s both;justify-content:space-between;padding:2vmin;display:flex;position:fixed;inset:0 0 auto}@media (width>=1024px){.site-header{padding-right:2rem}}.site-header .c-link,.site-header .nav-link{pointer-events:all;transition:all .25s}.site-header-logo{transform-origin:0;display:flex}.site-header-logomark,.site-header-logotype{box-sizing:border-box;height:2em;display:block}.site-header-logomark{width:1.8em;fill:var(--red)}.site-header-logotype{padding:.4em .8em;overflow:hidden}.site-header-logotype path{transition:transition(.4s var(--easing),transform)}.site-header-logotype path:nth-of-type(9n+1){transition-delay:50ms}.site-header-logotype path:nth-of-type(9n+2){transition-delay:.1s}.site-header-logotype path:nth-of-type(9n+3){transition-delay:.15s}.site-header-logotype path:nth-of-type(9n+4){transition-delay:.2s}.site-header-logotype path:nth-of-type(9n+5){transition-delay:.25s}.site-header-logotype path:nth-of-type(9n+6){transition-delay:.3s}.site-header-logotype path:nth-of-type(9n+7){transition-delay:.35s}.site-header-logotype path:nth-of-type(9n+8){transition-delay:.4s}.site-header-logotype path:nth-of-type(9n+9){transition-delay:.45s}.site-header.affix .site-header-logotype>path,.site-header.on-home .site-header-logotype>path{transition-duration:.1s;transform:translateY(150%)}.site-header-nav{transform-origin:100%;font-size:14px}.site-header-hamburger.c-link{content:"";width:3em;height:2em;margin:auto 0;display:none;position:absolute;inset:0 0 auto}.site-header-hamburger.c-link:after,.site-header-hamburger.c-link:before{content:"";width:50%;height:2px;transition:all .5s;position:absolute;right:0}.site-header-hamburger.c-link:before{transform-origin:100% -250%;top:.5em}.site-header-hamburger.c-link:after{transform-origin:100% 350%;bottom:.5em}.site-header-hamburger.c-link.active:before{transform:translate(-1.5em)rotate(-45deg)}.site-header-hamburger.c-link.active:after{transform:translate(-1.5em)rotate(45deg)}