nav{--progress:min(calc(var(--yv) / 144), 1);width:100%;height:max(calc(144px - calc(.5 * var(--y))),72px);position:fixed;z-index:1;top:0;left:0;backdrop-filter:blur(4px);background-color:rgba(calc(15 - calc(15 * var(--progress))),calc(163 - calc(163 * var(--progress))),calc(77 - calc(77 * var(--progress))),calc(1 - calc(.5 * var(--progress))));box-shadow:0 4px 8px 0 #0008;overflow:hidden}aside a,nav a{opacity:var(--opacity-body);color:#fff;text-decoration:none;transition:.1s}aside a:hover,nav a:hover{opacity:1;color:#fff}aside button,nav button{padding:0;background:0 0;border:none;appearance:none;cursor:pointer}#nav-collapse,#nav-expand{display:flex;width:calc(100% - calc(2 * var(--gutter-header)));padding:0 var(--gutter-header);align-items:center;justify-content:space-between;transform:translateY(max(calc(-1 * var(--y)),-180px))}#nav-expand{height:144px;opacity:calc(1 - var(--progress))}#nav-expand-left{display:flex;align-items:center;gap:8px}nav #nav-expand-left>:last-child{width:min(calc(calc(100vw - calc(2 * var(--gutter))) - 77px),200px)}@media screen and (max-width:500px){#nav-popup #nav-expand-left>:last-child,nav #nav-expand-left>:first-child{display:none}}#nav-expand-links{display:flex;flex-direction:column;align-items:flex-end;gap:24px}#nav-collapse-left,#nav-expand-links>div{display:flex;align-items:center;gap:24px}#nav-collapse{height:72px;opacity:var(--progress)}#nav-collapse-links{display:flex;gap:24px}@media screen and (max-width:900px){#nav-collapse-links,#nav-expand-links{display:none}}@media screen and (min-width:900px){#nav-collapse-menu,#nav-expand-menu{display:none}}@media screen and (max-width:1800px){#nav-collapse-left>.contact-chip{display:none}}#nav-popup{display:flex;width:calc(100vw - 80px);height:calc(100vh - 80px);padding:40px;position:fixed;z-index:2;top:0;left:100vw;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:40px;background-color:var(--green-dark);overflow-y:auto;transition:left .5s}#nav-popup.visible{left:0}#nav-popup>div:not(:first-child){display:flex;flex-direction:column;gap:8px}#nav-popup-header{display:flex;width:100%;align-items:center;justify-content:space-between}.contact-chip{display:flex;align-items:center;gap:8px;opacity:1}.nav-home{opacity:1}#nav-spacer{height:144px}