/* Rules that Shopify injected at runtime (via content_for_header / platform
   defaults) and therefore aren't in the theme export. Re-added here so pages
   that depend on them render correctly off-Shopify. */

/* Policy pages (/policies/*) — Shopify's default centered, width-constrained
   container for the auto-generated policy template. */
.shopify-policy__container {
  max-width: 72rem;
  margin: 0 auto;
  padding: 4rem 1.5rem;
}
.shopify-policy__title {
  text-align: center;
  margin-bottom: 2rem;
}
.shopify-policy__body {
  font-size: 1.6rem;
  line-height: 1.6;
}

/* Safety net: the original used Shopify responsive images (srcset/sizes). We
   serve a single localized src, so without this some images render at natural
   size and overflow their containers. Specific rules below still win. */
img {
  max-width: 100%;
  height: auto;
}

/* Editorial "Keep Reading" cards: the section sizes the .article__image box to
   300x300 but never sized the <img> inside it (it relied on srcset). Fill it. */
.article__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Collection grid: the theme uses Masonry.js (.shop__grid > .grid__tile) which
   we don't ship, so tiles collapse to one narrow column. Reproduce the 4-up
   masonry look with CSS multi-columns instead. */
.shop__grid {
  position: static !important;
  margin-right: 0 !important;
  columns: 4;
  column-gap: 20px;
}
.shop__grid .grid-sizer {
  display: none;
}
.shop__grid .grid__tile {
  width: 100% !important;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
}
@media (max-width: 1035px) {
  .shop__grid { columns: 3; }
}
@media (max-width: 768px) {
  .shop__grid { columns: 2; }
}
@media (max-width: 565px) {
  .shop__grid { columns: 1; }
}

/* Events & Press top section: the original renders this rich-text section on a
   cream/pink background (#f5efee), but color-scheme-1 paints it white here.
   Target the specific per-page section ids so no other page is tinted. */
#shopify-section-template--18490770325725__rich_text_i6BUxF .rich-text,
#shopify-section-template--19120883368157__rich_text_i6BUxF .rich-text {
  background: #f5efee;
}

/* Artist spotlight gallery: the theme sizes each .gallery__artwork to 400x400
   but relied on responsive images to fill it; our single-src images keep their
   natural aspect and leave grey gaps. Crop them to fill the box like the original. */
.gallery__artwork img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* The homepage Featured-Artists carousel sets `.artist__description` to near-white
   (#F7F0F3) for its black background. That rule lives in the globally-loaded
   inline.css, so it leaks onto the light-background /pages/artists index and makes
   the bios invisible. Default the bios to dark, and re-scope white to the carousel. */
.artist__description {
  color: #1a1a1a;
}
.carousel__artist .artist__description {
  color: #f7f0f3;
}