:root{--menu-text-color:#000;--menu-open-bg-color:#1d424d;--menu-open-fg-color:#fff;--menu-button-color:#000;--menu-outline-color:transparent;--menu-outline-color-blur:16px;--menu-main-border-radius:0;--menu-panel-border-radius:0;--menu-button-box-size:2rem}nav{text-align:left}nav a{border:none;color:var(--menu-text-color);cursor:pointer;display:inline-block;font-size:1rem;padding:.22rem .6rem;text-decoration:none;white-space:nowrap}nav>ul{gap:.1rem;list-style-type:none;margin:0;padding:.25rem 0}nav>ul,nav>ul>li{display:flex;flex-direction:column}nav>ul>li{border-radius:var(--menu-main-border-radius);transition:border-radius .1s ease-in-out}nav li>ul{flex-direction:column;list-style-type:none}nav li>ul,nav li>ul>li{display:flex}nav>ul>li>a{text-transform:uppercase}nav li>a+ul{max-height:0;opacity:0;overflow:hidden;padding:0 0 0 .4rem;transition:all .2s ease-in-out;z-index:2}nav li:focus-within>a+ul{padding:0 .4rem .4rem}nav>ul>li.current,nav>ul>li:focus-within,nav>ul>li:focus-within>ul,nav>ul>li:hover,nav>ul>li:hover>ul{background-color:var(--menu-open-bg-color);box-shadow:1px 1px 1px rgba(0,0,0,.2);text-shadow:none}nav>ul>li:focus-within>ul,nav>ul>li:hover>ul{border-radius:var(--menu-panel-border-radius)}nav>ul>li.current a,nav>ul>li:focus-within a,nav>ul>li:hover a{color:var(--menu-open-fg-color)}nav ul li.separator{border-bottom:1px solid hsla(0,0%,100%,.1);margin:.4rem 1rem}nav>ul>li>ul>li{flex-direction:column}nav>ul>li>ul>li>a{width:100%}nav li:focus-within>a+ul{max-height:100vh;opacity:1;overflow:visible}nav li:focus-within>a+ul:hover>li{opacity:1;transition:opacity .2s ease-in-out}nav li:focus-within>a+ul:hover>li:not(:hover){opacity:.5}nav li>a.children:after{content:"^";display:inline-block;font-family:monospace,monospace;font-size:.7rem;transform:rotate(180deg) translateY(.15rem) translateX(-.1rem);transition:transform .2s ease-in-out}nav li:focus-within>a.children:after{transform:rotate(180deg) translateY(.05rem) translateX(-.1rem)}nav li ul li a{font-size:.9rem;padding:.165rem .33rem .165rem .53rem}.menubutton{cursor:pointer;display:inline-block;height:var(--menu-button-box-size);margin-left:auto;position:relative;width:var(--menu-button-box-size)}.menubutton .line{background-color:var(--menu-button-color);border-radius:1rem;height:3px;left:50%;position:absolute;top:50%;transition:all .15s ease-in-out;width:25px}.menubutton .line:first-child{transform:translate(-50%,-.5rem) rotate(0)}.menubutton .line:nth-child(2){transform:translate(-50%,-50%)}.menubutton .line:nth-child(3){transform:translate(-50%,calc(.5rem - 3px)) rotate(0)}.menu-opened .menubutton .line:first-child{transform:translate(-50%,-50%) rotate(45deg)}.menu-opened .menubutton .line:nth-child(2){transform:translate(-50%,-50%) scaleX(0)}.menu-opened .menubutton .line:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}body.menu-opened{overflow:hidden}body.menu-opened .menubutton>span.lines{opacity:0;width:0}body.menu-opened .menubutton>span.cross{opacity:1;width:1.6rem}.menuwrapper{align-content:center;display:flex;flex-direction:column;justify-content:center;margin:auto;max-height:0;opacity:0;overflow:hidden;text-align:right;transition:all 1s ease-in-out}.menu-opened .menuwrapper{max-height:calc(100vh - 8rem);opacity:1}.menu-opened nav{overflow:auto}.menu-opened header{height:100vh;width:100vw}.header__column{height:100vh}.home nav>ul>li{text-shadow:0 0 var(--menu-outline-color-blur) var(--menu-outline-color),0 0 var(--menu-outline-color-blur) var(--menu-outline-color)}