.hero {
    position: relative;
    min-height: 74vh;
    background-image: url("../images/hero.jpg");
    background-size: cover;
    background-position: center;
}

.hero-overlay {
    min-height: 74vh;
    display: flex;
    align-items: center;
    background: linear-gradient(
        to right,
        rgba(247,245,241,.94) 0%,
        rgba(247,245,241,.78) 38%,
        rgba(247,245,241,.22) 70%,
        rgba(247,245,241,0) 100%
    );
}

.hero-content {
    max-width: 620px;
    margin-left: 8%;
}

.hero h1 {
    font-size: 76px;
    line-height: 0.95;
    color: var(--primary);
    margin: 0 0 24px;
}

.hero-line {
    width: 90px;
    height: 4px;
    background: var(--gold);
    margin-bottom: 28px;
}

.hero p {
    font-size: 22px;
    color: var(--text);
    line-height: 1.6;
    margin-bottom: 38px;
}

.hero-buttons {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
}