.rainbow-posters {
  padding: clamp(48px, 6vw, 88px) 0;
  background: #f2f8fa;
}

.rainbow-posters__intro {
  max-width: 680px;
  margin: 16px auto 0;
  color: #526975;
}

.rainbow-posters__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.rainbow-posters__card {
  margin: 0;
  min-width: 0;
  background: #fff;
  border: 1px solid #d4e3e9;
  border-radius: 12px;
  overflow: hidden;
}

.rainbow-posters__card a {
  display: block;
  height: 100%;
  color: #073d50;
}

.rainbow-posters__card a:hover {
  background: #eaf5f8;
}

.rainbow-posters__card a:focus-visible {
  outline: 3px solid #0878c9;
  outline-offset: -3px;
}

.rainbow-posters__card img {
  display: block;
  width: 100%;
  height: auto;
}

.rainbow-posters__caption {
  display: block;
  padding: 18px 20px;
}

.rainbow-posters__caption strong,
.rainbow-posters__caption span {
  display: block;
}

.rainbow-posters__caption span {
  margin-top: 5px;
  font-size: 14px;
}

@media (max-width: 991px) {
  .rainbow-posters__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575px) {
  .rainbow-posters__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}