/* rc-frozen.css - replaces what Squarespace's runtime JS did for layout on the frozen pages. Loaded after the rehosted SS css. */

/* Summary blocks: Squarespace JS (gallery-layout-autocolumns / -autogrid) absolutely positioned / floated the items.
   Same result with plain CSS grid: columns of >=270px (data-column-width), gutter 24px (autocolumns) / 20px (autogrid). */
.summary-block-setting-design-autocolumns .summary-item-list,
.summary-block-setting-design-autogrid .summary-item-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 24px;
  align-items: start;
  position: static;
  height: auto;
  margin: 0;
}
.summary-block-setting-design-autogrid .summary-item-list { gap: 20px; }
.summary-block-setting-design-autocolumns .summary-item,
.summary-block-setting-design-autogrid .summary-item {
  position: static;
  float: none;
  width: auto !important;
  margin: 0 !important;
  clear: none;
}
.summary-block-setting-design-autocolumns .summary-thumbnail.img-wrapper { position: relative; overflow: hidden; }
.summary-block-setting-design-autocolumns .summary-thumbnail-image { display: block; width: 100%; height: auto; }
.summary-block-setting-design-autogrid .summary-thumbnail.img-wrapper { position: relative; overflow: hidden; aspect-ratio: 3 / 2; padding: 0; height: auto; }
.summary-block-setting-design-autogrid .summary-thumbnail-image { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
.summary-block-setting-design-autocolumns .summary-carousel-pager,
.summary-block-setting-design-autogrid .summary-carousel-pager { display: none; }
img.loaded { opacity: 1; }
.rc-form-msg { color: inherit; }