.icon-wrapper .icon-after:after, .icon-wrapper .icon-before:before, .icon-wrapper .more:after, .icon-after:after, .more:after {
  position: relative;
  top: -0.08em;
}

.section-hero {
  --hero-padding: 204px;
  padding-bottom: 160px;
}

@media only screen and (max-width: 1068px) {
  .section-hero {
    --hero-padding: 154px;
    padding-bottom: 110px;
  }
}

@media only screen and (max-width: 734px) {
  .section-hero {
    --hero-padding: 120px;
  }
}

@media only screen and (max-width: 455px) {
  .drawer .drawer-toggle .drawer-copy {
    max-width: none;
    padding-right: 35px;
  }
}

html.hero-enhanced .section-hero .video-container:not(.show-endframe) .video-frame.end {
  display: block;
}

html.hero-enhanced .section-hero .headline {
  opacity: 1;
}

.section-hero .video {
  left: calc((var(--video-width)/-2) - 6px);
}

.xsmall {
  display: none;
}

@media only screen and (max-width: 340px) {
  .xsmall {
    display: block;
  }
}