/* Root Projects layout: PhauksCalc Desktop and Android are equal sibling projects. */
.project-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.project-card.featured{
  display:flex;
  flex-direction:column;
}

.project-card.featured .project-card-content{
  display:flex;
  flex-direction:column;
  flex:1;
}

.project-card.featured .project-card-content .button{
  align-self:flex-start;
  margin-top:auto;
}

.project-card.future{
  grid-column:1 / -1;
  min-height:0;
}

@media(max-width:760px){
  .project-grid{grid-template-columns:1fr}
  .project-card.future{grid-column:auto}
}


/* Mobile root-page fix */
.project-card{min-width:0}
.project-card a{max-width:100%}
.project-banner{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

@media(max-width:760px){
  .project-grid{
    grid-template-columns:minmax(0,1fr);
    width:100%;
  }
  .project-card,
  .project-card.featured,
  .project-card.future{
    width:100%;
    max-width:100%;
    min-width:0;
  }
}

/* Three equally prominent projects on wide screens; retain mobile layout. */
@media(min-width:1050px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}