@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: 5px;
}

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

/* Present the key visual and campaign artwork as a pair when each has room. */
.standard-modules .modules .lotto-visuals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
  padding-bottom: 30px;
}
.standard-modules .modules .lotto-visual { min-width: 0; margin: 0; }
.standard-modules .modules .lotto-visual > .media-frame { width: 100%; margin: 0; }
.lotto-visual figcaption { padding-top: 8px; color: #999; font: 400 13px/19px FS, sans-serif; }
.standard-modules .modules .lotto-context { padding-bottom: 0; }
@media (max-width: 1100px) {
  .standard-modules .modules .lotto-visuals { grid-template-columns: minmax(0, 1fr); }
}