html,body{
  margin:0;
  width:100%;
  height:100%;
  min-height:100%;
  background:#050505;
}
body.mcc-static-page{
  margin:0;
  overflow:hidden;
}
.mcc-splash{
  position:relative;
  width:100vw;
  height:100vh;
  height:100svh;
  overflow:hidden;
  background:#050505;
}
.mcc-splash__photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background-image:url("../img/hero-background.webp");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}
.mcc-splash__logo{
  position:absolute;
  z-index:2;
  top:4vh;
  left:50%;
  transform:translateX(-50%);
  width:min(31vw,390px);
  height:auto;
  filter:drop-shadow(0 7px 22px rgba(0,0,0,.72));
}
@media (max-width:700px){
  .mcc-splash__photo{background-position:52% center}
  .mcc-splash__logo{
    top:3vh;
    width:min(72vw,300px);
  }
}
@media (max-width:480px){
  .mcc-splash__photo{background-position:54% center}
  .mcc-splash__logo{width:min(76vw,280px)}
}
@media (min-aspect-ratio:21/9){
  .mcc-splash__photo{background-position:center 48%}
  .mcc-splash__logo{width:min(25vw,350px)}
}