.container { width: min(100% - 2rem, var(--container)); margin-inline: auto; }
.container--narrow { max-width: var(--container-narrow); }
.section { padding-block: clamp(var(--space-16), 9vw, var(--space-24)); }
.section--cream { background: var(--color-cream); }
.section--intro { padding-block: clamp(var(--space-12), 8vw, var(--space-20)); }
.split-intro, .story-section__grid, .special-orders__grid, .contact-preview__grid { display: grid; gap: var(--space-8); }
.collection-grid, .product-grid { display: grid; gap: var(--space-5); }
.section-action { display: flex; justify-content: center; margin-top: var(--space-10); }

@media (min-width: 40rem) {
  .collection-grid, .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 48rem) {
  .container { width: min(100% - 3rem, var(--container)); }
  .split-intro, .story-section__grid, .special-orders__grid, .contact-preview__grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(3rem, 8vw, 7rem); align-items: start; }
}
@media (min-width: 64rem) {
  .collection-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .product-grid:has(.product-card:nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}