@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. */
.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="m5d78df62656e8e662312200c1c3cb9104af033688a64259d22aa2"] .grid--main { margin: 0px -4px; }
.splash-modules .modules .project-module-media_collection[data-id="m5d78df62656e8e662312200c1c3cb9104af033688a64259d22aa2"] .grid--main { margin: 0px -4px; }

/* Keep each design decision next to its supporting images. */
.standard-modules .modules .sara-story-text { padding-bottom: 0; }
.standard-modules .modules .sara-story-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 20px;
  padding-bottom: 40px;
}
.standard-modules .modules .sara-observations { grid-template-columns: minmax(0, 2.2173913043478257fr) minmax(0, 1.8505039193729005fr); }
.standard-modules .modules .sara-concept-development { grid-template-columns: minmax(0, 1.8870614035087716fr) minmax(0, 1.5370262390670553fr); }
.standard-modules .modules .sara-fabrication { grid-template-columns: minmax(0, 2.2441717791411047fr) minmax(0, 1.2529126213592232fr) minmax(0, 2.0356940509915016fr); }
.standard-modules .modules .sara-story-figure { min-width: 0; margin: 0; }
.standard-modules .modules .sara-story-figure > .media-frame { width: 100%; margin: 0; }
.sara-story-figure figcaption { padding-top: 8px; color: #999; font: 400 13px/19px FS, sans-serif; }
.standard-modules .modules .sara-finished { max-width: 800px; }
@media (max-width: 932px) {
  .standard-modules .modules .sara-fabrication { grid-template-columns: minmax(0, 1.2529126213592232fr) minmax(0, 2.0356940509915016fr); }
  .sara-fabrication > .sara-story-figure:first-child { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .standard-modules .modules .sara-observations,
  .standard-modules .modules .sara-concept-development { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 540px) {
  .standard-modules .modules .sara-fabrication,
  .standard-modules .modules .sara-finished { grid-template-columns: minmax(0, 1fr); }
  .sara-finished > .sara-story-figure { width: 100%; max-width: 340px; }
}