/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 600px) {
    .site-header {
        padding: 60px 18px;
    }

    .site-header p {
        font-size: 1rem;
    }

    main {
        width: 92%;
        margin: 40px auto;
    }

    main section {
        margin-bottom: 55px;
    }

    .team,
    .projects,
    .contacts {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .member,
    .project,
    .contact {
        padding: 21px;
    }
}

/* ========================================
   ACCESSIBILITY
   ======================================== */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }

    .member:hover,
    .project:hover,
    .contact:hover {
        transform: none;
    }
}