.hero-image-plus {
    --hero-image-plus-bg-desktop: none;
    --hero-image-plus-bg-mobile: var(--hero-image-plus-bg-desktop);
    --hero-image-plus-bg-x: 50%;
    --hero-image-plus-bg-y: 50%;
    --hero-image-plus-parallax-strength: 0;
    --hero-image-plus-parallax-offset: 0px;
    --hero-image-plus-content-max-width: 1200px;
    --hero-image-plus-content-padding-x: clamp(1rem, 4vw, 4rem);
    --hero-image-plus-content-padding-y: clamp(2rem, 6vw, 6rem);
    --hero-image-plus-content-overlay-padding-x: 32px;
    --hero-image-plus-content-overlay-padding-y: 24px;
    --hero-image-plus-content-overlay-radius: 0;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.hero-image-plus__background,
.hero-image-plus__overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hero-image-plus__background {
    z-index: -2;
    background-image: var(--hero-image-plus-bg-desktop);
    background-position: var(--hero-image-plus-bg-x) calc(var(--hero-image-plus-bg-y) + var(--hero-image-plus-parallax-offset));
    background-repeat: no-repeat;
    background-size: cover;
    will-change: background-position;
}


.hero-image-plus__overlay {
    z-index: -1;
}

.hero-image-plus__content {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--hero-image-plus-content-padding-y) var(--hero-image-plus-content-padding-x);
}

.hero-image-plus__content-inner {
    display: flex;
    width: min(100%, var(--hero-image-plus-content-max-width));
}

.hero-image-plus--align-left .hero-image-plus__content-inner { margin-right: auto; justify-content: flex-start; }
.hero-image-plus--align-center .hero-image-plus__content-inner { margin-inline: auto; justify-content: center; }
.hero-image-plus--align-right .hero-image-plus__content-inner { margin-left: auto; justify-content: flex-end; }

.hero-image-plus__content-panel {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.hero-image-plus__content-panel--overlay {
    width: fit-content;
    padding: var(--hero-image-plus-content-overlay-padding-y) var(--hero-image-plus-content-overlay-padding-x);
}

.hero-image-plus__content-overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: var(--hero-image-plus-content-overlay-radius);
    pointer-events: none;
}

.hero-image-plus__items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
    z-index: 1;
    width: 100%;
}

.hero-image-plus--align-left .hero-image-plus__items { align-items: flex-start; text-align: left; }
.hero-image-plus--align-center .hero-image-plus__items { align-items: center; text-align: center; }
.hero-image-plus--align-right .hero-image-plus__items { align-items: flex-end; text-align: right; }

.hero-image-plus__item { min-width: 0; max-width: 100%; }
.hero-image-plus__item--width-auto { width: auto; }
.hero-image-plus__item--width-25 { width: 25%; }
.hero-image-plus__item--width-33 { width: 33.3333%; }
.hero-image-plus__item--width-50 { width: 50%; }
.hero-image-plus__item--width-66 { width: 66.6667%; }
.hero-image-plus__item--width-75 { width: 75%; }
.hero-image-plus__item--width-100 { width: 100%; }

.hero-image-plus__heading { margin: 0; }
.hero-image-plus__heading-link { color: inherit; text-decoration: inherit; }
.hero-image-plus__rich-text > :last-child { margin-bottom: 0; }
.hero-image-plus__image-element { line-height: 0; }
.hero-image-plus__image { height: auto; max-width: 100%; }
.hero-image-plus__icon { display: inline-flex; line-height: 1; }
.hero-image-plus__icon-link { color: inherit; text-decoration: none; }

.hero-image-plus__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .65em;
}

.hero-image-plus__button--custom.hero-image-plus__button--regular {
    color: #fff;
    background-color: var(--hero-image-plus-button-color);
    border-color: var(--hero-image-plus-button-color);
}
.hero-image-plus__button--custom.hero-image-plus__button--outline {
    color: var(--hero-image-plus-button-color);
    background: transparent;
    border-color: var(--hero-image-plus-button-color);
}
.hero-image-plus__button--custom.hero-image-plus__button--link {
    color: var(--hero-image-plus-button-color);
    padding-inline: 0;
    border-color: transparent;
    background: transparent;
}

.hero-image-plus__spacer { height: var(--hero-image-plus-spacer-size); }

.hero-image-plus__divider-wrap { display: flex; width: 100%; }
.hero-image-plus__divider-wrap--start { justify-content: flex-start; }
.hero-image-plus__divider-wrap--center { justify-content: center; }
.hero-image-plus__divider-wrap--end { justify-content: flex-end; }
.hero-image-plus__divider {
    width: var(--hero-image-plus-divider-width);
    margin-top: var(--hero-image-plus-divider-before);
    margin-bottom: var(--hero-image-plus-divider-after);
    border: 0;
    border-top: var(--hero-image-plus-divider-thickness) var(--hero-image-plus-divider-style) var(--hero-image-plus-divider-color);
    opacity: 1;
}

.hero-image-plus__group {
    --hero-image-plus-group-gap: 1.5rem;
    display: flex;
    gap: var(--hero-image-plus-group-gap);
    max-width: 100%;
}
.hero-image-plus__group--row { flex-direction: row; }
.hero-image-plus__group--column { flex-direction: column; }
.hero-image-plus__group--wrap { flex-wrap: wrap; }
.hero-image-plus--align-left .hero-image-plus__group--justify-inherit { justify-content: flex-start; }
.hero-image-plus--align-center .hero-image-plus__group--justify-inherit { justify-content: center; }
.hero-image-plus--align-right .hero-image-plus__group--justify-inherit { justify-content: flex-end; }
.hero-image-plus__group--justify-start { justify-content: flex-start; }
.hero-image-plus__group--justify-center { justify-content: center; }
.hero-image-plus__group--justify-end { justify-content: flex-end; }
.hero-image-plus__group--justify-between { justify-content: space-between; }
.hero-image-plus__group--align-start { align-items: flex-start; }
.hero-image-plus__group--align-center { align-items: center; }
.hero-image-plus__group--align-end { align-items: flex-end; }
.hero-image-plus__group--align-stretch { align-items: stretch; }
.hero-image-plus__group--gap-none { --hero-image-plus-group-gap: 0; }
.hero-image-plus__group--gap-small { --hero-image-plus-group-gap: .75rem; }
.hero-image-plus__group--gap-medium { --hero-image-plus-group-gap: 1.5rem; }
.hero-image-plus__group--gap-large { --hero-image-plus-group-gap: 3rem; }

@media (max-width: 767.98px) {
    .hero-image-plus__background { background-image: var(--hero-image-plus-bg-mobile); }
    .hero-image-plus__content { padding: 2.5rem 1rem; }
    .hero-image-plus__item--hide_mobile { display: none !important; }
    .hero-image-plus__item--width-25,
    .hero-image-plus__item--width-33,
    .hero-image-plus__item--width-50,
    .hero-image-plus__item--width-66,
    .hero-image-plus__item--width-75 { width: 100%; }
    .hero-image-plus__group--mobile-stack { flex-direction: column; align-items: stretch; }
    .hero-image-plus__group--mobile-stack_reverse { flex-direction: column-reverse; align-items: stretch; }
    .hero-image-plus--parallax-mobile-disabled .hero-image-plus__background { --hero-image-plus-parallax-offset: 0px !important; }
}

@media (min-width: 768px) {
    .hero-image-plus__item--hide_desktop { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-image-plus__background { --hero-image-plus-parallax-offset: 0px !important; will-change: auto; }
}

.hero-image-plus__button--custom:hover,
.hero-image-plus__button--custom:focus {
    filter: brightness(.92);
}
