.hero-section {

    min-height: 100vh;

    background-image: url("../images/hero.webp");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;

}

.hero-content {

    max-width: 650px;

    color: #fff;

}

.hero-subtitle {

    display: inline-block;

    font-size: 18px;

    letter-spacing: 3px;

    text-transform: uppercase;

    color: #d4af37;

    margin-bottom: 20px;

}

.hero-title {

    font-size: clamp(3rem, 5vw, 5.5rem);

    font-weight: 700;

    line-height: 1.1;

    margin-bottom: 25px;

}

.hero-description {

    font-size: 18px;

    line-height: 1.9;

    color: #f3f3f3;

    margin-bottom: 40px;

}

.hero-buttons {

    display: flex;

    gap: 20px;

    flex-wrap: wrap;

}

.btn-primary {

    background: #1f4d1f;

    color: #fff;

    padding: 16px 40px;

    border-radius: 999px;

    text-decoration: none;

    transition: .3s;

}

.btn-primary:hover {

    background: #163916;

}

.btn-secondary {

    border: 2px solid #fff;

    color: #fff;

    padding: 16px 40px;

    border-radius: 999px;

    text-decoration: none;

    transition: .3s;

}

.btn-secondary:hover {

    background: #fff;

    color: #000;

}