/* Layout-critical Bootstrap container geometry, kept local and loaded first.
   This prevents page-width masonry calculations from waiting for vendor CSS. */
:root { --bs-gutter-x: 1.5rem; }
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}
.artwork-grid--pending { opacity: 0; }
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1400px) { .container { max-width: 1320px; } }