header button{width:unset;border:none;outline:none}header{isolation:isolate;z-index:500;min-width:100vw;height:max-content;padding:var(--hud-padding-mobile);background-color:#fff;border-bottom:1px solid #aaa;flex-wrap:nowrap;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0}@media screen and (hover){header{width:calc(100vw - var(--hud-padding-desktop));padding-right:1.5rem}}#logo{height:var(--header-height-phone);width:auto;margin-left:.5rem}@media screen and (hover){#logo{height:var(--header-height-desktop)}}#logo img{height:100%}.menu-icon{background-color:#fff}header .navlink:hover{background-color:#f0f0f0}header .navlink:active{color:#fff;background-color:#333;outline:none}header .navlink{background-color:unset;font-weight:700}@media screen and (hover:none) and (max-width:785px){header .navlink{padding:1.5vmax 3vmax}}@media screen and (hover:none) and (min-width:785px){header .navlink{padding:1vmax 3vmax}}@media screen and (hover) and (max-width:785px){header .navlink{padding:.5rem 1rem}}.hamburger-wrapper{cursor:pointer;align-items:center;margin-right:.5em;display:flex}.hamburger-wrapper img{width:min(10vw,10vh);height:min(12vw,12vh)}header nav{display:flex}@media screen and (hover:none) and (max-aspect-ratio:1/2),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:portrait) and (max-width:699px),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:landscape) and (max-height:699px){header nav{top:var(--header-height-phone);padding:2vmax 4vmax;right:2vmax}}@media screen and (hover) and (max-width:785px),screen and (hover:none) and (max-aspect-ratio:1/2),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:portrait) and (max-width:699px),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:landscape) and (max-height:699px){header nav{background-color:#fff;outline:1px solid #000;flex-direction:column;justify-content:left;width:max-content;height:max-content;margin-right:0;display:flex;position:absolute;box-shadow:0 8px 18px #0008}header .navlink:not(:last-child){border-bottom:1px solid #ccc}header .nav-closed{display:none}header nav>*{text-align:left}}@media screen and (hover) and (max-width:785px){.hamburger-wrapper img{height:calc(var(--header-height-desktop)*.8);width:calc(var(--header-height-desktop)*.8)}header nav{top:var(--header-height-desktop);padding:1rem;right:1rem}}@media screen and (hover) and (min-width:786px),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:portrait) and (min-width:700px),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:landscape) and (min-height:700px){.hamburger-wrapper{display:none}header nav>*{margin:0;padding:.2em .5em}}@media screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:portrait) and (min-width:700px),screen and (hover:none) and (min-aspect-ratio:1/2) and (orientation:landscape) and (min-height:700px){header nav{top:var(--header-height-phone);right:2vmax}}@media screen and (hover) and (min-width:786px){header nav{width:calc(100% - 4rem - var(--hud-padding-desktop));flex-wrap:wrap;justify-content:flex-end;gap:.5rem calc(10vw - 2rem);height:min-content;margin-right:calc(5vw - 1rem)}}
footer{background:linear-gradient(#ccc,#fff);outline:1px solid #bbb;width:100vw}footer nav{flex-direction:column;align-items:center;gap:3vh;padding:5vh 0;display:flex}@media screen and (hover){footer nav{gap:1rem;padding:2rem 0}}footer .footer-portfolio-link{margin-top:4vh}@media screen and (hover){footer .footer-portfolio-link{margin-top:2rem}}footer a{text-decoration:underline}