.hero {
    padding: 0px;
}

.hero-inner {
    max-width: var(--max-width-lg);
    margin: var(--margin-auto);
    display: var(--display-flex);
    flex-wrap: var(--flex-wrap);
    align-items: center;
    gap: var(--gap-xl);
}

.hero-content {
    flex: 1 1 500px;
}

.hero-content h1 {
    margin-bottom: 24px;
}

.hero-text {
    margin-bottom: 32px;
}

.hero-buttons {
    display: var(--display-flex);
    flex-wrap: var(--flex-wrap);
    gap: var(--gap-xs);
}

.hero-button {
    padding: 12px 24px;
    border: var(--border-basic);
}

.hero-button:hover {
}

.hero-image {
    flex: 1 1 400px;
    text-align: center;
}

.hero-image img {
    max-width: 100%;
    height: var(--height-auto);
}

/* Responsive */
@media (max-width: 768px) {
    .hero-inner {
        flex-direction: var(--flex-direction);
        text-align: center;
    }

    .hero-content h1 {
        font-size: 40px;
    }

    .hero-text {
        font-size: var(--font-sm);
    }
}