/* Projects directory hero only.
   Fill the complete first viewport behind the fixed website header. */
.projects-index-page .inner-hero-visual{
  min-height:100svh !important;
  height:100svh;
}

.projects-index-page .inner-hero-media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.projects-index-page .inner-hero-media picture,
.projects-index-page .inner-hero-media img{
  display:block;
  width:100%;
  height:100%;
}

.projects-index-page .inner-hero-media img{
  object-fit:cover;
  object-position:center center;
}

.projects-index-page .inner-hero-overlay{
  min-height:100svh;
  width:min(calc(100% - 48px),var(--container));
  align-content:end;
}

@media(max-width:680px){
  .projects-index-page .inner-hero-visual{
    min-height:100svh !important;
    height:auto;
  }

  .projects-index-page .inner-hero-overlay{
    min-height:100svh;
  }
}