.hero-2 h1 {
  font-weight: 400;
}
  .hero-2 h1 {
  font-weight: bold;
  font-size: 14px;
  line-height: 2;
  text-transform: uppercase;
  letter-spacing: 0.180em;
}
  .hero-2 h2, .hero-2 h3, .hero-2 h4, .hero-2 h5, .hero-2 h6 {
  font-weight: bold;
  font-size: 38px;
  line-height: 1.2631578947;
}
  @media (max-width: 767px) {
  .hero-2 h2, .hero-2 h3, .hero-2 h4, .hero-2 h5, .hero-2 h6 {
    font-size: 24px;
  }
}
  .hero-2 .prose h2, .hero-2 .prose h3, .hero-2 .prose h4, .hero-2 .prose h5, .hero-2 .prose h6 {
  margin-bottom: 1rem;
}
  .hero-2 .hero-image {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 16;
}
  .hero-2 .hero-image > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
  .hero-2 .hero-image {
  --tw-aspect-h: 9;
}
  @media (min-width: 1024px) {
  .hero-2 .hero-image {
    position: static;
    padding-bottom: 0;
  }
}
  @media (min-width: 1024px) {
  .hero-2 .hero-image > * {
    position: static;
    height: auto;
    width: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
}
  @media (min-width: 1024px) {
  .hero-2 .hero-image {
			height: calc(100% + 96px);
			width: calc(var(--viewport-width) / 2)
	}
		}
  .hero-2 img {
  height: 100% !important;
}
  .hero-2 .bg {
  --tw-bg-opacity: 1;
  background-color: rgb(229 239 255 / var(--tw-bg-opacity));
}
  .hero-2.is-style-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(45 45 45 / var(--tw-bg-opacity));
}
  .hero-2.is-style-dark {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  @media (min-width: 1024px) {
  .hero-2.is-style-dark {
    background-color: transparent;
  }
}
  .hero-2.is-style-dark .bg {
  --tw-bg-opacity: 1;
  background-color: rgb(45 45 45 / var(--tw-bg-opacity));
}