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

#manifesto{

    padding:8rem 0;

    background:#F7F4EE;

    color:#243238;

}



/* ==========================================================
   CONTAINER
========================================================== */

#manifesto .container{

    width:min(900px,92%);

    margin:0 auto;

}



/* ==========================================================
   CABEÇALHO
========================================================== */

.manifesto-header{

    margin-bottom:4rem;

}



.manifesto-kicker{

    display:inline-block;

    margin-bottom:1rem;

    color:#1F4D3A;

    font-size:.9rem;

    font-weight:700;

    letter-spacing:.25rem;

    text-transform:uppercase;

}



.manifesto-header h2{

    font-size:clamp(2.5rem,5vw,4.2rem);

    line-height:1.15;

    font-weight:700;

    color:#0D2C3A;

}



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

.manifesto-content{

    display:flex;

    flex-direction:column;

    gap:1.8rem;

}



.manifesto-content p{

    margin:0;

    font-size:1.15rem;

    line-height:2;

    color:#38464D;

}



.manifesto-content strong{

    color:#1F4D3A;

    font-weight:700;

}



/* ==========================================================
   CITAÇÃO
========================================================== */

.manifesto-content blockquote{

    margin:2rem 0 0;

    padding-left:2rem;

    border-left:4px solid #1F4D3A;

    font-size:1.35rem;

    font-style:italic;

    font-weight:600;

    line-height:1.8;

    color:#0D2C3A;

}



/* ==========================================================
   ANIMAÇÃO
========================================================== */

.manifesto-header,
.manifesto-content{

    animation:fadeManifesto .9s ease;

}



@keyframes fadeManifesto{

    from{

        opacity:0;

        transform:translateY(25px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}



/* ==========================================================
   RESPONSIVO
========================================================== */

@media(max-width:768px){

    #manifesto{

        padding:5rem 0;

    }

    .manifesto-header{

        margin-bottom:2.5rem;

    }

    .manifesto-header h2{

        font-size:2.4rem;

    }

    .manifesto-content p{

        font-size:1.05rem;

        line-height:1.8;

    }

    .manifesto-content blockquote{

        padding-left:1.2rem;

        font-size:1.15rem;

        line-height:1.6;

    }

}