.flavoria .hero {

    background:
        linear-gradient(
            135deg,
            var(--primary),
            #612020
        );

    color: white;

    padding: 50px 0;
}

.flavoria .hero-content {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.flavoria .hero h1 {

    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.flavoria .hero-subtitle {

    opacity: .9;
    font-size: 1.1rem;
}

.flavoria .hero-image img {

    max-width: 320px;
    border-radius: var(--radius);
}