:root {
  --box-shadow: 0px 8px 40px rgba(155, 155, 155, 0.25);
  --gradient-purple-pink: linear-gradient(90deg, #380594 0%, #eb5af6 100%);
  --gradient-grape-aqua: linear-gradient(90deg, #6529f6 0%, #42fbfe 100%);
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
  --component-spacing: 80px;
  --navigation-height: 97px;
}
@media (min-width: 768px) {
  :root {
    --component-spacing: 95px;
  }
}
@media (min-width: 1024px) {
  :root {
    --component-spacing: 130px;
    --navigation-height: 164px;
  }
}
@media (min-width: 1280px) {
  :root {
    --navigation-height: 153px;
  }
}

.block-text:has(+ .block-video) {
  margin-bottom: 1em;
}
.block-video h2,
.block-video p {
  max-width: 793px;
}
.block-video .custom-video-player + p {
  font-size: 14px;
  font-style: italic;
  max-width: unset;
}

.custom-video-player video {
  max-width: 100%;
  height: auto;
  display: block;
}