.hero-parts {
    background-color: var(--color-gray-100);
    padding: var(--spacing-12) 0;
}

.hero-parts .hero-content {
    gap: var(--spacing-8);
}

.hero-parts h1 {
    color: var(--color-primary);
}

.parts-section {
    padding: var(--spacing-12) 0;
}

.parts-section:nth-child(even) {
    background-color: var(--color-gray-100);
}

.parts-section h2 {
    color: var(--color-gray-800);
}

.parts-section.with-image .section-text {
    flex: 1;
}

.parts-section.with-image .section-image {
    flex: 1;
}

@media (max-width: 767px) {
    .hero-parts .hero-content {
        gap: var(--spacing-6);
    }

    .parts-section.with-image .section-text,
    .parts-section.with-image .section-image {
        flex: none;
        width: 100%;
    }
}