@property --menu-item-bkg{initial-value:transparent;inherits:false;syntax:'<color>';}
#page-header{display:grid;grid-template-columns:subgrid;grid-template-rows:1fr;background-color:hsl(from var(--bkg2) h s l / .20);backdrop-filter:blur(0.5rem);color:var(--txt2);font-size:1.1rem;transition:all 300ms ease-in-out;transition-delay:300ms;position:relative;box-shadow:0 1rem 3rem rgba(0,0,0,0.28),0 0.5rem 1rem rgba(0,0,0,0.4);}
#page-header:hover,#page-header:focus-within,#page-header #header-pop-menu:hover,#page-header #header-pop-menu:focus-within{background-color:hsl(from var(--bkg2) h s l / .75);transition-delay:0ms;}
#page-header a,#page-header a:link,#page-header a:visited,#page-header a:hover,#page-header a:active,#page-header a:focus{color:var(--txt2);text-decoration:none;}
body:has(.header-menu-button:hover) #pageCover,body:has(.header-menu-button:focus) #pageCover,body:has(.header-pop-item:focus-within) #pageCover,body:has(.header-pop-item:hover) #pageCover{backdrop-filter:blur(1rem);background-color:hsl(from var(--bkg) h s l / .1);z-index:5;opacity:1;}
#header-flex{grid-area:breakout;display:flex;align-items:center;width:100%;}
.header-menu-button svg,.header-menu-button img{height:3rem;width:auto;max-height:100%;transition:all 500ms ease-in-out;fill:var(--txt2);filter:drop-shadow(0 0 3px var(--brand));}
#logo img,#logo svg{width:auto;max-height:100%;transition:all 500ms ease-in-out;fill:var(--txt2);filter:drop-shadow(0 0 3px var(--brand));margin:auto;}
.header-flex-item:nth-child(1){text-align:left;margin-right:auto;}
.header-flex-item{flex:0 1 0;min-width:min-content;max-width:max-content;text-align:center;padding:1rem 2rem;height:100%;transition:--menu-item-bkg 300ms ease-in-out;}
#header-full-logo{height:4rem;}
#header-icon-logo{display:none;height:4rem;}
.nav-mobile:not(.nav-desk){display:none !important;}
#main-nav{grid-area:column3;height:100%;width:100%;display:grid;justify-content:end;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:max-content;}
#profile{grid-area:rcolumn;height:100%;width:100%;display:grid;place-items:center;}
.header-menu-button{background:linear-gradient(to bottom,hsl(from var(--menu-item-bkg)h s 70%), var(--menu-item-bkg) 50%,hsl(from var(--menu-item-bkg)h s 45%));color:var(--txt2);border:none;border-radius:0;text-decoration:none;text-shadow:0 0 3px var(--brand);}
.header-menu-button:hover,#page-header:has(.header-menu-button:focus):not(:hover) .header-menu-button:focus,#page-header:has(.header-menu-button:focus-within):not(:hover) .header-menu-button:focus-within{--menu-item-bkg:var(--brand);box-shadow:0 4px 15px rgba(0,0,0,0.3);}
.header-menu-button:hover a,#page-header:has(.header-menu-button:focus):not(:hover) .header-menu-button:focus a,#page-header:has(.header-menu-button:focus-within):not(:hover) .header-menu-button:focus-within a{color:var(--txt2);}
#header-pop-menu{position:absolute;top:100%;right:0;max-height:0vh;background-color:hsl(from var(--bkg2) h s l / .75);backdrop-filter:blur(0.5rem);color:var(--txt2);z-index:20;overflow:hidden;display:grid;grid-template-columns:1fr;width:100%;transition:max-height 500ms ease-in-out 100ms;}
#header-flex:has(.header-menu-button:hover) ~ #header-pop-menu,#header-flex:has(.header-menu-button:focus) ~ #header-pop-menu,#header-pop-menu:hover,#header-pop-menu:focus-within{max-height:90vh;box-shadow:0 1rem 3rem rgba(0,0,0,0.11),0 0.5rem 1rem rgba(0,0,0,0.28);}
.header-pop-item{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:start;justify-items:center;gap:min(3rem,10%);overflow:hidden;max-height:0px;padding:0;}

.header-pop-item-group{display:grid;grid-template-columns:1fr;gap:0.75rem;}
.header-pop-item-group-header{font-weight:100;padding-bottom:0.5rem;text-decoration:underline;text-underline-offset:3px;}
.header-pop-item-group-header,.header-pop-item-group-item{display:flex;gap:0 0.5rem;align-items:center;}
.header-pop-item-group-item img,.header-pop-item-group-item svg,.header-pop-item-group-header img,.header-pop-item-group-header svg{height:1.5rem;width:auto;display:inline-block;fill:var(--txt2);filter:drop-shadow(0 0 3px var(--brand));}
.header-pop-item-group-item{font-size:1.2rem;font-weight:200;}
.header-pop-item-group-item-em{font-size:1.3rem;font-weight:400;text-shadow:0 0 5px var(--brand);}
.header-pop-item-group-item-min{font-weight:100;}
.header-pop-own-row{min-width:80vw;max-width:90vw;}

.header-pop-form{grid-template-columns:repeat(auto-fit,minmax(min(300px,80vw),40%));justify-content:center;justify-items:end;}
.header-pop-form > label:nth-of-type(even){justify-self:start;}
.header-pop-form input{font-size:1rem;}
.header-pop-form label{display:grid;grid-template-rows:auto auto;gap:0.25rem;margin-bottom:1rem;grid-template-columns:minmax(min(300px,80vw),400px);}
.header-pop-form button{justify-self:center;grid-column:1/-1;}
@media(min-width:1183px){.header-pop-item:has(> :only-child){justify-items:end;}}
@media(max-width:1182px){#header-icon-logo{display:block;}#header-full-logo{display:none;}#header-flex{grid-area:page;padding:0 0.5rem;}.nav-mobile:not(.nav-desk){display:block !important;}.header-flex-item{padding:1rem;}#header-icon-logo{height:3rem;}.nav-desk:not(.nav-mobile){display:none !important;}.header-flex-item:nth-child(1){text-align:center;margin-right:unset;}.header-flex-item{flex:1;max-width:none;}}
@media(max-width:700px){.header-menu-button svg,.header-menu-button img{height:2rem;max-width:2rem;}#header-icon-logo{height:2rem;}}