@media (min-width: 64em) {
  .work-img-container-snow {
    /* height: calc(100vh - 11.2rem); */
    height: 100%;
    width: 100%;
  }

  .work-img-snow {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: unset;
  }

  #topwork-section {
    max-width: 144rem;
    margin: 0 auto;
  }

  .grid-desktop {
    display: grid;
    max-width: 144rem;
    margin: 0 auto;
  }

  .grid-img-container {
    grid-row: 1;
  }

  .img-container-snow {
    min-height: 72rem;
  }

  .img-container-snow-top {
    grid-row: 1/2;
  }

  .overview-img-snow {
    width: 100%;
    transform: none;
  }

  .grid-txt-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    transform: translateY(-1px);
    height: 100vh;
    min-height: 69.6rem;
    max-height: 72.4rem;
    max-width: 144rem;
    margin: 0 auto;
  }

  .img-in-txt-grid-container {
    grid-row: 1/3;
    height: 100%;
    min-height: 69.6rem;
    overflow: hidden;
  }

  .work-detail-container {
    margin: auto;
    padding: 0 4rem;
  }
}

@media (min-width: 90em) {
  .work-detail-container {
    padding: 0 8rem;
  }

  .work-detail {
    max-width: 56rem;
  }

  .client-txt-container {
    left: unset;
    margin: 0 auto;
    max-width: 80rem;
  }
}