/* .layer--hero */

.layer--hero h1 {
    position: relative;
    align-self: flex-start;
  justify-self: flex-start;
}
.layer--hero h1:after {
display: block;
  content: '';
  position: absolute;
  bottom: 0.15em;
  height: 0.45em;
  background: var(--yellow);
  z-index: -1;
  width: calc(100% + 0.2em);
  left: 50%;
  transform: skew(-25deg) translate(-50%);
}