.palette-page { background: #fff; }
.palette-page .catalog-wide { width: min(1760px, calc(100% - 96px)); margin-inline: auto; }
.palette-page .catalog-banner { position: relative; isolation: isolate; padding: 0; height: 220px; display: flex; align-items: center; overflow: hidden; color: #fff; }
.palette-page .catalog-banner > img { object-position: center 72%; }
.palette-page .catalog-banner h1 { font-size: clamp(2.4rem, 3.6vw, 3.7rem); line-height: 1.1; letter-spacing: -.035em; }
.palette-page .catalog { background: #fff; padding: 30px 0 125px; }
.palette-page .palette-layout { padding-bottom: 0; }
.palette-page .palette-filters { display: block; position: static; background: none; border: 0; border-radius: 0; padding: 0; }
.palette-page .palette-filters input { min-height: 48px; }
.palette-page .catalog-result-heading { margin-top: 0; }
.palette-page .global-swatch > strong { overflow-wrap: anywhere; }
.palette-page .palette-filters select { min-height: 48px; }
.palette-page #palette-reset { color: #c80033; padding: 10px 0; text-underline-offset: 4px; }
.palette-page .palette-invite { margin-top: 28px; padding-top: 24px; font-size: 1rem; }
.palette-page .catalog-result-heading p { font-size: .94rem; color: #52617d; font-weight: 400; white-space: nowrap; }
.palette-page .palette-no-results { margin: 0; padding: 38px 24px; background: #f5f8fd; border-radius: 14px; }
.palette-page .palette-no-results h2 { font-size: 1.5rem; }
@media (max-width: 1100px) {
  .palette-page .catalog-wide { width: calc(100% - 48px); }
}
@media (max-width: 760px) {
  .palette-page .catalog-wide { width: calc(100% - 32px); }
  .palette-page .catalog-banner { height: 175px; }
  .palette-page .catalog-banner h1 { font-size: clamp(2rem, 7.5vw, 2.7rem); }
  .palette-page .catalog { padding-top: 20px; padding-bottom: 100px; }
  .palette-page .palette-invite { margin-top: 20px; padding-top: 18px; }
}

/* Keep the compact samples within the wider catalog layout. */
@media (min-width: 1000px) {
  .palette-page .all-swatches { grid-template-columns: repeat(auto-fill, 156px); gap: 14px; }
}