.hero-media {
  position: relative;
  text-align: center; }
  .hero-media .media-image {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(100vh - 80px); }
    .hero-media .media-image::before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 50%);
      height: 100%;
      width: 100%;
      background: radial-gradient(ellipse closest-side, black 0%, rgba(0, 0, 0, 0.75) 50%, transparent 100%);
      z-index: 1; }
    .header__hero--alert .hero-media .media-image {
      padding-bottom: calc(100vh - 160px); }
      @media (min-width: 55em) {
        .header__hero--alert .hero-media .media-image {
          padding-bottom: calc(100vh - 80px); } }
    @media (min-width: 55em) {
      .hero-media .media-image {
        padding-bottom: 100vh; } }
    .hero-media .media-image img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: initial;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto; }

.hero-image__narrow {
  position: relative;
  text-align: center; }
  .hero-image__narrow .media-image {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(100vh - 80px); }
    .hero-image__narrow .media-image::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.51));
      z-index: 1; }
    @media (min-width: 55em) {
      .hero-image__narrow .media-image {
        padding-bottom: 42.25%; } }
    @media (min-width: 64em) {
      .hero-image__narrow .media-image {
        padding-bottom: 31.25%; } }
    .hero-image__narrow .media-image img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: initial;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto; }

.hero-title__narrow,
.hero-overlay {
  position: absolute;
  bottom: 12%;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 55em) and (orientation: landscape) {
    .hero-title__narrow,
    .hero-overlay {
      bottom: 5%; } }

.hero-overlay {
  width: 90%;
  z-index: 2; }

.hero-title__narrow {
  position: absolute;
  z-index: 2;
  bottom: inherit;
  top: 48%;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
  width: 80%;
  text-align: center; }
  @media (min-width: 55em) {
    .hero-title__narrow {
      width: 100%; } }

.hero-title__narrow,
.hero-title,
.hero-summary {
  color: #FFF;
  text-shadow: 0px 2px 4px #000; }

.hero-landing-title,
.hero-landing-summary {
  text-align: center; }

.hero-summary {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-weight: 300;
  color: #36424a;
  color: #FFF;
  margin-bottom: 2rem; }
  .hero-summary {
    font-size: 1.25rem; }
    @media screen and (min-width: 20rem) {
      .hero-summary {
        font-size: calc(1.25rem + 0.75 * ((100vw - 20rem) / 80)); } }
    @media screen and (min-width: 100rem) {
      .hero-summary {
        font-size: 2rem; } }
  @media (max-width: 55em) and (orientation: landscape) {
    .hero-summary {
      display: none; } }

.hero-video__container-image,
.hero-video__container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: calc(100vh - 80px); }
  .header__hero--alert .hero-video__container-image, .header__hero--alert
  .hero-video__container {
    padding-bottom: calc(100vh - 160px); }
    @media (min-width: 20rem) {
      .header__hero--alert .hero-video__container-image, .header__hero--alert
      .hero-video__container {
        padding-bottom: calc(100vh - 80px); } }
  @media (min-width: 20rem) {
    .hero-video__container-image,
    .hero-video__container {
      padding-bottom: 100vh; } }
  .hero-video__container-image img,
  .hero-video__container-image video,
  .hero-video__container img,
  .hero-video__container video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: initial;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto; }

.hero-video__container-image {
  display: block; }
  .hero-video__container-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    height: 100%;
    width: 100%;
    background: radial-gradient(ellipse closest-side, black 0%, rgba(0, 0, 0, 0.75) 50%, transparent 100%);
    z-index: 1; }
  @media (min-width: 20rem) {
    .hero-video__container-image {
      display: none; } }

.hero-video__container {
  display: none;
  position: relative; }
  @media (min-width: 20rem) {
    .hero-video__container {
      display: block; } }
  .hero-video__container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    height: 100%;
    width: 100%;
    background: radial-gradient(ellipse closest-side, black 0%, rgba(0, 0, 0, 0.75) 50%, transparent 100%);
    z-index: 1; }
  .hero-video__container .play-pause {
    display: none; }
  .hero-video__container .play-play {
    display: block; }
  .hero-video__container.playing .play-pause {
    display: block; }
  .hero-video__container.playing .play-play {
    display: none; }

.hero-video__control-btn {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 13%;
  right: 5%;
  z-index: 2;
  border: 0;
  background: transparent;
  padding: 0; }

.page__anchor-container {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  bottom: 0;
  left: 50%;
  width: 90px;
  height: 40px;
  transform: translateX(-50%); }

.header-hero__block {
  position: relative; }
  @media (max-width: 55em) and (orientation: landscape) {
    .header-hero__block .btn--gold {
      display: none; } }

.header__hero--internal .header-hero__block {
  min-height: 200px; }

.header__hero--internal .hero-title {
  text-shadow: 0px 2px 4px #000;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -60%);
  text-align: center; }

.header__hero--internal .hero-empty + .hero-title {
  text-shadow: none;
  position: inherit;
  color: #36424a;
  top: inherit;
  left: inherit;
  transform: none;
  padding-top: 128px; }