:root {
  --animation-time: .5s;
  --animation-delay: .5s;
  --ease-curve: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

body.article section#hero .caption {
  top: auto;
  bottom: 6em;
  left: 4em;
  font-weight: normal;
}
@media screen and (max-width: 1080px) {
  body.article section#hero .caption {
    bottom: 2em;
    left: 2em;
  }
}
@media screen and (max-width: 766px) {
  body.article section#hero .caption {
    top: 73vw;
    bottom: auto;
    left: 3vw;
    font-size: 2.8vw;
  }
}
body.article section#hero .text-area {
  max-width: 370px;
  padding: 35px;
}
@media screen and (max-width: 767px) {
  body.article section#hero .text-area {
    max-width: 100%;
    padding: 5vw;
  }
}