@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtY.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKd3vXDXbtY.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
}
.landing {
  min-height: calc(100% - 2.25rem);
}
.landing .animate-left {
  min-width: 60%;
}
.artwork {
  margin: 0 1.5rem;
  flex: 0 0 auto;
  transition: opacity 0.75s;
}
.artwork-info {
  opacity: 0;
  transition: opacity 0.75s;
}
.artwork-info h2 {
  letter-spacing: 0.05rem;
}
.artwork-info p {
  letter-spacing: 0.04375rem;
  line-height: 1.7;
}
@media (max-width: 840px) {
  .artwork {
    width: 30rem;
  }
  .artwork .artwork-image {
    height: 30rem;
  }
}
@media (max-width: 540px) {
  .artwork {
    width: 25rem;
  }
  .artwork .artwork-image {
    height: 25rem;
  }
}
@media (max-width: 420px) {
  .artwork {
    width: 20rem;
  }
  .artwork .artwork-image {
    height: 20rem;
  }
}
.animate-opacity-active.artwork .artwork-info {
  opacity: 1;
}
.artwork.move-left {
  margin-left: -80rem;
  transition: margin-left 0.75s, opacity 0.75s;
}
@media (max-width: 840px) {
  .artwork.move-left {
    margin-left: -65rem;
  }
}
@media (max-width: 540px) {
  .artwork.move-left {
    margin-left: -55rem;
  }
}
@media (max-width: 420px) {
  .artwork.move-left {
    margin-left: -45rem;
  }
}
.artwork.move-right {
  margin-right: -80rem;
  transition: margin-right 0.75s, opacity 0.75s;
}
@media (max-width: 840px) {
  .artwork.move-right {
    margin-right: -65rem;
  }
}
@media (max-width: 540px) {
  .artwork.move-right {
    margin-right: -55rem;
  }
}
@media (max-width: 420px) {
  .artwork.move-right {
    margin-right: -45rem;
  }
}
.block {
  min-height: calc(100% - 2.25rem);
  overflow-x: hidden;
}
.block .animate-right {
  min-width: 60%;
}
@media (max-width: 840px) {
  .landing,
  .block {
    flex-direction: column;
    padding: 0 2rem;
    height: unset;
    min-height: unset;
  }
  .landing .position-absolute-imp,
  .block .position-absolute-imp {
    width: 100%;
    position: unset !important;
    margin-bottom: 3rem;
  }
  .landing .animate-left,
  .block .animate-left {
    margin-left: 0;
    margin-top: 3rem;
    font-size: 3rem;
  }
  .landing .animate-left .mobile-hidden,
  .block .animate-left .mobile-hidden {
    display: none;
  }
  .landing .animate-left a,
  .block .animate-left a {
    font-size: 3rem;
  }
  .landing .animate-right,
  .block .animate-right {
    width: 100%;
    font-size: 3rem;
    margin: 0;
  }
  .landing .animate-right a,
  .block .animate-right a {
    font-size: 3rem;
  }
}
@media (max-width: 840px) {
  .landing .animate-left,
  .block .animate-left {
    font-size: 2.25rem;
  }
  .landing .animate-left a,
  .block .animate-left a {
    font-size: 2.25rem;
  }
  .landing .animate-right,
  .block .animate-right {
    font-size: 2.25rem;
  }
  .landing .animate-right a,
  .block .animate-right a {
    font-size: 2.25rem;
  }
}
/*# sourceMappingURL=index.css.map */