.hero-img,
.hero-video {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

.hero-wrp{
position:relative;
width: 100%;
max-width: 100vw;
overflow:hidden;
padding-left: 4vw;
padding-right: 4vw;
padding-top: 100px;
padding-bottom: var(--space-xl);
}

.hero-video {
    pointer-events: none;
}

.hero-txt {
    width:100%;
    max-width:850px;
}

.hero-media-top .hero-img,
.hero-media-top .hero-video {
    object-position: center top;
}

.hero-media-bottom .hero-img,
.hero-media-bottom .hero-video {
    object-position: center bottom;
}

.hero-media-left .hero-img,
.hero-media-left .hero-video {
    object-position: left center;
}

.hero-media-right .hero-img,
.hero-media-right .hero-video {
    object-position: right center;
}

.hero-media-top-left .hero-img,
.hero-media-top-left .hero-video {
    object-position: left top;
}

.hero-media-top-right .hero-img,
.hero-media-top-right .hero-video {
    object-position: right top;
}

.hero-media-bottom-left .hero-img,
.hero-media-bottom-left .hero-video {
    object-position: left bottom;
}

.hero-media-bottom-right .hero-img,
.hero-media-bottom-right .hero-video {
    object-position: right bottom;
}

.hero-pos-top-left .hero-cont-wrp {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}

.hero-pos-top-center .hero-cont-wrp {
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}

.hero-pos-top-right .hero-cont-wrp {
    justify-content: flex-start;
    align-items: flex-end;
    text-align: right;
}

.hero-pos-center-left .hero-cont-wrp {
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}

.hero-pos-center .hero-cont-wrp {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero-pos-center-right .hero-cont-wrp {
    justify-content: center;
    align-items: flex-end;
    text-align: right;
}

.hero-pos-bottom-left .hero-cont-wrp {
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
}

.hero-pos-bottom-center .hero-cont-wrp {
    justify-content: flex-end;
    align-items: center;
    text-align: center;
}

.hero-pos-bottom-right .hero-cont-wrp {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
}

.hero-wrp {
    position: relative;
    isolation: isolate;
}


.hero-btn{
  padding: 3px 26px;
}


.hero-wrp::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.hero-img-wrp,
.hero-media-wrp {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-cont-wrp {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: calc(100vh - 100px - var(--space-xl));
    box-sizing: border-box;
}

.hero-theme-none::before {
    display: none;
}

.hero-theme-light::before {
    background: rgba(0, 0, 0, 0.18);
}

.hero-theme-medium::before {
    background: rgba(0, 0, 0, 0.35);
}

.hero-theme-dark::before {
    background: rgba(0, 0, 0, 0.58);
}

.hero-theme-dark .hero-txt,
.hero-theme-dark .hero-txt h1,
.hero-theme-dark .hero-txt h2,
.hero-theme-dark .hero-txt h3,
.hero-theme-dark .hero-txt p,
.hero-theme-dark .hero-txt li,
.hero-theme-dark .hero-btn {
    color: #fff;
}

.hero-theme-medium,
.hero-theme-dark {
    --module-text: var(--color-white);

    --module-button-background: transparent;
    --module-button-text: var(--color-white);
    --module-button-border: var(--color-white);

    --module-button-hover-background: var(--color-white);
    --module-button-hover-text: var(--color-gray-5);
    --module-button-hover-border: var(--color-white);

    color: var(--module-text);
}

.hero-img,
.hero-video {
    transition: filter 0.45s ease, transform 0.45s ease;
}

.hero-wrp:has(.spt-btn:hover) .hero-img,
.hero-wrp:has(.spt-btn:focus-visible) .hero-img,
.hero-wrp:has(.spt-btn:hover) .hero-video,
.hero-wrp:has(.spt-btn:focus-visible) .hero-video {
    filter: blur(10px);
    transform: scale(1.03);
}