.height_1_5 {
  height: calc(100vh / 10.5 * 1.5);
  height: calc(100dvh / 10.5 * 1.5);
  /* background: yellow; */
}

.height_3_5 {
  height: calc(100vh / 10.5 * 3.5);
  height: calc(100dvh / 10.5 * 3.5);
  /* background: red; */
}

.height_1 {
  height: calc(100vh / 10.5 * 1);
  height: calc(100dvh / 10.5 * 1);
  /* background: blue; */
}



.desktop {
  z-index: 9999;
  position: relative;
  pointer-events: none;
}

.pointer-enabled {
  pointer-events: initial;
}

.scrollayer {
  position: absolute;
  top: 0;
}

.navilayer {
  position: fixed;
  top: 0;
}




.project-rows {
  display: grid;
  right: var(--standard);
  left: var(--standard);
  bottom: 0;
  top: 0;
  grid-template-columns: 3.5fr 10fr;
  gap: 0;
}

.project-grid {
  display: grid;
  /* grid-template-columns: 1fr 4fr 1fr 1fr; */
  grid-template-columns: 1fr 4.5fr 2fr 2.5fr;
  pointer-events: initial;
}

.columns {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-rows: 1fr 1fr 1.5fr 3.5fr 1.5fr 1fr 1fr;
  gap: 0;
  min-height: 100vh;
  min-height: 100dvh;
  margin-right: var(--standard);
  margin-left: var(--standard);
    width: calc(100vw - (2 * var(--standard)));
  width: calc(100dvw - (2 * var(--standard)));
}

.rows {
  display: grid;

  bottom: 0;
  top: 0;
  grid-template-columns: 3.5fr 1fr 1fr 2.5fr 1fr 1fr 1fr 2.5fr;
  gap: 0;
}

.bottom div {
  align-self: flex-end;
}



/*-------default------*/

html,
body {
  padding: 0;
  margin: 0;
  scrollbar-width: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar {
  display: none;
}

.scrollbar {
  scrollbar-width: none;
}


.desktop-hide {
  display: none;
}

/*-------MOBILE------*/
/*-------MOBILE------*/
/*-------MOBILE------*/


@media screen and (max-width: 580px) {

  .mobile-header {
    position: sticky;
    background: white;
  }

  .mobile-footer {
    background: white;
  }

  .mobile-center{
    display: flex;
    align-items: center;
    min-height: var(--center-height);
    margin-bottom: var(--footer-height);
  }

  .project-grid {
    grid-template-columns: 3.5fr 1fr;
  }


  .year {
    justify-self: end;
  }

}