.container {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.background {
  position:absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  z-index: 1;

  background-position: center;
  background-repeat: no-repeat;
  background-size: 150%;
  filter: blur(50px) brightness(75%);
}

.crop {
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(2 * clamp(3em, 6vh, 5em));
  z-index:2;

  background-color: #090808;
  -webkit-box-shadow: 0px 0px 34px 14px #0000007c; 
  box-shadow: 0px 0px 34px 14px #0000007c;
}

#top {
  top: 0;
}

#bottom {
  bottom: 0;
}

.img-container {
  position: absolute;
  left: 8.6vw;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 34.5vw;
  max-height: calc(100vh - clamp(6em, 12vh, 10em));
  z-index:5;

  overflow: hidden;

  box-shadow: 0px 0px 34px 2px #0000007c;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #000000;
}

.img-container > .real {
  position:absolute;
  top:50%;
  width: 105%;
  transform: translateY(-50%);
  user-select: none;
}

.img-container > .dummy {
  width: 100%;
  opacity: 0;
  user-select: none;
}

.info-wrapper {
  position: absolute;
  left: 56.4%;
  top: 50%;
  width: 34.5vw;
  transform: translateY(-45%);
  z-index: 4;
}

.title {
  position:absolute;
  left: -8.5vw;
  top: -8.5vw;
  z-index: 3;
  width: 40vw;

  font-variant: small-caps;
  letter-spacing: .1em;
  font-size: 11em;
  text-shadow: 0px 0px 5px #0000002b;
  user-select: none;
  opacity: 25%;
  text-overflow: ellipsis;
}

.text {
  z-index: 4;
  text-shadow: 0px 0px 3px #0000006e;
}

.text > p:first-of-type {
  margin-top: 0;
}

.button-wrapper {
  margin-top: 5em;
  text-align: center;
  z-index: 4;
}

 button {
  display:inline-block;
  padding: .7em 1.5em;

  border: #e2e2e2 solid 0.1em;
  color: #e2e2e2;
  background-color: #1210103d;
  transition: ease background-color 0.3s;

  -webkit-box-shadow: 0px 0px 10px 0px #00000053;
  box-shadow: 0px 0px 10px 0px #00000053;

  font-variant: small-caps;
  letter-spacing: .15em;
  font-size: 1em;
  margin: 0 1em;

  cursor: pointer;
}

.button-wrapper > button:hover {
  background-color: #12101083;
}

.parallax {
  transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  -moz-transition: none;
}