/* Homepage hero: lift the copy and give the large headline a light treatment. */

.site-home--cf-v2 .hero__surface {
  background:
    linear-gradient(to bottom, rgba(42, 21, 13, .08) 0 42%, transparent 60%),
    radial-gradient(circle at 50% 112%, rgba(255, 226, 174, .86) 0, rgba(255, 226, 174, .22) 36%, transparent 64%),
    var(--cf2-orange);
}

.site-home--cf-v2 .hero .type-h1 {
  color: #fff;
}

@media (min-width: 48rem) {
  .site-home--cf-v2 .hero__copy {
    position: relative;
    inset-block-start: clamp(-64px, -4vw, -36px);
  }
}

@media (forced-colors: active) {
  .site-home--cf-v2 .hero .type-h1 {
    color: CanvasText;
  }
}