/* ========================================
   MANIFESTO
======================================== */

.manifesto {
    position: relative;
    z-index: 6;

    margin-top: -75px;
    padding: 130px 0 100px;
    background: #FFCF00;

    clip-path: polygon(
        0 5%,
        8% 2%,
        16% 6%,
        25% 3%,
        34% 5%,
        43% 1%,
        52% 4%,
        61% 2%,
        70% 6%,
        79% 3%,
        88% 5%,
        100% 2%,
        100% 100%,
        0 100%
    );
}


/* ========================================
   CONTEÚDO
======================================== */

.manifesto-content {
    position: relative;
    z-index: 2;

    width: min(1450px, 90%);
    margin: 0 auto;

    display: grid;
    grid-template-columns: 50% 50%;

    align-items: center;
    gap: 50px;
}


/* ========================================
   IMAGEM
======================================== */

.manifesto-image {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.manifesto-image img {
    display: block;

    width: 100%;
    max-width: 700px;
    height: auto;

    transition:
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.manifesto-image:hover img {
    transform: translateY(-8px) scale(1.01);
}


.manifesto-text {
    width: 100%;
    max-width: 1450px;

    margin: 0 auto;
    padding: 0 80px;

    color: #000;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}


/* ========================================
   TÍTULO
======================================== */

.manifesto-text h2 {
    width: 100%;
    max-width: 1250px;

    margin: 0;

    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(60px, 5.8vw, 100px);
    font-weight: 900;
    font-style: italic;

    line-height: 0.92;
    letter-spacing: -1px;

    text-transform: uppercase;
    color: #000;

    transform: rotate(-2deg);
    transform-origin: center center;
}


/* ========================================
   SUBLINHADO
======================================== */

.manifesto-underline {
    display: block;

    width: 480px;
    max-width: 65%;
    height: auto;

    margin-top: 5px;

    transform: rotate(-2deg);
}

/* MOBILE
/* ========================================
   MANIFESTO — MOBILE
======================================== */

@media (max-width: 800px) {

    .manifesto {
        margin-top: -50px;
        padding: 50px 0 0;

        clip-path: polygon(
            0 3%,
            12% 6%,
            25% 2%,
            38% 5%,
            51% 2%,
            64% 6%,
            77% 3%,
            89% 5%,
            100% 2%,
            100% 100%,
            0 100%
        );
    }

    .manifesto-content {
        width: 88%;

        display: flex;
        flex-direction: column;

        align-items: center;
        gap: 35px;
    }


    /* IMAGEM */

    .manifesto-image {
        width: 200%;

        justify-content: center;
        align-items: flex-end;
    }

    .manifesto-image img {
        width: 200%;
        max-width: 650px;
    }


    /* ========================================
       TEXTO DO MANIFESTO
    ======================================== */

    @media (max-width: 800px) {

    .manifesto-text {
        width: 88%;
        max-width: none;

        padding: 0;
        margin: 0 auto;

        align-items: center;
        text-align: center;
    }

    .manifesto-text h2 {
        max-width: 100%;

        font-size: clamp(30px, 11.5vw, 65px);
        line-height: 0.86;

        transform: rotate(-2deg);
        transform-origin: center center;
    }

    .manifesto-underline {
        width: 280px;
        max-width: 80%;

        margin-top: 5px;
    }

}

} */