header{background-image:linear-gradient(to bottom,#122200e6,color-mix(in oklab,var(--color-dark) 90%,transparent) 75svh)}@media (width < 48rem){header:has(div[data-mobilehidden=false]){background:#122200}}header .menu{background:color-mix(in oklab,color-mix(in oklab,var(--color-dark) 25%,black) 75%,transparent)}@media (width < 48rem){header .menu{background:color-mix(in oklab,var(--color-dark) 25%,black)}}header .menu a{padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 10);border-radius:999px;transition:all .2s}@media (width >= 48rem){header .menu a.active{background:var(--color-primary);color:var(--color-darkgray)}header .menu a:not(.active):hover{background:var(--color-darkgray)}header .menu a:active{transform:translateY(2px)}}@media (width < 80rem){header .menu a{padding-inline:calc(var(--spacing) * 8)}}@media (width < 64rem){header .menu a{padding-inline:calc(var(--spacing) * 4)}}@media (width < 48rem){header .menu a{padding-inline:5vw;width:100%;border-radius:0;transform-origin:left}header .menu a.active{background:var(--color-darkgray)}}