:root{--vh:100vh}@supports (height:100dvh){:root{--vh:100dvh}}.header{width:100%;padding:var(--gap) 0;position:relative;z-index:var(--z-index-header);pointer-events:none}.mask{width:100%;top:0;right:0;padding:var(--gap);overflow:hidden;visibility:hidden;background:var(--color-mask);position:fixed;z-index:var(--z-index-mask);pointer-events:auto;will-change:height,transform}.oas{grid-column:1/4;z-index:var(--z-index-toggle);pointer-events:auto}.oas svg{max-width:200px;width:100%;fill:var(--color-text);position:relative}.hamburger{grid-column-end:-1;display:flex;justify-content:flex-end;pointer-events:auto;z-index:var(--z-index-toggle)}.button{width:50px;height:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.button span{width:100%;height:3px;display:block;background:var(--color-text);position:relative;transition:transform .4s cubic-bezier(.25,1,.5,1),margin-top .4s cubic-bezier(.25,1,.5,1),opacity .3s ease}.button:hover span:nth-child(2){transform:translateX(-10px) scalex(.8);transform-origin:left}.header.open .button span{background:var(--color-text)}.header.open .button span:nth-child(1){transform:translateY(11px) rotate(45deg);transform-origin:center}.header.open .button span:nth-child(2){opacity:0;transform:scaleX(0)}.header.open .button span:nth-child(3){transform:translateY(-11px) rotate(-45deg);transform-origin:center}.nav{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.nav-collapse{display:flex;flex-direction:column}.nav-collapse li{font-weight:500;font-size:clamp(1.25rem,8.625vw,6rem);line-height:1;text-align:left;color:var(--color-text)}.nav-collapse li a{display:block;will-change:transform,opacity}.nav-collapse li:not(.current):hover{opacity:.5;cursor:pointer}.nav-collapse li.current{opacity:.5}.nav-collapse li.current a{pointer-events:none;cursor:default}.overlay{width:100%;height:100%;top:0;left:0;display:none;background:rgba(0,0,0,.75);position:fixed;z-index:var(--z-index-overlay);pointer-events:auto}@media (min-width:1200px){.oas{grid-column:1/3}.oas svg{max-width:100%;margin:0 auto}.mask{width:40vw;height:75vh;top:calc(var(--gap)/ 4);right:calc(var(--gap)/ 4);border-radius:8px;will-change:transform,opacity}.nav{justify-content:flex-start;align-items:flex-end}.nav-collapse{align-self:flex-end}.nav-collapse li{font-size:3.5vw}}@media (max-width:1000px) and (orientation:landscape){.oas svg{max-width:175px}}