.about-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:var(--space-5);
    margin-top:var(--space-7);
    align-items:start;
}
.container > .about-grid:first-child{
    margin-top:0;
}
.about-card {
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content:flex-start;
    margin-bottom: var(--space-5);
    padding: var(--space-5);
    transition:var(--transition-default);
}
.about-card:hover {
    box-shadow:var(--shadow-lg);
    border-color:var(--color-secondary);
    transform:translateY(-8px);
}
.about-text{
    flex:1;
    color: var(--color-text-light);
    align-items: center;
}
.about-title {
    color: var(--color-primary);
    margin-bottom: var(--space-3);
    font-size: var(--text-lg);
}
#sobre > .container > .about-text,
#atuacao > .container > .about-text,
#reflexoes > .container > .about-text,
#contato > .container > .about-text{
    max-width:700px;
    margin:0 auto var(--space-6);
    text-align:center;
}
.story-section{
    padding:2rem 0;
}
.story-section h2{
    color: var(--color-primary);
    font-size:var(--text-2xl);
    font-weight:500;
    margin-bottom:var(--space-4);
}
.story-section p{
    margin-bottom:1.4rem;
    line-height:1.95;
    font-size:var(--text-md); /* era 1.08rem — ajustado para 1rem, o token mais próximo */
}
@media(max-width:768px){
    .about-grid{
        grid-template-columns:1fr;
    }
    .brand{
        width:100%;
        display:flex;
        justify-content:center;
    }
    .cards{
        grid-template-columns:1fr;    
        justify-content:center;
    }
   .contact-grid{
    grid-template-columns:1fr;
    justify-content:center;
    }
    .header-content{
        flex-direction:column;
        gap:var(--space-4);
    }
    .hero{
        min-height:auto;
        padding-top:2rem;
        padding-bottom:4rem;        
    }
    .hero-content{
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:var(--space-6);
    }
    .hero-info{
        max-width:340px;
        margin:0 auto;
        text-align:center;
    }
    .hero-photo img{
        width:260px;
        max-width:80%;
        margin:0 auto;
    }
    .nav{
        gap:var(--space-5);
    }
    .story-lead{
        font-size:var(--text-md); /* era 1.08rem — ajustado para 1rem */
    }
    .story-section{
        padding:var(--space-5) 0;
    }
    .story-section h2{
        font-size:var(--text-xl); /* era 1.6rem — ajustado para 1.5rem, o token mais próximo */
    }
    .story-photo-frame{
        max-width:320px;
        padding:12px;
    }
    .story-next-link{
        font-size:var(--text-xl);
    }
    .story-nav{
        flex-direction:column;
        align-items:center;
        gap:var(--space-5);
    }    
}