/* Shared header and footer styles */
header{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  left:0;
  width:100%;
  z-index:200;
  background:rgba(13,13,13,.9);
  backdrop-filter:blur(6px);
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:.9rem 6vw;
}
.logo{font-weight:800;font-size:1.25rem;background:linear-gradient(90deg,var(--c-aqua),var(--c-indigo));-webkit-background-clip:text;color:transparent;}
#burger{width:28px;height:18px;position:relative;z-index:200;cursor:pointer;}
#burger span,#burger::before,#burger::after{content:'';position:absolute;left:0;right:0;height:3px;border-radius:2px;background:var(--c-aqua);transition:var(--transition);}
#burger span{top:50%;transform:translateY(-50%);}#burger::before{top:0;}#burger::after{bottom:0;}
#burger.open span{opacity:0}#burger.open::before{top:50%;transform:translateY(-50%) rotate(45deg);}#burger.open::after{bottom:50%;transform:translateY(50%) rotate(-45deg);}
.nav-overlay{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:var(--transition);}
.nav-overlay.open{opacity:1;pointer-events:auto;}
nav{position:absolute;left:0;top:0;width:72vw;height:auto;background:var(--c-bg-dark);display:flex;flex-direction:column;padding:4.5rem 2rem;gap:2rem;text-transform:uppercase;font-weight:600;font-size:1.2rem;transform:translateX(-100%);transition:var(--transition);}
.nav-overlay.open nav{transform:none;}
@media(min-width:768px){
  .nav-overlay{position:static;background:none;backdrop-filter:none;opacity:1!important;pointer-events:auto;}
  nav{position:static;transform:none;width:auto;flex-direction:row;padding:0;gap:2.5rem;background:none;}
  #burger{display:none}
}
footer{background:#000;margin-top:4rem;padding:3rem 6vw;text-align:center;font-size:.9rem;color:#8a8a8a;}
.page-container{padding-left:6vw;padding-right:6vw;}

#progress{position:fixed;top:0;left:0;height:4px;background:var(--c-indigo);width:0;z-index:260;}