.gpa-bloc + .gpa-bloc {
    margin-top: 2rem;
}

/* ==========================================================================
   LAYOUT : BANNIÈRE GPA
   ========================================================================== */
.gpa-banniere {
    position: relative;
    width: 100%;
    height: 400px;
    background-color: var(--color-ui-soft-gray);
    overflow: hidden;
    display: block;
}

.gpa-banniere-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    height: 100%;
    z-index: 1;
    filter: drop-shadow(8px 0 8px rgba(0,0,0,0.25));
}

.gpa-banniere-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(0% 0%, 100% 0%, calc(100% - 60px) 100%, 0% 100%);
}

.gpa-banniere-title-wrapper {
    position: absolute;
    top: 20%;
    left: 45%;
    z-index: 10;
    /* C'est ici qu'on met le drop-shadow */
    filter: drop-shadow(8px 8px 10px rgba(0,0,0,0.25));
}

.gpa-banniere-title {
    margin: 0;
    display: inline-block; /* Important pour que le wrapper suive la taille */
    
    font-family: 'Outfit', sans-serif;
    font-size: clamp(2.2rem, 5vw, 4.2rem); 
    font-weight: 900;
    line-height: 1.05;
    text-transform: uppercase;
    
    background-color: var(--brand-color);
    background-image: var(--bg-overlay); 
    color: var(--text-color);
    text-shadow: var(--text-shadow);
    
    border-left: 10px solid var(--accent-line, transparent);
    
    /* Le clip-path reste ici, mais le filtre au-dessus ne le calculera pas comme "coupé" */
    clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
    
    padding: 1rem 3.5rem;
}

.gpa-banniere-text {
    position: absolute;
    bottom: 4rem;
    right: 5rem;
    width: 40%;
    z-index: 5;
    text-align: right;
}

.gpa-banniere-text p {
    font-size: clamp(1.4rem, 2vw, 2.15rem); 
    line-height: 1.4;
    color: var(--color-dark);
    margin: 0;
}

.gpa-banniere-logo-bretagne {
    position: absolute;
    top: 0;
    right: 90px;
    z-index: 20;
    width: 124px; 
    transform: rotate(-90deg);
    transform-origin: top right;
}

/* ==========================================================================
   LAYOUT : BLOC TEXTE GPA
   ========================================================================== */
.gpa-bloc-texte {
    margin: 0 10rem;
}

.gpa-bloc-texte p {
    font-size: clamp(1.4rem, 2vw, 2.15rem); 
    line-height: 1.4;
}