.fjh-event-media__photos,
.fjh-global-media {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.fjh-event-videos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 1.5rem;
}

.fjh-event-video,
.fjh-gitem--video {
  overflow: hidden;
  border: 1px solid rgba(12, 40, 72, .12);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 16px 40px rgba(8, 32, 58, .08);
}

.fjh-event-video__embed {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #071b30;
}

.fjh-event-video__embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.fjh-event-video h3,
.fjh-event-video p {
  margin: .9rem 1rem;
}

.fjh-gitem figcaption small {
  display: block;
  opacity: .75;
  margin-top: .25rem;
}

.fjh-gitem--video a {
  min-height: 230px;
  display: grid;
  place-items: center;
  gap: .75rem;
  padding: 2rem;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: radial-gradient(circle at 30% 20%, #1c6182, #071b30 72%);
}

.fjh-play {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  color: #071b30;
  background: #e8b44a;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
}

@media (max-width: 860px) {
  .fjh-event-media__photos,
  .fjh-global-media,
  .fjh-event-videos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .fjh-event-media__photos,
  .fjh-global-media,
  .fjh-event-videos {
    grid-template-columns: 1fr;
  }
}