/* Shape divider from ShapeDividers.com, scoped to SEO page heroes. */
.seo-page .seo-hero {
  --seo-hero-divider-clearance: clamp(66px, 7vw, 102px);
  --seo-hero-divider-height: 90px;
  --seo-hero-image-position: center;
  background-color: #070708;
  background-image:
    radial-gradient(circle at 70% 14%, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0) 31%),
    linear-gradient(112deg, rgba(5, 5, 7, .9) 0%, rgba(19, 19, 23, .68) 48%, rgba(5, 5, 7, .86) 100%),
    linear-gradient(#8d8d8d, #8d8d8d),
    var(--seo-hero-image, none);
  background-blend-mode: screen, normal, color, normal;
  background-position: center, center, center, var(--seo-hero-image-position);
  background-repeat: no-repeat;
  background-size: 120% 120%, cover, cover, cover;
  overflow: hidden;
  padding-bottom: max(166px, calc(var(--seo-hero-divider-height) + var(--seo-hero-divider-clearance)));
  position: relative;
}

.seo-page .seo-hero .seo-hero__inner > p:not(.seo-kicker),
.seo-page .seo-hero .seo-actions {
  max-width: min(100%, var(--seo-hero-copy-width, 700px));
}

.seo-page .seo-hero .seo-actions {
  margin-bottom: 0;
}

.seo-page .seo-hero h1 {
  line-height: 1.08;
}

@media (min-width: 981px) {
  .seo-page .seo-hero__inner {
    max-width: min(100%, 1120px);
  }

  .seo-page .seo-hero h1 {
    line-height: 1.08;
    max-width: min(100%, 15.5ch);
  }

  .seo-page .seo-hero .seo-hero__inner > p:not(.seo-kicker),
  .seo-page .seo-hero .seo-actions {
    max-width: min(100%, var(--seo-hero-copy-width, 940px));
  }

  .seo-page .seo-hero .seo-actions {
    flex-wrap: nowrap;
  }

  .seo-page .seo-hero .seo-button {
    white-space: nowrap;
  }
}

.seo-page .seo-hero::after {
  background-color: transparent;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"%3E%3Cpath d="M35.28 1.67c-3.07-.55-9.27.41-16.15 0-6.87-.4-13.74-.58-19.13.1v.4h35.28z" fill="%23ffffff"/%3E%3Cpath d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" opacity=".5" fill="%23ffffff"/%3E%3Cpath d="M35.28.31c-2.57.84-7.68.3-11.8.43-4.1.12-6.85.61-9.57.28C11.18.69 8.3-.16 5.3.02 2.3.22.57.85 0 .87v1.2h35.28z" opacity=".5" fill="%23ffffff"/%3E%3C/svg%3E');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% 90px;
  bottom: -1px;
  clip-path: none;
  content: "";
  font-family: "shape divider from ShapeDividers.com";
  height: 90px;
  left: -1px;
  pointer-events: none;
  position: absolute;
  right: -1px;
  z-index: 3;
}

@media (max-width: 720px) {
  .seo-page .seo-hero {
    --seo-hero-divider-clearance: 74px;
    --seo-hero-divider-height: 76px;
    padding-left: clamp(22px, 7vw, 32px);
    padding-right: clamp(22px, 7vw, 32px);
    padding-bottom: 150px;
  }

  .seo-page .seo-hero__inner {
    max-width: min(100%, 34rem);
  }

  .seo-page .seo-hero h1 {
    line-height: 1.09;
    max-width: min(100%, 15.5ch);
  }

  .seo-page .seo-hero .seo-hero__inner > p:not(.seo-kicker),
  .seo-page .seo-hero .seo-actions {
    max-width: min(100%, var(--seo-hero-copy-width, 32rem));
  }

  .seo-page .seo-hero::after {
    background-position: 50% 100%;
    background-size: 100% 76px;
    height: 76px;
  }
}

@media (max-width: 1100px) and (min-width: 981px) {
  .seo-page .seo-hero {
    padding-top: calc(var(--header-top) + var(--header-height) + 58px);
  }

  .seo-page .seo-hero h1 {
    font-size: 4rem;
  }
}

@media (max-width: 390px) {
  .seo-page .seo-hero {
    padding-bottom: 154px;
  }
}

@media (min-width: 1025px) {
  .seo-page .seo-hero::after {
    bottom: -.1vw;
    left: -.1vw;
    right: -.1vw;
  }
}

@media (min-width: 2100px) {
  .seo-page .seo-hero::after {
    background-size: 100% calc(2vw + 90px);
    height: calc(2vw + 90px);
  }
}