.nav { height:64px; transition:background-color .35s ease,color .35s ease,backdrop-filter .35s ease,box-shadow .35s ease; }
.nav .brand { font-size:24px; }
.nav nav > a { font-size:16px; }
.nav.scrolled:not(.light-theme) { background:rgba(20,20,20,.32); }
.nav.light-theme,.nav.light-theme.scrolled { color:#111; background:rgba(255,255,255,.48); border-bottom:0; box-shadow:none; backdrop-filter:blur(16px) saturate(120%); -webkit-backdrop-filter:blur(16px) saturate(120%); }
.nav.light-theme .download { color:#111; border-color:rgba(0,0,0,.16); background:rgba(255,255,255,.72); box-shadow:inset 0 1px 1px rgba(255,255,255,1),inset 0 -1px 4px rgba(0,0,0,.06),0 8px 20px rgba(0,0,0,.08); text-shadow:none; }
.nav.light-theme .download:hover { border-color:rgba(0,0,0,.28); background:#fff; box-shadow:inset 0 1px 2px rgba(255,255,255,1),inset 0 -2px 6px rgba(0,0,0,.07),0 12px 24px rgba(0,0,0,.12); }
.nav.light-theme .menu { color:#111; }
.nav nav > a:not(.download) { opacity:.68; transition:opacity .22s ease,color .22s ease; }
.nav nav > a:not(.download):hover,
.nav nav > a:not(.download).active { opacity:1; }
.nav .download {
  border:1px solid rgba(255,255,255,.24);
  color:inherit;
  cursor:pointer;
  height:40px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-family:Poppins,sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:1;
}
.nav .download-label { display:block; margin:0; font-size:16px; line-height:1; }
.nav .download-icon {
  margin:0;
  width:20px;
  height:20px;
  display:block;
  flex:0 0 20px;
  background:currentColor;
  -webkit-mask:url('assets/download.svg') center/contain no-repeat;
  mask:url('assets/download.svg') center/contain no-repeat;
}