.mp-hero{
    position:relative;
    width:100%;
    min-height:100svh;
    background:#0f172a;
    overflow:hidden;
}

.mp-hero__track{
    position:relative;
    min-height:100svh;
}

.mp-hero__slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .7s ease, visibility .7s ease;
}

.mp-hero__slide.is-active{
    opacity:1;
    visibility:visible;
    z-index:2;
}

.mp-hero__media,
.mp-hero__image,
.mp-hero__mobile-fallback,
.mp-hero__video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}

.mp-hero__image,
.mp-hero__mobile-fallback{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

.mp-hero__video{
    object-fit:cover;
}

.mp-hero__mobile-fallback{
    display:none;
}

.mp-hero__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, rgba(10, 18, 28, calc(var(--mp-hero-overlay, .45) + .12)) 0%, rgba(10, 18, 28, var(--mp-hero-overlay, .45)) 45%, rgba(10, 18, 28, calc(var(--mp-hero-overlay, .45) + .08)) 100%);
    z-index:1;
}

.mp-hero__container{
    position:relative;
    z-index:3;
    min-height:100svh;
    display:flex;
    align-items:center;
    padding-top:150px;
    padding-bottom:80px;
}

.mp-hero__content{
    max-width:760px;
    color:#fff;
}

.mp-hero__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:18px;
    padding:8px 14px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    font-size:13px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.mp-hero__title{
    margin:0 0 18px;
    font-size:clamp(36px, 5vw, 72px);
    line-height:1.05;
    letter-spacing:-0.03em;
    font-weight:800;
}

.mp-hero__desc{
    max-width:680px;
    font-size:clamp(16px, 1.4vw, 20px);
    line-height:1.7;
    color:rgba(255,255,255,.92);
}

.mp-hero__desc p{
    margin:0;
}

.mp-hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:30px;
}

.mp-hero__btn{
    min-height:54px;
    padding:0 22px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:15px;
    transition:all .25s ease;
}

.mp-hero__btn--primary{
    background:#fff;
    color:#163541;
}

.mp-hero__btn--primary:hover{
    transform:translateY(-2px);
}

.mp-hero__btn--ghost{
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.08);
    color:#fff;
    backdrop-filter:blur(10px);
}

.mp-hero__btn--ghost:hover{
    background:rgba(255,255,255,.16);
    transform:translateY(-2px);
}

.mp-hero__nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    width:58px;
    height:58px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    color:#fff;
    backdrop-filter:blur(10px);
    cursor:pointer;
    transition:all .25s ease;
}

.mp-hero__nav:hover{
    background:rgba(255,255,255,.22);
}

.mp-hero__nav--prev{
    left:24px;
}

.mp-hero__nav--next{
    right:24px;
}

.mp-hero__dots{
    position:absolute;
    left:50%;
    bottom:28px;
    transform:translateX(-50%);
    z-index:5;
    display:flex;
    align-items:center;
    gap:10px;
}

.mp-hero__dot{
    width:11px;
    height:11px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.38);
    cursor:pointer;
    transition:all .25s ease;
}

.mp-hero__dot.is-active{
    width:34px;
    border-radius:999px;
    background:#fff;
}

.mp-hero--empty .mp-hero__bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
}

@media (max-width: 991px){
    .mp-hero,
    .mp-hero__track,
    .mp-hero__slide,
    .mp-hero__container{
        min-height:calc(100svh - 62px);
    }

    .mp-hero__container{
        align-items:flex-end;
        padding-top:120px;
        padding-bottom:90px;
    }

    .mp-hero__content{
        max-width:100%;
    }

    .mp-hero__title{
        font-size:clamp(28px, 9vw, 42px);
        line-height:1.12;
    }

    .mp-hero__desc{
        font-size:15px;
        line-height:1.65;
    }

    .mp-hero__actions{
        gap:10px;
    }

    .mp-hero__btn{
        min-height:48px;
        padding:0 16px;
        font-size:14px;
    }

    .mp-hero__nav{
        display:none;
    }

    .mp-hero__dots{
        bottom:72px;
    }
}

@media (max-width: 767px){
    .mp-hero__video{
        display:none;
    }

    .mp-hero__mobile-fallback{
        display:block;
    }

    .mp-hero__overlay{
        background:linear-gradient(180deg, rgba(10,18,28,.18) 0%, rgba(10,18,28,.38) 28%, rgba(10,18,28,.66) 100%);
    }

    .mp-hero__eyebrow{
        margin-bottom:14px;
        font-size:12px;
    }

    .mp-hero__title{
        margin-bottom:14px;
    }

    .mp-hero__actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .mp-hero__btn{
        width:100%;
    }
}