.featuredProjectLink {
  text-decoration: none; }

.featuredProject {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(3, max-content);
  align-items: flex-end;
  row-gap: 25px;
  font-family: 'PP Neue Montreal', sans-serif;
  font-weight: 400;
  font-size: 70px;
  font-style: normal; }
  @media (min-width: 800px) and (max-width: 1200px) {
    .featuredProject {
      font-size: 60px; } }
  @media (max-width: 800px) {
    .featuredProject {
      font-size: 41px; } }
  @media (min-width: 800px) {
    .featuredProject.textLarge {
      font-family: 'PP Neue Montreal', sans-serif;
      font-weight: 400;
      font-size: 110px; } }
  @media (max-width: 800px) {
    .featuredProject {
      grid-template-columns: 1fr;
      width: 100%;
      row-gap: 20px; }
      .featuredProject .header {
        margin-bottom: 10px; }
      .featuredProject.thumbnailRight .projectThumbnail,
      .featuredProject.thumbnailRight .projectInfo.bottom {
        justify-self: end; }
      .featuredProject.thumbnailCenter .projectThumbnail,
      .featuredProject.thumbnailCenter .projectInfo.bottom {
        justify-self: center; }
      .featuredProject .projectThumbnail,
      .featuredProject .projectInfo.bottom {
        width: calc(83.33333333vw - 20px); } }
  .featuredProject a:-moz-any-link {
    text-decoration: none; }
  .featuredProject,
  .featuredProject a:any-link {
    text-decoration: none; }
  .featuredProject .projectInfo {
    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); }
    @media (min-width: 800px) {
      .featuredProject .projectInfo {
        grid-row: 2 / 3;
        z-index: 10; } }
    @media (max-width: 800px) {
      .featuredProject .projectInfo {
        font-size: 16px; } }
    .featuredProject .projectInfo strong {
      font-family: 'PP Neue Montreal', sans-serif;
      font-weight: 400;
      font-size: 18.5px; }
  @media (min-width: 800px) {
    .featuredProject .projectThumbnail {
      grid-row: 2 / 3; }
    .featuredProject .projectThumbnail {
      grid-column-start: span 8;
      grid-column-end: 13;
      width: 824px;
      justify-self: end; }
      .featuredProject .projectThumbnail.videoPlayer {
        height: 463.5px; }
    .featuredProject .projectInfo {
      grid-column: 1 / 4; }
    .featuredProject.thumbnailLargeLeft .projectThumbnail {
      grid-column-end: span 8;
      grid-column-start: 1;
      width: 824px; }
      .featuredProject.thumbnailLargeLeft .projectThumbnail.videoPlayer {
        height: 463.5px; }
    .featuredProject.thumbnailLargeLeft .projectInfo {
      grid-column: 1 / 4; }
    .featuredProject.thumbnailSmallLeft .projectThumbnail {
      grid-column-start: 1;
      grid-column-end: span 5;
      width: 515px; }
      .featuredProject.thumbnailSmallLeft .projectThumbnail.videoPlayer {
        height: 289.6875px; }
    .featuredProject.thumbnailSmallLeft .projectInfo {
      grid-column: 7 / 10; }
    .featuredProject.thumbnailSmallRight .projectThumbnail {
      grid-column-start: span 6;
      grid-column-end: 13;
      width: 618px; }
      .featuredProject.thumbnailSmallRight .projectThumbnail.videoPlayer {
        height: 347.625px; }
    .featuredProject.thumbnailSmallRight .projectInfo {
      grid-column: 1 / 7;
      align-self: center; }
    .featuredProject.thumbnailSmallCenter .projectThumbnail {
      grid-column-start: 1;
      grid-column-end: 13;
      width: 618px;
      justify-self: center; }
      .featuredProject.thumbnailSmallCenter .projectThumbnail.videoPlayer {
        height: 347.625px; }
    .featuredProject.thumbnailSmallCenter .projectInfo {
      grid-column: 1 / 7; }
    .featuredProject.thumbnailLargeCenter .projectThumbnail {
      grid-column-start: 1;
      grid-column-end: 13;
      width: 824px;
      justify-self: center; }
      .featuredProject.thumbnailLargeCenter .projectThumbnail.videoPlayer {
        height: 463.5px; }
    .featuredProject.thumbnailLargeCenter .projectInfo {
      grid-column: 1 / 7; } }
.block {
  display: flex; }
  .block.align-right {
    justify-self: flex-end; }
  .block.line-1 {
    grid-row: 1 / 2; }
  .block.line-2 {
    grid-row: 3 / 4; }
  .block.column-1 {
    grid-column: 1 / 2; }
  .block.column-2 {
    grid-column: 2 / 3; }
  .block.column-3 {
    grid-column: 3 / 4; }
  .block.column-4 {
    grid-column: 4 / 5; }
  .block.column-5 {
    grid-column: 5 / 6; }
  .block.column-6 {
    grid-column: 6 / 7; }
  .block.column-7 {
    grid-column: 7 / 8; }
  .block.column-8 {
    grid-column: 8 / 9; }
  .block.column-9 {
    grid-column: 9 / 10; }
  .block.column-10 {
    grid-column: 10 / 11; }
  .block.column-11 {
    grid-column: 11 / 12; }
  .block.column-12 {
    grid-column: 12 / 13; }

.videoPlayer {
  display: block;
  position: relative;
  background-color: #181818; }
  @media (max-width: 800px) {
    .videoPlayer {
      height: calc( calc(83.33333333vw - 20px) * calc(5 / 4));
      width: 100%; } }
  .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; }
  .videoPlayer img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }