/* Shared horizontal rhythm for public pages on mobile. */
@media (max-width: 760px) {
  :root {
    --page-margin: 10px;
    --grid-gutter: 10px;
  }

  /* Preserve vertical spacing while changing the horizontal page inset. */
  .portfolio-shell {
    padding-top: 20px;
    padding-bottom: max(20px, env(safe-area-inset-bottom));
  }

  .home-loop-mark,
  .home-mark,
  .not-found-logo,
  .logo-mark { left: 10px; }

  .not-found h1 { right: 10px; }

  .article-footer {
    left: 10px;
    right: 10px;
  }

  .home-persistent-footer,
  .works-year,
  .article-footer-year,
  .selected-feature .selected-works-header { column-gap: 10px; }

  .loop-return-info { top: 20px; }
  .loop-return-year { bottom: 20px; }

  .next-project-overlay .next-project-link {
    max-width: calc(100% - 20px);
  }
}