.project-layout{
  display:flex;

  align-items:flex-start;

  gap:80px;

  padding:40px;

  min-width: 0;
}

.project-info{
  width:500px;

  flex-shrink:0;

  position:sticky;

  top:40px;

  text-align: right;
}
.project-info h1{
  color:rgb(250, 187, 234);
  font-family:'Oswald', sans-serif;
  font-size:6rem;

  line-height:0.9;

  font-weight:400;

  margin-bottom:40px;
}

.project-info p{
    font-size:0.9rem;
    margin-bottom: 20px;
}

.desktop-gallery{
  display:grid;

  grid-template-columns:repeat(3, 1fr);

  gap:24px;
}
.mobile-gallery{
  display:none;
}
.project-gallery{
  flex:1;

  min-width:0;
}

.project-layout{
  display:flex;

  align-items:flex-start;

  gap:40px;

  padding:40px;
}

.gallery-column{
  display:flex;

  flex-direction:column;

  gap:20px;

  min-width:0;
}

.media-row{
  display:flex;

  gap:12px;
}

img,
video{
  width:100%;

  height:auto;

  display:block;

  object-fit:cover;
}

.two-up > *{
  flex:1;

  min-width:0;
}

.gallery-column img,
.gallery-column video{
  width:100%;

  height:auto;

  display:block;

  object-fit:cover;
}


@media (max-width:1100px){

  .project-layout{
    flex-direction:column;

    gap:20px;

    padding:10px;

    margin-top: 20px;

  }
  .project-info{
    text-align: left;
  }
.project-info h1{
 font-size: 4rem;
    font-weight: 400;

  margin-bottom:20px;
  margin-top: 0px;

}

.project-info p{
    font-size:0.7rem;
     margin-bottom: 15px;
}
  .desktop-gallery{
    display:none;
  }

  .mobile-gallery{
    display:grid;

    grid-template-columns:repeat(2, 1fr);

    gap:8px;
  }

  .gallery-column{
    gap: 8px;
  }

  .project-info{
    width:100%;

    position:relative;

    top:auto;
  }

 .project-gallery{
  grid-template-columns:repeat(2, 1fr);

  gap:12px;
}

}