.nav{
  max-width:960px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem 1.5rem;
  border-bottom:0.5px solid var(--border1);
  position:sticky;
  top:0;
  background:var(--bg);
  z-index:100;
}

.page{
  max-width:960px;
  margin:0 auto;
  padding:2rem 1.5rem 5rem;
}

.hero-band{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3rem;
  padding:2.75rem 0;
  border-bottom:0.5px solid var(--border1);
}

.two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3rem;
}

.article-body-grid{
  display:grid;
  grid-template-columns:1fr 260px;
  gap:3.5rem;
}
@media(max-width: 1024px){
    .page {padding: 2rem 1.5rem 3rem;}
}
@media(max-width: 767px){
    .page {padding: 2rem 1.5rem 2rem;}
}