.hero__image {
  filter: brightness(1.12) saturate(.94);
}

.hero__shade {
  background: linear-gradient(
    90deg,
    rgba(45, 43, 39, .74) 0%,
    rgba(45, 43, 39, .46) 44%,
    rgba(45, 43, 39, .04) 74%
  );
}

.hero__content {
  padding-top: calc(var(--header) + 48px);
  padding-bottom: 96px;
}

.hero__tagline {
  font-size: clamp(1.25rem, 2.1vw, 1.9rem);
  font-weight: 600;
  line-height: 1.65;
}

.works {
  background:
    linear-gradient(rgba(230, 226, 218, .11), rgba(230, 226, 218, .11)),
    var(--night);
}

@media (max-width: 720px) {
  .hero__shade {
    background: linear-gradient(
      0deg,
      rgba(45, 43, 39, .78),
      rgba(45, 43, 39, .18) 82%
    );
  }

  .hero__content {
    padding-top: calc(var(--header) + 40px);
    padding-bottom: 112px;
  }
}