.header{--100vh:calc(var(--vh, 1vh)*100);align-items:center;background-color:var(--black-color);display:flex;justify-content:center;max-width:100vw;min-height:100vh;overflow:hidden;pointer-events:all;position:relative;width:100%;z-index:0}.header__canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-10}.header__container{color:#fff;cursor:default;mix-blend-mode:difference}.header__container__title{line-height:1.2;margin-bottom:1rem}.header__container__title>:last-of-type{margin-top:min(-.5rem,-1vw)}.header__container__subtitle{font-size:var(--step--1);text-align:center}.header__bottom-bar{align-items:flex-end;display:flex;justify-content:flex-start;left:var(--x-padding);position:absolute;right:var(--x-padding);top:calc(var(--100vh) - var(--step--1));transform:translateY(-100%)}.header__bottom-bar__clock{color:#838383;display:none}.header__bottom-bar__scroll-down{color:#929292}.header__navigation{align-items:center;color:#fff;display:flex;font-size:var(--step--1);justify-content:flex-end;left:0;list-style-type:none;mix-blend-mode:difference;padding-left:max(1rem,min(4vw,5rem));padding-right:max(1rem,min(4vw,5rem));pointer-events:all;position:absolute;top:0;width:100%}.header__navigation>*{position:relative}@media screen and (max-width:512px){.header__navigation{justify-content:space-between;width:100%}}.header:before{background:linear-gradient(to top,var(--black-color) 0,var(--black-color) 25%,rgba(3,3,3,0));bottom:0;content:"";height:25%;left:0;max-height:11rem;min-height:2rem;position:absolute;width:100%;z-index:0}.line{display:block;overflow:hidden}.line__content{display:inline-block}