.field--name-field-page-header {
  margin-top: -2.95rem;
  position: relative;
}

.page-header .cta--button:hover,
.page-header .cta--button:focus,
.page-header .cta--button:active,
.page-header .cta--button::after,
.page-header .cta--button {
  color: var(--bs-white);
}

.header__text {
  position: absolute;
  z-index: 1;
  bottom: 0;
  padding: 2rem 5rem;
}

.paragraph--type--header .paragraph.paragraph--type--video {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 46%;
  color: var(--bs-white);
}

.paragraph--type--header .paragraph--type--video .video-datas {
  position: relative;
  padding: unset;
  width: 100%;
}

.paragraph--type--header .header__video .video-datas:before {
  content: unset;
}

.paragraph--type--header
  .header__video
  a.stretched-link:hover
  ~ *
  .video-datas
  .cta--link,
.paragraph--type--header
  .header__video
  a.stretched-link:hover
  ~ *
  .video-datas
  .cta--link:after,
.paragraph--type--header .header__video .cta--link:focus,
.paragraph--type--header .header__video .cta--link:hover {
  color: var(--bs-white);
}

.paragraph--type--header .header__video .paragraph--type--video:before {
  content: '';
  position: absolute;
  bottom: 0;
  top: 0;
  background: transparent linear-gradient(205deg, #1449f5 0%, #ea0404 100%) 0%
    0% no-repeat padding-box;
  clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 75% 100%, 75% 75%, 100% 75%);
  width: 100%;
  left: 0;
}

.paragraph--type--header .video-title .field--name-field-video-title h1 {
  color: var(--bs-white);
  margin-bottom: 0;
}

@media screen and (min-width: 1500px) {
  .paragraph--type--header .paragraph--type--video .video-title {
    padding-right: 6rem;
  }
}

@media screen and (max-width: 1199px) {
  . page-node-type-page .paragraph--type--header {
    display: flex;
    flex-direction: column;
  }

  .paragraph--type--header .paragraph.paragraph--type--video {
    position: relative;
    width: 100%;
  }

  .field--name-field-page-header {
    margin-top: -0.8rem;
  }

  .paragraph--type--header .video-title .field--name-field-video-title h1 {
    font-size: 3.125rem;
    line-height: 1.1;
  }
}

@media screen and (max-width: 499px) {
  .paragraph--type--header .header__video .paragraph--type--video::before {
    clip-path: none;
  }
}