.snp-block-article-hero {
  color: var(--color-sand-50);
  min-height: 620px;
  overflow: hidden;
}
.snp-block-article-hero .background-element::after {
  background: linear-gradient(180deg, rgba(14, 12, 8, 0.38), rgba(14, 12, 8, 0.88));
  content: "";
  inset: 0;
  position: absolute;
}
.snp-block-article-hero .wrapper {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 620px;
  padding-bottom: var(--space-3xl);
  text-align: center;
}
.snp-block-article-hero h1 {
  color: inherit;
  font-size: var(--font-size-display-l);
  line-height: var(--line-height-display-l);
  margin: var(--space-md) auto;
  max-width: 800px;
}
.snp-block-article-hero .wrapper > p:not(.u-overline) {
  color: var(--color-sand-200);
}
.snp-block-article-hero .snp-author {
  align-items: center;
  display: flex;
  gap: var(--space-sm);
  margin-top: var(--space-lg);
}
.snp-block-article-hero .snp-author img {
  border-radius: var(--radius-full);
  height: 44px;
  width: 44px;
}

@media (max-width: 767px) {
  .snp-block-article-hero {
    min-height: 560px;
  }
  .snp-block-article-hero .wrapper {
    min-height: 560px;
  }
  .snp-block-article-hero h1 {
    font-size: var(--font-size-mobile-display);
    line-height: var(--line-height-mobile-display);
  }
}
/* SNP2 fidelity pass. */
.snp-block-article-hero {
  height: 620px;
  min-height: 620px;
}
.snp-block-article-hero .wrapper {
  align-items: flex-start;
  height: 620px;
  justify-content: flex-end;
  min-height: 620px;
  padding-bottom: 56px;
  padding-top: 0;
  text-align: left;
}
.snp-block-article-hero .wrapper nav {
  color: var(--color-gold-200);
  font-size: var(--font-size-caption);
}
.snp-block-article-hero h1 {
  margin: 20px 0 16px;
  max-width: 760px;
}
.snp-block-article-hero .snp-author {
  margin-top: 0;
}
.snp-block-article-hero .snp-author img {
  height: 28px;
  width: 28px;
}

@media (max-width: 767px) {
  .snp-block-article-hero {
    height: 560px;
    min-height: 560px;
  }
  .snp-block-article-hero .wrapper {
    height: 560px;
    min-height: 560px;
    padding-top: 30px;
  }
}
/*# sourceMappingURL=style.css.map */