.application-showcase {
  padding: 74px clamp(22px, 7vw, 100px);
  background: #213128;
  color: #fff;
}
.application-showcase .catalog-head p {
  color: #ccd5ce;
}
.application-showcase-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 34px;
}
.application-scene {
  overflow: hidden;
  background: #f7f3e9;
  color: var(--ink);
}
.application-scene img {
  height: 320px;
}
.application-scene-copy {
  padding: 22px;
}
.application-scene h3 {
  margin: 0 0 10px;
  font:
    500 27px/1.12 Georgia,
    serif;
}
.application-scene p {
  margin: 0 0 16px;
  color: var(--stone);
  font-size: 15px;
}
.application-scene .text-link {
  display: inline-block;
}
@media (max-width: 950px) {
  .application-showcase-grid {
    grid-template-columns: 1fr 1fr;
  }
  .application-scene:last-child {
    grid-column: 1/-1;
  }
}
@media (max-width: 620px) {
  .application-showcase {
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .application-showcase-grid {
    grid-template-columns: 1fr;
  }
  .application-scene:last-child {
    grid-column: auto;
  }
  .application-scene img {
    height: 280px;
  }
}