.art-showcase {
  margin: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
  border: 1px solid rgba(118, 195, 231, .26);
  border-radius: 24px;
  background: linear-gradient(135deg, #111b27, #080d14);
  box-shadow: 0 20px 55px rgba(0, 0, 0, .28);
}

.art-showcase__frame {
  display: block;
  margin: 0;
  overflow: hidden;
  background: #080d14;
}

.art-showcase__image {
  display: block;
  width: 100%;
  height: auto;
}

.art-showcase__frame--hoverboard {
  aspect-ratio: 832 / 500;
}

.art-showcase__frame--hoverboard .art-showcase__image {
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.art-showcase__copy {
  padding: clamp(1.2rem, 3vw, 2rem);
}

.art-showcase__copy h2 {
  margin: .35rem 0 .5rem;
}

.art-showcase__copy p {
  max-width: 65ch;
  margin: 0;
  color: #c8d5e1;
  line-height: 1.6;
}

@media (max-width: 560px) {
  .art-showcase {
    border-radius: 16px;
  }
}