.page-title {
  background-color: var(--color-golden-hour);
  padding: var(--space) var(--space-double) var(--space) var(--space-triple);
  z-index: 3;
}

@media only screen and (min-width: 769px) {
  .page-title {
    max-width: calc(100% - 60px);
    position: absolute;
  }

  .page-title::after {
    width: 60px;
    height: 100%;
    position: absolute;
    left: 100%;
    content: '';
    top: 0;
    background: linear-gradient(to right bottom, var(--color-golden-hour) 50%, transparent 50%);
  }
}

.page-title h1 {
  margin: 0;
  color: var(--color-lehigh-brown);
}