@media only screen and (max-width:1179px){.site-nav{z-index:99}.site-nav:after{content:"";background:var(--nav-bg);position:fixed;inset:0 0 auto;height:25vh;display:block;opacity:0;transition:opacity .25s ease-in-out}.site-nav button{z-index:2}.site-nav>ul{position:fixed;inset:25vh 0 0;height:75vh;width:90%;display:block;background-color:var(--nav-bg);padding:0 5%;font-size:1.5rem;gap:.5rem;transform:translateY(-100vh);overflow-y:scroll;opacity:0}.site-nav>ul>li:first-of-type{margin-top:3rem}.site-nav>ul>li:last-of-type{margin-bottom:3rem}.site-nav li,.site-nav li a{display:block;margin:0}.site-nav li a,.site-nav li button{font-size:1.25rem;font-weight:700;padding:.5rem 0;margin:0;text-decoration:none}:is(.site-nav li a,.site-nav li button):hover,:is(.site-nav li a,.site-nav li button).active{color:var(--light)}.site-nav nav{padding-block:0;margin:0;height:0;overflow:hidden}.site-nav nav ul{display:block;opacity:0;transition:opacity .5s ease-out}.site-nav nav li{margin:0}.site-nav nav a{font-size:1rem;font-weight:500;padding:.25rem 0;margin:0}.site-nav nav:focus-within,button:focus+:is(.site-nav nav),.site-nav nav:has(li:hover){height:auto}:is(.site-nav nav:focus-within,button:focus+:is(.site-nav nav),.site-nav nav:has(li:hover)) ul{opacity:1}html:has(.site-nav>ul:focus-within),html:has(.site-nav-button:focus){overflow-y:hidden}.site-nav-button,.site-nav .logo{z-index:99}.site-nav-button{transition:transform .25s ease-in-out,border-color .25s ease;cursor:pointer}.site-nav-button:after{transition:transform .25s ease}.site-nav-button:focus{pointer-events:none}.site-nav:has(.site-nav-button:focus,ul:focus-within,li:hover):after{opacity:1}.site-nav:has(.site-nav-button:focus,ul:focus-within,li:hover) .logo{transform:scale(1);transition-delay:.5s}.site-nav:has(.site-nav-button:focus,ul:focus-within,li:hover) .site-nav-button{border-color:transparent}.site-nav:has(.site-nav-button:focus,ul:focus-within,li:hover) .site-nav-button,.site-nav:has(.site-nav-button:focus,ul:focus-within,li:hover) .site-nav-button:after{transform:rotate(225deg)}.site-nav:has(.site-nav-button:focus,ul:focus-within,li:hover) .site-nav-button:before,.site-nav:has(.site-nav-button:focus,ul:focus-within,li:hover) .site-nav-button:after{border-color:#fff}.site-nav:has(.site-nav-button:focus,ul:focus-within,li:hover) .site-nav-button:after{content:"";transform:rotate(90deg)}.site-nav:has(.site-nav-button:focus,ul:focus-within,li:hover)>ul{transform:none;transition:opacity .5s ease,transform .5s ease .25s;opacity:1}}@media only screen and (min-width:1180px){.site-nav :is(a,button):before{transition:transform .25s ease-in-out;transform-origin:top left}.site-nav :is(a,button):hover:before{transform:none}.site-nav nav{display:block;position:absolute;inset:4rem -2rem auto auto;background-color:var(--nav-bg);border-radius:var(--border-radius);transform:ScaleY(0);transform-origin:top left;box-shadow:var(--box-shadow-block) var(--shadow)}.site-nav nav:after{position:absolute;content:"";display:block;height:2.25rem;inset:-2.25rem 0 auto}.site-nav nav ul{padding:1.25rem 2rem 1.5rem;display:block;opacity:0}.site-nav nav li{margin-block:.5rem}.site-nav nav a{white-space:nowrap;font-weight:400;padding-block:.5rem;display:inline-block}.site-nav nav a:before{height:1px}:is(.site-nav>ul>li:hover,.site-nav>ul>li:focus-within) nav{transform:none;transition:transform .25s ease-in-out .25s,opacity .25s ease-in-out}:is(.site-nav>ul>li:hover,.site-nav>ul>li:focus-within) nav ul{opacity:1;transition:opacity .125s ease-in-out .25s}}