/*
    ==========================================================
    PROJECT : SITE-GENERIQUE
    FILE    : css/main-intro.css
    AUTH    : Renaud
    CREATED : 26 février 2026
    UPDATED : 26 février 2026
    ==========================================================
*/

/**
*   @project        SITE-GENERIQUE
*   @description    Style du texte d'introduction / Chapô.
*                   Paragraphe centré avec largeur max pour lisibilité.
*
*   @file           css/main-intro.css
*
*   @see            includes/main-intro.php
*/


/* --- BLOCK : Main Intro --- */
.main-intro {
    /* PLACEMENT */
    max-width: 800px;
    margin: 0 auto 2.5rem auto;
    padding: 0 1rem;
}

/* --- ELEMENT : Text --- */
.main-intro__text {
    /* PLACEMENT */
    margin: 0;

    /* TEXTE */
    font-family: var(--font-family-sans);
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--color-grey-060);
    text-align: center;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 768px) {
    .main-intro {
        /* PLACEMENT */
        margin-bottom: 2rem;
    }

    .main-intro__text {
        /* TEXTE */
        font-size: 1rem;
    }
}