/* Mobile spacing and image groups measured against the public project pages. */
@media (max-width: 767px) {
  .project-helmets .project-detail,
  .project-ramensaddle .project-detail,
  .project-lesacdecaca .project-detail,
  .project-twig .project-detail,
  .project-sleepwalker .project-detail { padding-top: 49px; }
  .project-helmets .project-detail { padding-top: 74px; }
  .project-ramensaddle .project-detail { padding-top: 60px; }
  .project-lesacdecaca .project-detail { padding-top: 32px; }
  :is(.project-helmets,.project-ramensaddle,.project-lesacdecaca,.project-twig,.project-sleepwalker) .project-copy { padding: 0 6%; }
  :is(.project-helmets,.project-ramensaddle,.project-lesacdecaca,.project-twig,.project-sleepwalker) .project-copy h1 { font-size: 20.064px; line-height: 1.372; margin: 0 0 30px; }
  :is(.project-helmets,.project-ramensaddle,.project-lesacdecaca,.project-twig,.project-sleepwalker) .project-copy p { font-size: 16px; line-height: 1.6; margin: 0; }
  :is(.project-helmets,.project-ramensaddle,.project-lesacdecaca,.project-twig,.project-sleepwalker) .project-copy p + p { margin-top: 25.6px; }
  :is(.project-helmets,.project-ramensaddle,.project-lesacdecaca,.project-twig,.project-sleepwalker) .project-gallery { grid-template-columns: 1fr; width: 88%; gap: 34px; margin-top: 89px; }
  :is(.project-helmets,.project-ramensaddle,.project-lesacdecaca,.project-twig,.project-sleepwalker) .project-gallery img:last-child:nth-child(odd) { grid-column: auto; width: 100%; }
  .project-helmets .project-intro { margin-bottom: 114px; }
  .project-helmets .project-intro h1 { margin-bottom: 0; }
  .project-helmets .project-video { width: 88%; margin-top: 90px; }
  .project-helmets .project-video iframe { display: block; }
  .project-helmets .project-section + .project-section { padding-top: 158px; }
  .project-ramensaddle .project-intro { margin-bottom: 100px; }
  .project-ramensaddle .project-gallery img:nth-child(3) { margin-top: 68px; }
  .project-ramensaddle .project-section + .project-section { padding-top: 227px; }
  .project-ramensaddle .project-section:last-child { padding-top: 254px; }
  .project-lesacdecaca .project-gallery { margin-top: 73px; }
  .project-lesacdecaca .project-gallery + .project-gallery { margin-top: 90px; }
  .project-twig .project-copy p + p { margin-top: 15px; }
  .project-twig .project-section + .project-section { padding-top: 121px; }
  .project-twig .project-section:nth-child(2) .project-gallery { margin-top: 120px; }
  .project-twig .project-section:nth-child(3) { padding-top: 90px; }
  .project-sleepwalker .project-gallery img:nth-child(3) { margin-top: 56px; }
}