.home-slider{
  display: flex;

  width: 100vw;
  height: fit-content ;

  position: relative;
  right: var(--pagePadding);

  overflow-x: auto;

  padding-bottom: var(--spacingS);
  padding-left: var(--pagePadding);

  margin-top: var(--spacingXxl);
  margin-bottom: var(--spacingM);
}
.home-slider > *{
  margin-right: var(--spacingM);
}
.home-slider-img{
  margin-bottom: var(--spacingS);
}
.home-slider-img .img-blurup-final{
  height: 100%;
  width: auto;
  max-width: unset;
}
.home-slider .spacer{
  width: var(--pagePadding);
  height: 100%;
}

@media only screen and (min-width: 600px){
  .home-slider{
      right: calc(var(--pagePadding) + var(--navWidth));
      padding-left: calc(var(--pagePadding) + var(--navWidth));
  }
}






.home-trio{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-trio-imgs{
  display: grid;
  grid-template-columns: 2fr;
  grid-gap: var(--spacingM);

  height: fit-content;
  width: 100%;

  margin-top: var(--spacingXxl);
}
body .home-trio-img{
  width: 100%;
  aspect-ratio: 1/1;
}
body .home-trio-img .img-blurup-final{
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

@media only screen and (min-width: 900px) {
  .home-trio-imgs{
    grid-template-columns: 2fr 1fr;
  }
  body .home-trio-img{
    height: 40vh;
    width: 100%;
  }

  .home-trio-imgs > *:last-child{
    grid-column: 1 / 3;
  }
}

@media only screen and (min-width: 1300px) {
  .home-trio-imgs{
    grid-template-columns: 1fr 2fr 1fr;
  }
  body .home-trio-img{
    height: 40vh;
    width: 100%;
  }

  .home-trio-imgs > *:last-child{
    grid-column: unset;
  }
}









.home-duo{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-duo-imgs{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--spacingM);

  height: fit-content;
  width: 100%;

  margin-top: var(--spacingXxl);
}
body .home-duo-img{
  width: 100%;
  aspect-ratio: 1/1;
}
.home-duo-img .img-blurup-final{
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

@media only screen and (min-width: 900px) {
  .home-duo-imgs{
    grid-template-columns: 2fr 1fr;
  }
  body .home-duo-img{
    height: 40vh;
    width: 100%;
  }
}







.home-panel{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-panel-imgs{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--spacingM);

  height: fit-content;
  width: 100%;
  max-width: 100%;

  margin-top: var(--spacingXxl);
}
.home-panel-imgs > *{
  width: 100%;
  height: 100%;
}
body .home-panel-img{
  width: 100%;
  aspect-ratio: 1/1;
}
.home-panel-img .img-blurup-final{
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}
.home-panel-text{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (min-width: 900px) {
  .home-panel-imgs{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40vh 30vh;
  }
  body .home-panel-img{
    height: 100%;
    width: 100%;
  }

  .home-panel-imgs > *:nth-child(2){
    grid-row: 1 / 3;
  }
}