/* One content clearance below the visible navigation on secondary pages. */
:root { --secondary-header-gap:72px; }
.page-case .case-right-stack,
.page-projects .pr-right-stack { padding-top:calc(72px + var(--secondary-header-gap)); }
.page-about .about-intro { padding-top:calc(68px + var(--secondary-header-gap)); }
@media(max-width:820px) {
  :root { --secondary-header-gap:40px; }
  /* These pages have their navigation in document flow on small screens. */
  .page-case .case-right-stack,
  .page-projects .pr-right-stack { padding-top:var(--secondary-header-gap); }
}
@media(max-width:760px) {
  .page-about .about-intro { padding-top:calc(58px + var(--secondary-header-gap)); }
}