@import url("/font-faces.css");
@import url("/project.css");
/* Import also supports pages already open with the previous navigation runtime. */
/* Page-specific values and layout; shared rules are in ../project.css. */
:root {
  --project-custom2-gap: 10px;
  --project-custom2-tablet-gap: 8px;
  --project-custom2-mobile-gap: 7px;
}

.page-container { margin-left: auto; margin-right: auto; max-width: 100%; padding-bottom: 0px; padding-top: 0px; }

.standard-modules .modules .project-module-media_collection[data-id="m5a32ed9061b9df7c09df7d3ec7fbc639c49ab3f57bf339ffeb9e7"] .grid--main { margin: 0px -4px; }
.splash-modules .modules .project-module-media_collection[data-id="m5a32ed9061b9df7c09df7d3ec7fbc639c49ab3f57bf339ffeb9e7"] .grid--main { margin: 0px -4px; }

/* Keep concept details and prototype photographs in aligned, reserved frames. */
.standard-modules .modules .softgrab-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  padding-bottom: 40px;
}
.standard-modules .modules .softgrab-gallery > .media-frame {
  width: 100%;
  min-width: 0;
  margin: 0;
}
.standard-modules .modules .softgrab-video { padding-bottom: 30px; }
.standard-modules .modules .softgrab-section { padding-bottom: 0; }
@media (max-width: 700px) {
  .standard-modules .modules .softgrab-renderings { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 540px) {
  .standard-modules .modules .softgrab-prototypes { grid-template-columns: minmax(0, 1fr); }
}