/* Shared Figma header treatment for non-service pages that use a title banner. */
.tw-cr .tw-cr-hero,
.tw-lp .tw-lp-hero,
.tw-content .tw-blog-archive__hero,
.tw-content .tw-page-title-hero,
.tw-legal-page .tw-legal-page__hero {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 305px;
  padding: 48px 24px;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(180deg, #fefeff 0%, #ecf4fa 100%);
  color: #1e305e;
  text-align: center;
}

.tw-cr .tw-cr-hero::before,
.tw-lp .tw-lp-hero::before,
.tw-content .tw-blog-archive__hero::before,
.tw-content .tw-page-title-hero::before,
.tw-legal-page .tw-legal-page__hero::before,
.tw-cr .tw-cr-hero::after,
.tw-lp .tw-lp-hero::after,
.tw-content .tw-blog-archive__hero::after,
.tw-content .tw-page-title-hero::after,
.tw-legal-page .tw-legal-page__hero::after {
  position: absolute;
  z-index: -1;
  width: min(64vw, 1199px);
  height: min(64vw, 1199px);
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(221, 239, 251, .46), rgba(236, 244, 249, .52));
  content: "";
  pointer-events: none;
  filter: blur(14px);
}

.tw-cr .tw-cr-hero::before,
.tw-lp .tw-lp-hero::before,
.tw-content .tw-blog-archive__hero::before,
.tw-legal-page .tw-legal-page__hero::before {
  top: -88%;
  left: -26%;
  transform: rotate(45deg) scaleX(.9);
}

.tw-cr .tw-cr-hero::after,
.tw-lp .tw-lp-hero::after,
.tw-content .tw-blog-archive__hero::after,
.tw-legal-page .tw-legal-page__hero::after {
  right: -26%;
  bottom: -88%;
  transform: rotate(-45deg) scaleX(.9);
}

.tw-cr .tw-cr-hero > *,
.tw-lp .tw-lp-hero > *,
.tw-content .tw-blog-archive__hero > *,
.tw-content .tw-page-title-hero > *,
.tw-legal-page .tw-legal-page__hero > * {
  position: relative;
  z-index: 1;
  width: min(100%, 1240px);
}

.tw-cr .tw-cr-hero,
.tw-lp .tw-lp-hero,
.tw-content .tw-blog-archive__hero:not(.tw-service-hero),
.tw-content .tw-page-title-hero,
.tw-legal-page .tw-legal-page__hero {
  color: #1e305e;
}

.tw-cr .tw-cr-breadcrumb,
.tw-lp .tw-lp-breadcrumb,
.tw-content .tw-blog-archive__hero .tw-content-breadcrumb,
.tw-content .tw-page-title-hero .tw-content-breadcrumb,
.tw-legal-page .tw-legal-page__breadcrumb {
  color: #5d6c7b;
}

.tw-content .tw-page-title-hero .tw-content-breadcrumb {
  justify-content: center;
  margin: 0 0 16px;
}

.tw-cr .tw-cr-breadcrumb a,
.tw-lp .tw-lp-breadcrumb a,
.tw-content .tw-blog-archive__hero .tw-content-breadcrumb a,
.tw-content .tw-page-title-hero .tw-content-breadcrumb a,
.tw-legal-page .tw-legal-page__breadcrumb a {
  color: #0071b9;
}

.tw-cr .tw-cr-hero h1,
.tw-lp .tw-lp-hero h1,
.tw-content .tw-blog-archive__hero h1,
.tw-content .tw-page-title-hero h1,
.tw-legal-page .tw-legal-page__hero h1 {
  color: #1e305e;
}

@media (max-width: 767px) {
  .tw-cr .tw-cr-hero,
  .tw-lp .tw-lp-hero,
  .tw-content .tw-blog-archive__hero,
  .tw-content .tw-page-title-hero,
  .tw-legal-page .tw-legal-page__hero {
    min-height: 225px;
    padding: 32px 20px;
  }

  .tw-cr .tw-cr-hero::before,
  .tw-lp .tw-lp-hero::before,
  .tw-content .tw-blog-archive__hero::before,
  .tw-content .tw-page-title-hero::before,
  .tw-legal-page .tw-legal-page__hero::before,
  .tw-cr .tw-cr-hero::after,
  .tw-lp .tw-lp-hero::after,
  .tw-content .tw-blog-archive__hero::after,
  .tw-content .tw-page-title-hero::after,
  .tw-legal-page .tw-legal-page__hero::after {
    width: 454px;
    height: 454px;
    filter: blur(10px);
  }

  .tw-cr .tw-cr-hero::before,
  .tw-lp .tw-lp-hero::before,
  .tw-content .tw-blog-archive__hero::before,
  .tw-content .tw-page-title-hero::before,
  .tw-legal-page .tw-legal-page__hero::before {
    top: -108%;
    left: -48%;
  }

  .tw-cr .tw-cr-hero::after,
  .tw-lp .tw-lp-hero::after,
  .tw-content .tw-blog-archive__hero::after,
  .tw-content .tw-page-title-hero::after,
  .tw-legal-page .tw-legal-page__hero::after {
    right: -48%;
    bottom: -108%;
  }
}