/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .container,
    .hero,
    .home-section {
        width: min(calc(100% - 40px), 1440px);
    }

    .site-nav {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 20px;

        margin-left: auto;
        margin-right: 20px;
    }

    .site-nav__link {
        padding: 20px 0;

        font-size: 12px;
        white-space: nowrap;
    }

    .site-nav__link--active::after {
        bottom: 12px;
    }

    .site-header__actions {
        margin-left: auto;
    }

    .hero {
        height: 480px;
    }

    .hero__content {
        width: 70%;
    }

    .anime-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

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