.vimeo-video-gallery {
  --vimeo-gallery-color-background: #f3f7f9;
  --vimeo-gallery-color-card: #ffffff;
  --vimeo-gallery-color-navy: #282e73;
  --vimeo-gallery-color-text: #53565a;
  --vimeo-gallery-color-border: #d7e2ee;
  --vimeo-gallery-color-accent: #f57e30;
  --vimeo-gallery-shadow: 0 12px 30px rgba(40, 46, 115, 0.1);
  --vimeo-gallery-radius-panel: 24px;
  --vimeo-gallery-radius-card: 16px;
  --vimeo-gallery-space-small: 8px;
  --vimeo-gallery-space-medium: 20px;
  --vimeo-gallery-space-large: 30px;
  --vimeo-gallery-font: Calibri, Arial, sans-serif;
  margin: 0;
  padding: clamp(20px, 3vw, 36px);
  border-radius: var(--vimeo-gallery-radius-panel);
  background: var(--vimeo-gallery-color-background);
  font-family: var(--vimeo-gallery-font);
}
.vimeo-video-gallery,
.vimeo-video-gallery *,
.vimeo-video-gallery *::before,
.vimeo-video-gallery *::after {
  box-sizing: border-box;
}
.vimeo-video-gallery__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--vimeo-gallery-space-large);
}

.vimeo-video-card {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--vimeo-gallery-color-border);
  border-radius: var(--vimeo-gallery-radius-card);
  background: var(--vimeo-gallery-color-card);
  box-shadow: var(--vimeo-gallery-shadow);
}
.vimeo-video-card__player {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16/9;
  background: #000;
}
.vimeo-video-card__player iframe {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.vimeo-video-card__content {
  min-height: 150px;
  padding: var(--vimeo-gallery-space-medium);
  border-top: 4px solid var(--vimeo-gallery-color-accent);
}
.vimeo-video-card__title {
  margin: 0 0 var(--vimeo-gallery-space-small);
  padding: 0;
  color: var(--vimeo-gallery-color-navy) !important;
  font: 700 clamp(21px, 2vw, 25px)/1.2 var(--vimeo-gallery-font);
  text-transform: none;
}
.vimeo-video-card__title--standalone {
  margin-bottom: 0;
}
.vimeo-video-card__description {
  margin: 0;
  padding: 0;
  color: var(--vimeo-gallery-color-text) !important;
  font: 400 clamp(16px, 1.4vw, 18px)/1.5 var(--vimeo-gallery-font);
}
.vimeo-video-card__date {
  display: block;
  margin: 0 0 10px;
  color: #466e96;
  font: 700 clamp(14px, 1.2vw, 16px)/1.3 var(--vimeo-gallery-font);
}

@media (min-width: 768px) {
  .vimeo-video-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 479px) {
  .vimeo-video-gallery {
    margin-right: -15px;
    margin-left: -15px;
    border-radius: 0;
  }
}

/*# sourceMappingURL=vimeo-video-gallery.css.map */