/* CSS maison partage, repris du <style> de index.html. Le reste est du Tailwind. */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.serif-editorial { font-family: 'Noto Serif', serif; }
.sans-utility { font-family: 'Plus Jakarta Sans', sans-serif; }
.eyebrow {
    font-size: 0.75rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    font-weight: 700;
    color: #a33800;
}
.page-title {
    font-family: 'Noto Serif', serif;
    line-height: 0.95;
    font-size: clamp(3rem, 6vw, 4.8rem);
}
.section-title {
    font-family: 'Noto Serif', serif;
    font-style: italic;
    line-height: 1;
    font-size: clamp(2.35rem, 4.2vw, 3.5rem);
}
/* Le HTML d'origine variait ces tailles selon la page (classes posees par inc/blocks.php). */
.tauli-home .page-title { font-size: clamp(3rem, 6vw, 4.6rem); }
.tauli-home .section-title { font-size: clamp(2.35rem, 4.2vw, 3.75rem); }
.tauli-project .page-title { font-size: clamp(3rem, 6vw, 4.9rem); }
.lead-text {
    color: #584239;
    line-height: 1.75;
    font-size: clamp(1rem, 1.6vw, 1.125rem);
}