.header-overlay{backdrop-filter:blur(5px);background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity ease-out var(--transition-fast),visibility ease-out var(--transition-fast);visibility:hidden;width:100%;z-index:999}.header-overlay.active{opacity:1;pointer-events:all;visibility:visible}.site-header{background:var(--c-mono-white);left:0;padding:var(--s-20) 0;position:fixed;top:0;width:100%;z-index:1000;&:after{background:rgba(0,0,0,.1);bottom:0;content:"";height:1px;left:0;pointer-events:none;position:absolute;width:100%;z-index:2}.navbar-row{align-items:center;display:flex;gap:var(--s-16);justify-content:space-between}.nav-menu{align-items:center;display:flex;flex:1;flex-direction:row;justify-content:center;@media (max-width:1100px){display:none}.nav-list{align-items:center;display:flex;flex-direction:row;gap:var(--s-4);justify-content:center;list-style:none;.nav-link{border-radius:.25rem;color:var(--c-mono-clean-black);display:block;font-weight:500;line-height:1;min-width:max-content;padding:var(--s-4) var(--s-6);transition:color ease-out var(--transition-fast),background ease-out var(--transition-fast);&:hover{background:rgba(255,103,0,.15);color:var(--c-accent-orange)}}}}.header-side{align-items:center;display:flex;flex-direction:row;gap:var(--s-16);justify-content:center;@media (max-width:575px){.button{display:none}}}.mobile-menu-toggle{align-items:center;background:var(--c-mono-light-grey);border:none;border-radius:var(--s-8);cursor:pointer;display:none;flex-direction:column;gap:var(--s-4);height:var(--s-40);justify-content:center;padding:0;transition:background ease-out var(--transition-fast);width:var(--s-48);@media (max-width:1100px){display:flex}.line{background:var(--c-mono-clean-black);display:block;height:.1rem;transform-origin:center;transition:background ease-out var(--transition-fast),transform ease-out var(--transition-fast);width:var(--s-16)}&.active{.line{&:first-child{transform:rotate(-45deg) translateX(-.15rem) translateY(.1rem)}&:nth-child(2){transform:rotate(45deg) translateX(-.15rem) translateY(-.1rem)}}}}.header-mobile{background:var(--c-mono-white);border-radius:0 0 var(--s-24) var(--s-24);height:auto;margin:var(--s-20) 0 0;max-height:calc(100svh - 4rem);opacity:0;overflow-y:auto;padding:var(--s-8);pointer-events:none;position:absolute;transform:translateY(-1.5rem);transition:opacity ease-out var(--transition-fast),transform ease-out var(--transition-fast);width:100%;z-index:2;@media (min-width:1101px){display:none}&.active{opacity:1;pointer-events:all;transform:translate(0)}.nav-menu-mobile{.nav-list{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;list-style:none;margin:0;padding:0 var(--s-24);width:100%;@media (max-width:576px){padding:0 var(--s-16)}.nav-item{border-bottom:1px solid var(--c-mono-light-grey);position:relative;width:100%;&:last-child{border-bottom:none}.nav-link{align-items:center;color:var(--c-mono-clean-black);display:flex;flex-direction:row;font-size:var(--s-24);font-weight:500;justify-content:space-between;padding:var(--s-20) 0;position:relative;text-decoration:none;transition:color ease-out var(--transition-fast);width:100%;&:hover{color:var(--c-accent-orange)}}}}}.button{justify-content:center;margin:var(--s-16) var(--s-4) var(--s-8);width:calc(100% - var(--s-8))}}}