@media
(
    max-width: 980px
)
{
    .nav-links
    {
        display: none;
    }

    .hero-grid,
    .profile-grid,
    .education-grid,
    .contact-grid
    {
        grid-template-columns: 1fr;
    }

    .skills-grid,
    .project-grid
    {
        grid-template-columns: repeat(2, 1fr);
    }

    .portrait-card
    {
        max-width: 440px;
    }

    .qr-card
    {
        justify-self: start;
    }
}

@media
(
    max-width: 680px
)
{
    .container
    {
        width: min(100% - 28px, var(--max));
    }

    .nav
    {
        min-height: 72px;
        gap: 12px;
    }

    .brand-title
    {
        font-size: 0.92rem;
    }

    .brand-subtitle
    {
        font-size: 0.74rem;
    }

    .language-current
    {
        min-width: auto;
    }

    .hero
    {
        padding: 56px 0;
    }

    .section
    {
        padding: 58px 0;
    }

    .timeline-item
    {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .timeline-date
    {
        padding-top: 0;
    }

    .skills-grid,
    .project-grid
    {
        grid-template-columns: 1fr;
    }

    .information-list div
    {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .footer-content
    {
        display: grid;
    }
}