.hero-split-container-abbbf6b5 {
  display: flex;
  flex-wrap: wrap;
  min-height: 88vh;
  width: 100%;
  --blue: #128ccd;
  --blue-overlay: rgba(18, 140, 205, 0.05);
}

.hero-split-container-abbbf6b5 .hero-image-col-abbbf6b5 {
  flex: 1 1 28%;
  background-size: cover;
  background-position: center;
  min-height: 350px;
}

.hero-split-container-abbbf6b5 .hero-content-col-abbbf6b5 {
  flex: 1 1 62%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 60px;
  background-color: #f7f7f7;
}

.hero-split-container-abbbf6b5 .hero-content-inner-abbbf6b5 {
  max-width: 70rem;
  width: 100%;
  padding-top: 6rem;
}

.hero-split-container-abbbf6b5 .hero-eyebrow-abbbf6b5 {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}

.hero-split-container-abbbf6b5 .hero-headline-abbbf6b5 {
  font-size: var(--tw-h1-size, clamp(2.125rem, 4.4vw, 4rem));
  font-weight: 800;
  line-height: 1.05;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.hero-split-container-abbbf6b5 .hero-subheadline-abbbf6b5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.hero-split-container-abbbf6b5 .hero-body-wrapper-abbbf6b5 {
  border-left: 3px solid #e04a4a;
  padding-left: 20px;
  margin-bottom: 30px;
}

.hero-split-container-abbbf6b5 .hero-body-text-abbbf6b5 {
  font-size: var(--tw-body-size, 16px);
  line-height: 1.6;
}

.hero-split-container-abbbf6b5 .hero-body-text-abbbf6b5 p {
  margin-bottom: 15px;
}
.hero-split-container-abbbf6b5 .hero-body-text-abbbf6b5 p:last-child {
  margin-bottom: 0;
}

/* Buttons sit in a wrapping row; gap and justification come from the Style tab. */
.hero-split-container-abbbf6b5 .hero-btn-wrapper-abbbf6b5 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* Button appearance comes from the shared sitewide tfw button system. Keep
   only hero-specific layout here and scope it above the global utility rules. */
.hero-split-container-abbbf6b5 .hero-btn-abbbf6b5 {
  flex: 0 1 auto;
}

@media (max-width: 1024px) {
  .hero-split-container-abbbf6b5 .hero-subheadline-abbbf6b5 {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .hero-split-container-abbbf6b5 {
    flex-direction: column;
  }
  .hero-split-container-abbbf6b5 .hero-image-col-abbbf6b5 {
    flex: 1 1 auto;
    width: 100%;
    min-height: 300px;
  }
  .hero-split-container-abbbf6b5 .hero-content-col-abbbf6b5 {
    flex: 1 1 auto;
    width: 100%;
    padding: 1.25rem;
  }
  .hero-split-container-abbbf6b5 .hero-content-inner-abbbf6b5 {
    padding-top: 1.25rem;
  }
  .hero-split-container-abbbf6b5 .hero-subheadline-abbbf6b5 {
    font-size: 16px;
  }
}

/* -------------------------------------------------------------- Breadcrumb */

/* The trail is the child theme's markup, styled there as a full-width white bar
   that sits above the footer. Inside the hero it has to be just text, so the
   bar chrome is stripped and the container's own centring is dropped. */
.hero-split-container-abbbf6b5 .hero-breadcrumb-abbbf6b5 .tuffwrap-breadcrumb-bar {
	width: auto;
	background: none;
	border: 0;
}

.hero-split-container-abbbf6b5 .hero-breadcrumb-abbbf6b5 .tuffwrap-breadcrumb-container {
	max-width: none;
	margin: 0;
	padding: 0;
}

.hero-split-container-abbbf6b5 .hero-breadcrumb-abbbf6b5 .tuffwrap-breadcrumbs,
.hero-split-container-abbbf6b5 .hero-breadcrumb-abbbf6b5 #breadcrumbs {
	margin: 0;
	color: var(--hero-crumb-color, inherit);
	font-size: 0.875rem;
	line-height: 1.4;
}

.hero-split-container-abbbf6b5 .hero-breadcrumb-abbbf6b5 #breadcrumbs a {
	color: var(--hero-crumb-link, inherit);
}