/* ============================================
   RESPONSIVE - TABLET
   ============================================ */
@media (max-width: 1024px) {
    :root {
        --container-padding: 32px;
    }

    .hero__title {
        font-size: 44px;
    }

    .hero__container {
        gap: 24px;
    }

    .hero__content {
        flex: 0 0 42%;
    }

    .hero__visual {
        flex: 0 0 52%;
    }

    .activities__grid {
        grid-template-columns: 1fr 1fr;
    }

    .values__item {
        padding: 24px 20px;
    }
}