.category-hero-01:not(:first-child) {
  margin-top: var(--category-hero-01--block--margin-top);
}
.category-hero-01 .category-hero-01-inner {
  position: relative;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  min-height: var(--category-hero-01--inner--min-height);
  border-radius: var(--category-hero-01--inner--border-radius);
  background-color: var(--category-hero-01--inner--background-color);
}
.category-hero-01 .category-hero-01-image {
  position: var(--category-hero-01--image--position);
  inset: 0;
  z-index: 0;
  box-sizing: border-box;
  flex: 1 1 50%;
  min-width: 0;
  min-height: var(--category-hero-01--image--min-height);
}
.category-hero-01 .category-hero-01-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: var(--category-hero-01--image--object-fit);
     object-fit: var(--category-hero-01--image--object-fit);
  -o-object-position: var(--category-hero-01--image--object-position);
     object-position: var(--category-hero-01--image--object-position);
}
.category-hero-01 .category-hero-01-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: var(--category-hero-01--overlay--background-color);
  pointer-events: none;
}
.category-hero-01 .category-hero-01-content {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  flex: 1 1 50%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: var(--category-hero-01--content--justify-content);
  background-color: var(--category-hero-01--content--background-color);
  padding-bottom: var(--category-hero-01--content--padding-y);
  padding-left: var(--category-hero-01--content--padding-x);
  padding-right: var(--category-hero-01--content--padding-x);
  padding-top: var(--category-hero-01--content--padding-y);
  text-align: var(--category-hero-01--content--text-align);
}
.category-hero-01 .category-hero-01-content-inner {
  width: 100%;
}
.category-hero-01 .category-hero-01-inner--no-image {
  --category-hero-01--content--text-align: center;
}
.category-hero-01 .category-hero-01-title {
  color: var(--category-hero-01--title--color);
  font-family: var(--category-hero-01--title--font-family);
  font-size: var(--category-hero-01--title--font-size);
  font-weight: var(--category-hero-01--title--font-weight);
  letter-spacing: var(--category-hero-01--title--letter-spacing);
  line-height: var(--category-hero-01--title--line-height);
  text-transform: var(--category-hero-01--title--text-transform);
  margin-bottom: var(--category-hero-01--title--margin-bottom);
}
.category-hero-01 .category-hero-01-text {
  color: var(--category-hero-01--text--color);
  font-family: var(--category-hero-01--text--font-family);
  font-size: var(--category-hero-01--text--font-size);
  font-weight: var(--category-hero-01--text--font-weight);
  letter-spacing: var(--category-hero-01--text--letter-spacing);
  line-height: var(--category-hero-01--text--line-height);
}

@media (max-width: 1023px) {
  .category-hero-01 .category-hero-01-inner {
    flex-direction: column;
  }
}