.hero{
    background:
        linear-gradient(
            rgba(0,0,0,.65),
            rgba(0,0,0,.75)
        ),
        radial-gradient(
            circle at right,
            rgba(52,110,190,.20),
            transparent 45%
        );
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-top:4rem;
    padding-bottom:4rem;
}

.hero__video{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    transform: scale(1.03);
}

.hero__overlay{
    position: absolute;
    inset: 0;
    background: 
        linear-gradient(
            90deg,
            rgba(14, 20, 27, .88) 0%, 
            rgba(14, 20, 27, .72) 45%,
            rgba(14,20,27, .55) 100%
        );
    z-index: -1;
}

.hero__container{
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hero__content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 760px;
    gap: 1.5rem;
}

.hero__title{
    max-width: 750px;
    font-size: clamp(4rem, 8vw, 7rem);
    line-height: .98;
    font-weight: 700;
    letter-spacing: -.04em;
}

.hero__subtitle{
    max-width: 700px;
    font-size: clamp(1.7rem, 3vw, 2.6rem);
    font-weight: 600;
    line-height: 1.25;
    color: var(--color-secondary);
}

.hero__description{
    max-width: 700px;
    font-size: clamp(1.05rem, 1.6vw, 1.25rem);
    line-height: 1.85;
}

.hero__button{
    width: fit-content;
}

.hero__card{
    justify-self: center;
}

.hero__scroll{
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    font-size: 2rem;
    color: var(--color-text);
    transition: var(--transition-normal);
}

.hero__scroll:hover{
    transform: translateX(-50%) translateY(5px);
}

.hero .chapter-label{
    margin-bottom:.5rem;
    padding:.45rem 1rem;
    border:1px solid rgba(214,179,90,.35);
    border-radius:var(--radius-full);
    background:rgba(214,179,90,.08);
}

.countdown{
    margin-top:2rem;
}

.hero__quote {
    max-width: 620px;
    padding-left: var(--space-md);
    border-left: 3px solid var(--color-secondary);
    font-family: var(--font-accent);
    font-size: var(--fs-lg);
    font-style: italic;
    line-height: 1.6;
    color: var(--color-text);
}