.videoPlayer {
  width: 100vw;
  height: 100vh;
  display: block;
  background-color: #181818;
  position: relative; }
  .videoPlayer .playerContainer {
    overflow: hidden; }
    .videoPlayer .playerContainer .thumbnail {
      overflow: hidden; }
      @media (min-width: 800px) {
        .videoPlayer .playerContainer .thumbnail img {
          max-width: unset;
          width: 104%;
          height: 108%;
          margin-left: -2%;
          margin-top: -2%;
          -o-object-fit: cover;
             object-fit: cover;
          filter: blur(10px); } }
      @media (max-width: 800px) {
        .videoPlayer .playerContainer .thumbnail img {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain; } }
  .videoPlayer .playerContainer,
  .videoPlayer .playerContainer > .thumbnail,
  .videoPlayer .playerContainer > div:not(.thumbnail) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .videoPlayer .playerContainer > div:not(.thumbnail) {
    display: flex;
    justify-content: center;
    align-items: center; }
  @media (max-width: 800px) {
    .videoPlayer {
      height: calc(100vw * calc(40 / 36)); } }
  @media (min-width: 800px) {
    .videoPlayer {
      position: relative; } }
  .videoPlayer .videoOverlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0; }
    @media (max-width: 800px) {
      .videoPlayer .videoOverlay .mainNav.single,
      .videoPlayer .videoOverlay .caseStudyLink {
        display: none !important; } }
    .videoPlayer .videoOverlay .mainNav.single {
      padding-top: 30px;
      padding-bottom: 85px; }
      @media (max-width: 800px) {
        .videoPlayer .videoOverlay .mainNav.single {
          display: none; } }
    .videoPlayer .videoOverlay .caseStudyLink {
      font-family: 'PP Neue Montreal Mono', monospace;
      font-weight: 400;
      font-size: 17px;
      font-style: normal;
      color: #f4f2f2;
      mix-blend-mode: difference;
      transform: translate3d(0, 0, 0);
      position: absolute;
      bottom: 55px;
      left: 103px;
      text-decoration: none; }
      @media (max-width: 800px) {
        .videoPlayer .videoOverlay .caseStudyLink {
          font-size: 16px; } }
      .videoPlayer .videoOverlay .caseStudyLink strong {
        font-family: 'PP Neue Montreal', sans-serif;
        font-weight: 400;
        font-size: 18.5px; }
    .videoPlayer .videoOverlay .playerControls {
      position: absolute; }
      @media (min-width: 800px) {
        .videoPlayer .videoOverlay .playerControls {
          bottom: 50px;
          right: 103px;
          display: flex;
          gap: 25px; } }
      @media (max-width: 800px) {
        .videoPlayer .videoOverlay .playerControls {
          width: 100%;
          left: 0;
          bottom: 0;
          padding-bottom: 20px;
          display: grid;
          grid-template-columns: 1fr max-content max-content;
          gap: 20px; } }
  @media (max-width: 800px) and (min-width: 800px) {
    .videoPlayer .videoOverlay .playerControls {
      padding-left: 103px;
      padding-right: 103px;
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto; } }
  @media (max-width: 800px) and (max-width: 800px) {
    .videoPlayer .videoOverlay .playerControls {
      padding-left: 20px;
      padding-right: 20px; } }
      .videoPlayer .videoOverlay .playerControls img {
        width: 25px;
        height: 26px;
        -o-object-fit: scale-down;
           object-fit: scale-down;
        -o-object-position: center;
           object-position: center; }