/* User-selected images. Scoped to the home-page making gallery only. */
#making .making-gallery--selected {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: none;
  gap: 24px;
}
#making .making-gallery--selected .making-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  background: #111318;
  border: 1px solid rgba(14, 14, 14, .12);
}
#making .making-card-media {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #17191e;
}
#making .making-card--robot .making-card-media {
  height: clamp(400px, 48vw, 610px);
  aspect-ratio: auto;
  padding: 18px 14px;
}
#making .making-card--vessel .making-card-media { background: #fff; }
#making .making-card--package .making-card-media { background: #ecebe8; }
#making .making-gallery--selected img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
#making .making-gallery--selected figcaption {
  position: static;
  flex: 1;
  padding: 26px 28px 28px;
  border-top: 1px solid rgba(245, 245, 245, .1);
  color: var(--white);
  background: #111318;
}
#making .making-gallery--selected figcaption span { color: #db625a; font-size: 11px; }
#making .making-gallery--selected figcaption b {
  margin-top: 10px;
  font-size: clamp(21px, 2.1vw, 28px);
  line-height: 1.35;
}
#making .making-gallery--selected figcaption small {
  margin-top: 8px;
  color: rgba(245, 245, 245, .72);
  font-size: 15px;
  line-height: 1.65;
}
@media (max-width: 600px) {
  #making .making-gallery--selected { grid-template-columns: 1fr; gap: 24px; }
  #making .making-card--robot .making-card-media {
    height: auto;
    aspect-ratio: 2 / 3;
    padding: 16px 12px;
  }
  #making .making-gallery--selected figcaption { padding: 22px 20px 24px; }
  #making .making-gallery--selected figcaption b { font-size: 23px; }
}