/* ==========================================
   PAGE PRESENTATION AIKIDO
   Préfixe CSS : aik-
========================================== */


.aik-page {

    max-width:1440px;

    margin:0 auto 20px;

    background:#fff;

    box-shadow:
    -10px 0 10px -10px rgba(0,0,0,.45),
     10px 0 10px -10px rgba(0,0,0,.45);

}



.aik-container {

    padding:30px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color:#333;

    line-height:1.6;

}





.aik-content {

    width:100%;

}





.aik-title {

    text-align:center;

    margin-bottom:40px;

    font-size:32px;

    font-weight:700;

    color:#333;

}





.aik-section {

    margin-bottom:50px;

}



.aik-section h2 {

    margin:45px 0 25px;

    font-size:26px;

    font-weight:700;

    color:#555;

}





.aik-section h3 {

    margin-top:30px;

    margin-bottom:15px;

    font-size:21px;

    color:#b8860b;

}





/* Citation fondateur */

.aik-founder {

    display:flex;

    align-items:center;

    gap:30px;

    margin-bottom:40px;

}



.aik-founder-image {

    width:220px;

    max-width:100%;

    border-radius:8px;

}



.aik-founder-quote {

    flex:1;

}



.aik-quote {

    font-size:22px;

    font-style:italic;

}



.aik-author {

    margin-top:25px;

    font-size:18px;

}





/* Texte */

.aik-text {

    font-size:17px;

    text-align:justify;

}





/* Liste */

.aik-list {

    margin:20px 0;

    padding-left:40px;

    font-size:17px;

}





/* Blocs avantages */

.aik-benefit {

    margin-bottom:35px;

}





/* Galerie images */

.aik-gallery {

    display:flex;

    gap:25px;

    justify-content:center;

    margin:40px 0;

}



.aik-image {

    width:48%;

    max-width:500px;

    border-radius:8px;

    object-fit:cover;

}





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


@media(max-width:700px){



    .aik-container {

        padding:15px;

    }



    .aik-title {

        font-size:25px;

    }



    .aik-section h2 {

        font-size:22px;

    }



    .aik-founder {

        flex-direction:column;

        text-align:center;

    }



    .aik-founder-image {

        width:180px;

    }



    .aik-quote {

        font-size:19px;

    }



    .aik-text {

        font-size:16px;

        text-align:left;

    }



    .aik-gallery {

        flex-direction:column;

        align-items:center;

    }



    .aik-image {

        width:100%;

    }


}