.site-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:50;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:72px;
  gap:16px;
}

.logo-mark{
  letter-spacing:.32em;
  font-weight:600;
  font-size:13px;
  text-transform:uppercase;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:24px;
  font-size:14px;
  color: rgba(10,10,10,.78);
}
.nav-links a:hover{ color: rgba(10,10,10,1); }

.nav-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.section{ padding: 104px 0; }
@media (max-width: 900px){
  .section{ padding: 78px 0; }
}

.section--dark{
  background: radial-gradient(1200px 700px at 50% 0%, rgba(255,255,255,.06), rgba(0,0,0,0)), var(--dark);
  color: var(--dark-ink);
}
.section--light{ background:#fff; }

@media (max-width: 900px){
  .nav-links{ display:none; }
  .section{ padding:72px 0; }
}