.hero__description p:not(:last-child),.hero__note h2,.hero__subtitle{margin-bottom:.5rem}.hero,.hero__buttons,.hero__container,.hero__content{position:relative}.hero{overflow:hidden}.hero__subtitle{color:var(--primary-8)}.hero__title{color:var(--primary-16);font-weight:600;line-height:1.2;margin-bottom:.125rem}.hero__title span{color:var(--primary-4)}.hero__description{margin-bottom:1rem}.hero__description,.hero__description p{color:var(--primary-12)}.hero__content{display:flex;justify-content:space-between;border-top:.0625rem solid var(--primary-2)}.hero__actions{display:flex;flex-direction:column}.hero__note{margin-top:auto}.hero__note h2{color:var(--primary-16);font-size:1.5rem;font-weight:700;line-height:1.2}.hero__note p{color:var(--primary-12);line-height:1.4}.hero__buttons{display:flex;margin-top:1.5rem}.hero__buttons .btn:not(:last-child){margin-right:2rem;position:relative}.hero__buttons .btn:not(:last-child):after{background-color:var(--primary-7);content:"";height:1.5rem;position:absolute;right:-1rem;top:50%;transform:translateY(-50%);width:.0625rem}.hero__image-wrapper{margin-top:2.5rem;width:100%}.hero__image-wrapper .hero__container{margin:0}.hero__image{height:28.125rem;object-fit:cover;width:100%}.hero:not(:has(.hero__content)){padding-bottom:0!important}@media (max-width:75em){.hero__buttons{flex-wrap:wrap;gap:.75rem}.hero__buttons .btn:not(:last-child){margin-right:0}.hero__buttons .btn:not(:last-child):after{display:none}}@media (max-width:61.99875em){.hero__content{flex-direction:column-reverse;gap:1.5rem}}@media (max-width:20em){.hero__subtitle{font-size:.75rem}.hero__content{padding-top:.5rem;margin-top:.5rem}.hero__title{font-size:2.875rem}.hero__description,.hero__note p{font-size:1rem}.hero__note h4{font-size:1.125rem}.hero__image{height:9.375rem}}@media (min-width:20em) and (max-width:120em){.hero__subtitle{font-size:clamp(.75rem, .675rem + .375vw, 1.125rem)}.hero__content{padding-top:clamp(.5rem,.3rem + 1vw,1.5rem);margin-top:clamp(.5rem,.3rem + 1vw,1.5rem)}.hero__title{font-size:clamp(2.875rem, 2.55rem + 1.625vw, 4.5rem)}.hero__description,.hero__note p{font-size:clamp(1rem, .975rem + .125vw, 1.125rem)}.hero__note h4{font-size:clamp(1.125rem, 1.05rem + .375vw, 1.5rem)}.hero__image{height:clamp(9.375rem,5.625rem + 18.75vw,28.125rem)}}@media (min-width:61.99875em){.hero__description,.hero__text{flex:0 0 50%}.hero__content{gap:.75rem}}@media (min-width:120em){.hero__description,.hero__note p,.hero__subtitle{font-size:1.125rem}.hero__content{padding-top:1.5rem;margin-top:1.5rem}.hero__title{font-size:4.5rem}.hero__note h4{font-size:1.5rem}.hero__image{height:28.125rem}}
.hero__note div {
    color: var(--primary-16);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .5rem;
}

.hero--has-video-card {
    overflow: visible;
}

.hero__image-wrapper {
    position: relative;
}

.hero__image {
    display: block;
    position: relative;
    z-index: 0;
}

.hero__image-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

.hero__video-shell {
    position: absolute;
    z-index: 2;
    right: calc((100vw - 1440px) / 2);
    transform: translate(0, 0)!important;
    bottom: -60px;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    pointer-events: none;
    margin: 0;
    padding: 0;
}

.hero__video-shell.hero__container {
    transform: translate(-50%, 50%);
}

.hero-youtube-popup__close {
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
}

.hero-video-card {
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    border: 1px solid #e0e9f5;
    border-radius: 16px;
    padding: 24px;
    width: 400px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.03), 0 18px 18px 0 rgba(0, 0, 0, 0.03), 0 39px 24px 0 rgba(0, 0, 0, 0.02), 0 70px 28px 0 rgba(0, 0, 0, 0), 0 109px 31px 0 rgba(0, 0, 0, 0);
    background: #fff;
    opacity: 0;
    pointer-events: none;
    animation: hero-video-card-fade-in 0.7s ease 1.5s forwards;
}

@keyframes hero-video-card-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        pointer-events: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-video-card {
        opacity: 1;
        pointer-events: auto;
        animation: none;
    }
}

button.hero-video-card {
    text-align: left;
    cursor: pointer;
}

.hero-video-card__thumb {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    background: var(--primary-16, #0f172a);
    overflow: hidden;
}

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

.hero-video-card__play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 0;
    width: 4rem;
    height: 4rem;
}

.hero-video-card__play svg {
    width: 100%;
    height: 100%;
}

.hero-video-card__badge {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    line-height: 0;
}

.hero-video-card__badge-img {
    display: block;
    width: 6.25rem;
    max-width: 100%;
    height: auto;
}

.hero-video-card__caption {
    display: block;
    padding: 0;
    margin-top: 16px;
    background: #fff;
}

.hero-video-card__text {
    display: block;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 144%;
    color: #0d1930;
}

.hero-video-card__title {
    font-weight: 700;
}

.hero-video-card__hint {
    font-weight: 400;
    color: var(--primary-12);
}

@media (max-width: 1440px) {
    .hero--has-video-card .hero__image-wrapper {
        margin-bottom: 0;
    }

    .hero__video-shell.hero__container {
        left: auto;
        right: 60px;
        transform: none;
        padding: 1rem 0 0;
    }

    .hero-video-card {
        max-width: 22.5rem;
    }
}

.hero-youtube-popup__body {
    max-width: 60rem;
    width: 100%;
    box-sizing: border-box;
}

.hero-youtube-popup__video {
    width: 100%;
    min-height: 0;
}

@media (max-width: 1200px){
    .hero-video-card{
        width: 320px;
    }
}

@media (max-width: 1023px){
    .hero-video-card{
        width: 100%;
    }
    .hero__video-shell.hero__container {
        position: relative;
        left: auto;
        right: 0;
        bottom: 0;
        transform: none;
        justify-content: center;
        padding: 1rem 0 0;
    }

    .hero__image-overlay{
        background: transparent;
    }
}