/* Keep horizontal clipping from creating a second homepage scroll container. */
body.ccb-art-preview:not(.is-locked) { overflow-x: clip; overflow-y: visible; }

/* Three existing inspiration links, now with the approved printed artwork. */
.ccb-art-preview #inspiration .mosaic {
  grid-template-columns: 1.05fr .95fr;
  grid-template-rows: repeat(2, clamp(260px, 15vw, 350px));
  gap: 22px;
}
.ccb-art-preview #inspiration .mosaic-card {
  min-height: 0;
  border-radius: 24px;
  background: #292044;
  box-shadow: 0 12px 32px rgba(36,20,46,.08);
  isolation: isolate;
}
.ccb-art-preview #inspiration .mosaic-card::after { display: none; }
.ccb-art-preview #inspiration .ccb-mosaic-photo {
  inset: 0 38% 0 0;
  width: auto;
  height: auto;
  background: linear-gradient(to right, #d8d3e3, #d8d3e3);;
  overflow: hidden;
}
.ccb-art-preview #inspiration .mosaic-card:nth-child(3) { background: #754129; }
.ccb-art-preview #inspiration .mosaic-card:nth-child(3) .ccb-mosaic-photo { background: #edb79b; }
.ccb-art-preview #inspiration .mosaic-card--large { background: #193d50; }
.ccb-art-preview #inspiration .mosaic-card--large .ccb-mosaic-photo {
  inset: 0 0 132px;
  background: #bfd9e0;
}
.ccb-art-preview #inspiration .ccb-mosaic-photo img {
  width: 100%; height: 100%!important;
  object-fit: cover!important;
  padding: 0;
  transition: transform .55s ease;
}
.ccb-art-preview #inspiration .mosaic-card:hover .ccb-mosaic-photo img { transform: scale(1.025); }
.ccb-art-preview #inspiration .mosaic-overlay {
  inset: 0 0 0 62%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(20px, 2vw, 34px);
  transform: none;
}
.ccb-art-preview #inspiration .mosaic-card--large .mosaic-overlay { inset: auto 0 0; min-height: 132px; }
.ccb-art-preview #inspiration .mosaic-overlay h3 {
  color: #fff8f2;
  font-size: clamp(24px, 2.2vw, 38px);
  line-height: 1.08;
  margin: 12px 0 18px;
  letter-spacing: -.035em;
}
.ccb-art-preview #inspiration .mosaic-overlay small { color: #eadccf; font-size: 12px; line-height: 1.5; letter-spacing: .1em; }
.ccb-art-preview #inspiration .mosaic-overlay span { color: #fff8f2; opacity: 1; font-size: 12px; }
.ccb-art-preview #inspiration .mosaic-card--large .mosaic-overlay h3 { margin: 6px 0 8px; }
.ccb-art-preview #inspiration .mosaic-card:focus-visible { outline: 3px solid var(--berry); outline-offset: 5px; }
@media (max-width: 1000px) {
  .ccb-art-preview #inspiration .mosaic { grid-template-columns: 1fr 1fr; }
  .ccb-art-preview #inspiration .ccb-mosaic-photo { inset: 0 0 106px; }
  .ccb-art-preview #inspiration .mosaic-overlay { inset: auto 0 0; min-height: 106px; padding: 16px 20px; }
  .ccb-art-preview #inspiration .mosaic-overlay h3 { font-size: 24px; margin: 5px 0 8px; }
  .ccb-art-preview #inspiration .mosaic-overlay small { font-size: 12px; }
}
@media (max-width: 760px) {
  .ccb-art-preview #inspiration .mosaic { display: grid; grid-template-columns: 1fr; grid-template-rows: none; gap: 20px; }
  .ccb-art-preview #inspiration .mosaic-card:not(.mosaic-card--wide) { display: grid; grid-row: auto; grid-template-rows: auto auto; margin: 0; min-height: 0; }
  .ccb-art-preview #inspiration .ccb-mosaic-photo,
  .ccb-art-preview #inspiration .mosaic-card--large .ccb-mosaic-photo { position: relative; inset: auto; width: 100%; aspect-ratio: 3 / 2; }
  .ccb-art-preview #inspiration .mosaic-overlay,
  .ccb-art-preview #inspiration .mosaic-card--large .mosaic-overlay { position: relative; inset: auto; min-height: 0; padding: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .ccb-art-preview #inspiration .ccb-mosaic-photo img { transition: none; }
  .ccb-art-preview #inspiration .mosaic-card:hover .ccb-mosaic-photo img { transform: none; }
}