/* =====================================
   HERO SECTION
===================================== */

.hero{

    position:relative;

    width:100%;

    min-height:100vh;

    background:#131B29;

    overflow:hidden;

    display:flex;

    align-items:center;
	isolation:isolate;

	padding-block:170px 90px;

}

.hero-video{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;

    z-index:0;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(19,27,41,.90) 0%,
        rgba(19,27,41,.82) 40%,
        rgba(19,27,41,.55) 100%
    );

    z-index:1;

}

.hero-container{

    width:min(92%, 1380px);

    margin:0 auto;

    position:relative;

    z-index:5;

    display:grid;

    grid-template-columns:1.05fr .95fr;

    gap:clamp(40px,5vw,70px);

    align-items:center;

}

/* ========================= */

.hero-left{

    color:#fff;
	max-width:640px;

}

/* ========================= */

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 28px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(18px);
    color:#fff;
    font-size:clamp(.70rem,.9vw,.82rem);
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:35px;
}

/* ========================= */

.hero-left h1{

    margin:0 0 30px;

    font-size:clamp(3.3rem,6vw,5.2rem);

    font-weight:800;

    line-height:1.05;

    letter-spacing:-1.5px;

    color:#ffffff;

    text-wrap:balance;

}

.hero-left h1 span{

    color:#966A30;

}

/* ========================= */

.hero-left p{

    max-width:600px;

    margin-bottom:45px;

    color:rgba(255,255,255,.88);

    font-size:clamp(1rem,1.4vw,1.25rem);

    font-weight:400;

    line-height:1.9;

    letter-spacing:.3px;

}

/* ========================= */

.hero-buttons a{

    min-width:190px;

    display:flex;

    justify-content:center;

    align-items:center;

}

/* ========================= */

.btn-primary{

    background:#966A30;

    color:#fff;

    padding:16px 34px;

    border-radius:60px;

    font-size:17px;

    font-weight:700;

    transition:.35s;

}

.btn-primary:hover{

    transform:translateY(-5px);

    background:#B88645;

    color:#fff;

}

/* ========================= */

.btn-secondary{

    border:2px solid rgba(255,255,255,.35);

    color:#fff;

    padding:16px 34px;

    border-radius:60px;

    font-size:17px;

    font-weight:700;

    transition:.35s;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

}

.btn-secondary:hover{

    background:#fff;

    color:#131B29;

}

/* ========================= */

.hero-video-card{

    position:relative;

    aspect-ratio:16/10;

    border-radius:28px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.15);

    box-shadow:0 35px 90px rgba(0,0,0,.35);

}

.hero-video-card video,
.hero-video-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}