._common-header {
  overflow: hidden;
  position: relative
}

._common-header h1 .c {
  overflow: hidden
}

._common-header video {
  opacity: 0;
  transition: opacity 1.2s ease-out
}

._common-header[data-layout=full] .main-row {
  min-height: 100vh;
  min-height: 100svh;
  padding-bottom: clamp(116px, 108.863px + 100vw * .0183, 140px);
  padding-top: var(--120)
}

@media only screen and (max-width:1023px) {
  ._common-header[data-layout=full] .main-row {
    padding-bottom: 80px
  }
}

._common-header .main-row {
  min-height: 66vh;
  min-height: 66svh;
  padding-bottom: var(--60-24);
  padding-top: var(--280)
}

@media only screen and (max-width:1023px) {
  ._common-header .main-row {
    align-content: space-between;
    padding-top: 116px
  }
}

._common-header ._scroll-hint {
  bottom: 42px;
  left: var(--grid-margin)
}

@media only screen and (max-width:1023px) {
  ._common-header ._scroll-hint {
    display: none
  }
}

._common-header .featured-media {
  margin-bottom: max(30.6px, 30.6px + 100vw * .0561);
  overflow: hidden
}

@media only screen and (max-width:1290px) {
  ._common-header .featured-media {
    margin-bottom: 48px
  }
}

@media only screen and (max-width:1023px) {
  ._common-header .featured-media {
    margin-bottom: 32px
  }
}

@media only screen and (max-width:743px) {
  ._common-header .featured-media {
    margin-bottom: 16px
  }
}

._common-header .featured-media>* {
  height: auto;
  transform: scale(1.066);
  width: 100%
}

@media only screen and (min-width:2000px) {
  ._common-header[data-layout=full] .main-row {
    padding-bottom: 7vw
  }

  ._common-header ._scroll-hint {
    bottom: 2.1vw
  }

  ._common-header .featured-media {
    margin-bottom: 6.3vw
  }
}