.faq-hero {
  position: relative;
  padding: var(--gap-32);
  clip-path: var(--fo-shape-panel);
  overflow: hidden;
  background:
    linear-gradient(90deg, var(--color-photo-tint-55) 0%, rgba(8, 9, 11, .32) 50%, rgba(8, 9, 11, .08) 100%),
    url('/static/img/faq-hero.png') center / cover no-repeat;
  color: var(--color-photo-text);
}
.faq-hero .page-description { color: var(--color-photo-text-muted); }
.faq-hero .page-description a { color: var(--color-photo-text); }
.faq-hero h1 { color: var(--color-photo-text); }