/* ============================================================
   EGB Photographie — Bloc "Texte d'introduction" (cartel galerie)
   Fichier dédié au bloc Wagtail
   `streams/templates/streams/blocks/block_editorial_quote.html`.
   ============================================================ */

/* Rythme vertical unifié — voir aussi block_featured_photos,
   block_icon_features et block_title_and_text. */
.egb-intro {
    padding: clamp(56px, 6vw, 80px) 24px;
}

/* Colonne centrée dans la page, mais contenu aligné à gauche */
.egb-intro__inner {
    max-width: 760px;
    margin: 0 auto;
    position: relative;
    /* Filet vertical à gauche — code visuel du cartel de galerie */
    border-left: 1px solid #c9c2b6;
    padding-left: clamp(32px, 3.5vw, 48px);
}

/* Texte principal — Muli italique light, vraie italique chargée */
.egb-intro__text,
.egb-intro__text p,
.egb-intro__text * {
    font-family: 'Muli', 'Helvetica Neue', Arial, sans-serif;
    font-style: italic;
    font-weight: 300;
    color: #1a1a1a;
}
.egb-intro__text {
    font-size: 21px;
    line-height: 1.6;
    letter-spacing: 0.1px;
    text-align: left;
    text-wrap: pretty;
}
.egb-intro__text p { margin: 0 0 0.8em 0; }
.egb-intro__text p:last-child { margin-bottom: 0; }

.egb-intro__text a {
    color: inherit;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    text-decoration: none;
    transition: border-color .25s ease;
}
.egb-intro__text a:hover { border-bottom-color: #111; }

@media (max-width: 767.98px) {
    .egb-intro { padding: clamp(40px, 5vw, 56px) 22px; }
    .egb-intro__inner { padding-left: 22px; }
    .egb-intro__text { font-size: 16px; line-height: 1.7; }
}