/* BITARD CASE previous/next navigation. */

.bitard-case-navigation{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:end;
  gap:30px;
  padding:62px var(--content-right) 12px 0;
  font-size:9px;
  line-height:1;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.bitard-case-navigation__link{
  display:inline-block;
  width:max-content;
  max-width:100%;
  color:var(--ink);
  text-decoration:none;
}

.bitard-case-navigation__link--next{
  justify-self:end;
  text-align:right;
}

.bitard-case-navigation__link:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}

.bitard-case-navigation__empty{
  display:block;
  min-height:1em;
}

@media (max-width:820px){
  .bitard-case-navigation{
    gap:20px;
    padding:48px var(--edge) 8px 0;
  }

  /* Direct CASE loads keep their own sticky mobile navigation. The PJAX CASE
     overlay removes that duplicate nav, so only direct pages need BACK pushed
     below the shared mobile-nav offset. */
  .bitard-project-page:not(.bitard-pjax-overlay) .bitard-project-back{
    top:calc(var(--bitard-mobile-nav-offset) + 12px);
  }
}