@media(max-width:760px) {

    nav {
        display: none;
    }

    .nav {
        padding: 10px 16px;
    }

    .brand-name {
        font-size: 14px;
    }

    .hero {
        padding: 18px 12px 34px;
    }

    .hero-art {
        border-radius: 14px;
    }

    .hero-bottom {
        padding: 0 6px;
        align-items: flex-start;
        flex-direction: column;
    }

    .hero-bottom p {
       white-space: normal;
    }

    section {
        padding: 82px 20px;
    }

    .ruled > .wrap {
        padding-left: 12px;
    }

    .ruled:before {
        left: 28px;
    }

    .project,
    .community-grid,
    .support-grid,
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .project:nth-child(even) .visual {
        order: initial;
    }

    .visual {
        min-height: 260px;
    }

    .portfolio-grid {
        gap: 58px;
    }

    .principles div {
        grid-template-columns: 44px 1fr;
    }

    .flow {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .flow i {
        display: none;
    }

    footer {
        padding: 42px 20px 24px;
    }

}


@media(prefers-reduced-motion:reduce) {

    html {
        scroll-behavior: auto;
    }

    * {
        transition: none !important;
    }

}