.m-video-mask__container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: flex-end;
}

.m-video-mask__content-left {
  display: grid;
  grid-column-start: 1;
  grid-column-end: span 7;
  @media (min-width: 768px) {
    grid-column-end: span 5;
  }
  @media (min-width: 1025px) {
    grid-column-end: span 3;
  }
}

.m-video-mask__content-left--full-width {
  grid-column-end: span 12;

  @media (min-width: 601px) {
    grid-column-end: span 5;
  }
}

.m-video-mask__video-text {
  margin-bottom: -52px;
}

.m-video-mask__video {
  position: relative;
  margin-bottom: -42px;
  aspect-ratio: 604 / 415;
  max-width: 604px;

  @media (min-width: 1025px) {
    margin-bottom: -110px;
  }
}

.m-video-mask__video--no-margin {
  margin-bottom: 0 !important;
}

.m-video-mask__video--no-margin.m-video-mask__video-text {
  margin-bottom: 30px !important;

  @media (min-width: 1025px) {
    margin-bottom: 60px !important;
  }
}

.m-video-mask__video svg,
.m-video-mask__video-text > p {
  font-family: 'Helvetica Neue', helvetica, arial, robots, sans-serif;
  font-size: 94.83px;
  font-weight: 800;
  line-height: 79.66px;
  color: #fff;

  @media (min-width: 768px) {
    font-size: 160px;
    font-weight: 800;
    line-height: 134.4px;
  }
}

.m-video-mask__video-text > p  {
  color: #fff;
}
.c-video-mask__video {
  border: 0;
  mask-image: url("data:image/svg+xml,%3Csvg width='588' height='386' viewBox='0 0 588 386' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M51.08 118V82L0.36 3.75999H44.52L70.12 52.24L95.72 3.75999H139.88L89.16 82V118H51.08ZM140.913 60.88C140.913 20.4533 165.713 0.23999 215.312 0.23999C264.913 0.23999 289.713 20.4533 289.713 60.88C289.713 101.307 264.913 121.52 215.312 121.52C165.713 121.52 140.913 101.307 140.913 60.88ZM181.233 60.88C181.233 72.5067 184.379 81.36 190.673 87.44C196.539 93.0933 204.753 95.92 215.312 95.92C225.873 95.92 234.139 93.0933 240.113 87.44C246.299 81.36 249.393 72.5067 249.393 60.88C249.393 49.2533 246.353 40.5067 240.273 34.64C234.193 28.7733 225.873 25.84 215.312 25.84C204.753 25.84 196.539 28.72 190.673 34.48C184.379 40.56 181.233 49.36 181.233 60.88ZM305.233 77.68V3.75999H343.313V71.44C343.313 80.4 345.499 86.8 349.873 90.64C353.819 94.16 360.326 95.92 369.393 95.92C378.459 95.92 384.966 94.16 388.913 90.64C393.286 86.8 395.473 80.4 395.473 71.44V3.75999H433.553V77.68C433.553 106.907 412.166 121.52 369.393 121.52C326.619 121.52 305.233 106.907 305.233 77.68ZM493.038 29.36V54.32H529.678C539.171 54.32 543.918 50.1067 543.918 41.68C543.918 33.4667 539.171 29.36 529.678 29.36H493.038ZM454.958 118V3.75999H546.478C571.971 3.75999 584.718 14.3733 584.718 35.6C584.718 49.8933 578.638 58.5867 566.478 61.68V62C574.798 64.7733 579.384 71.6 580.238 82.48C581.198 94.8533 581.998 102.853 582.638 106.48C583.598 111.493 585.198 115.333 587.438 118H545.678C544.184 114.48 543.438 108.827 543.438 101.04C543.438 92.6133 542.051 86.8533 539.278 83.76C537.038 81.2 533.251 79.92 527.917 79.92H493.038V118H454.958ZM16.52 252V137.76H60.36L113.32 209.28H113.64V137.76H150.44V252H108.36L53.64 179.84H53.32V252H16.52ZM173.551 252V137.76H287.951V162.4H211.631V183.04H283.151V206.72H211.631V227.36H287.951V252H173.551ZM289.14 252L338.74 192.64L294.42 137.76H339.7L360.66 168.48L381.62 137.76H426.9L382.58 192.64L432.18 252H384.98L360.66 217.44L336.34 252H289.14ZM428.59 163.36V137.76H550.51V163.36H508.59V252H470.51V163.36H428.59ZM16.52 386V271.76H125.48V297.36H54.6V317.04H120.52V341.68H54.6V386H16.52ZM138.563 386V271.76H176.643V386H138.563ZM188.434 297.36V271.76H310.354V297.36H268.434V386H230.354V297.36H188.434Z' fill='white'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 100%;
  object-fit: cover;
  height: 100%;
  display: block;
}

@media (max-width: 767px) {
  .m-video-mask__button-wrapper {
    margin-right: -6px;
  }
}

.m-video-mask__button-wrapper .button {
  padding: 16px 12px !important;
  line-height: 0.9;
  height: 48px;
  width: 100%;
  max-width: 244px;

  @media (min-width: 768px) {
    padding: 16px 22px !important;
    width: auto;
  }
}

.m-video-mask__content-right {
  display: grid;
  grid-column-start: 9;
  grid-column-end: span 12;
  @media (min-width: 768px) {
    grid-column-start: 10;
  }
}

.c-video-mask__picture {
  margin-left: auto;
  display: flex;
  padding-left: 6%;
  @media (min-width: 1025px) {
    margin-bottom: 36px;
    padding-left: 35%;
  }
}

.c-video-mask__picture img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
}