/* Mobile spacing shared by the introduction, work list and About sections. */
@media (max-width: 767px) {
  :root {
    --mobile-section-gap: 76px;
    --mobile-content-gap: 24px;
  }
  .portfolio-viewer-about > .nd-section {
    margin-top: var(--mobile-section-gap);
    padding-top: 0;
  }
  .home-gallery .grid-hero-b .hero-sticky {
    --intro-section-gap: var(--mobile-content-gap);
    padding-bottom: var(--mobile-content-gap);
  }
  .home-gallery .hero-sticky > .portfolio-contact-links {
    margin-top: var(--mobile-content-gap);
  }
  .home-gallery .portfolio-bio-copy p:not(:last-child) {
    margin-bottom: var(--mobile-content-gap);
  }
  .home-gallery .collection-list-b { row-gap: var(--mobile-content-gap); }
  .home-gallery .cms-project-caption {
    padding-top: var(--mobile-content-gap);
    padding-bottom: 0;
  }
}

/* Mobile About: portrait, name and story, location, then experience. */
@media (max-width: 767px) {
 .portfolio-viewer-about .portfolio-about-profile { grid-template-columns:minmax(0,1fr); gap:28px; }
 .portfolio-viewer-about .portfolio-about-visuals { display:contents; }
 .portfolio-viewer-about .portfolio-about-portrait { grid-column:1; grid-row:1; width:100%; max-width:none; }
 .portfolio-viewer-about .portfolio-about-identity { grid-column:1; grid-row:2; }
 .portfolio-viewer-about .portfolio-about-places { grid-column:1; grid-row:3; margin-top:calc(var(--mobile-section-gap,76px) - 28px); }
 .portfolio-viewer-about .portfolio-about-identity > #portfolio-viewer-title {
  font-family:var(--main-font); font-size:28px; font-weight:600; font-style:normal; line-height:1.3; letter-spacing:-.025em;
 }
}