@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@300;400;500;600&display=swap');

:root{

    --blue-night:#17263B;
    --blue:#243B5A;
    --gold:#D7B77A;
    --ivory:#F7F3EA;
    --text:#556173;

}

/* RESET */

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:"Inter",sans-serif;

    background:var(--ivory);

    color:var(--text);

    line-height:1.9;

}

a{

    text-decoration:none;

    color:var(--blue);

    transition:.3s;

}

a:hover{

    color:var(--gold);

}

.container{

    width:min(900px,92%);

    margin:auto;

}

/* PAGE */

.legal-page{

    padding:126px 0 81px;

}

/* HEADER */

.page-header{

    text-align:center;

    margin-bottom:90px;

}

/* séparateur */

.title-divider{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:16.2px;

}

.title-divider span{

    width:90px;

    height:0.9px;

    background:rgba(215,183,122,.55);

}

.ornament{

    color:var(--gold);

    font-size:0.855rem;

    opacity:.9;

}

/* titre */

.page-header h1{

    margin:19.8px 0;

    font-family:"Cormorant Garamond",serif;

    font-size:clamp(2.7rem,5vw,4.05rem);

    font-weight:600;

    color:var(--blue-night);

    line-height:1.1;

}

/* texte intro */

.page-header p{

    max-width:765px;

    margin:40.5px auto 0;

    font-size:0.945rem;

    text-align:justify;

}

/* CONTENU */

.content-section{

    padding:63px 0;

}

.content-section:not(:last-child){

    border-bottom:0.9px solid rgba(23,38,59,.08);

}

/* TITRES DE SECTIONS */

.section-title{

    text-align:center;

    margin-bottom:40.5px;

    font-family:"Cormorant Garamond",serif;

    font-size:2.52rem;

    font-weight:600;

    color:var(--blue-night);

    line-height:1.2;

}

.section-title::after{

    content:"";

    display:block;

    width:54px;

    height:1.8px;

    background:var(--gold);

    margin:18px auto 0;

}

/* TEXTE */

.content-section p{

    font-size:0.945rem;

    margin-bottom:21.6px;

    text-align:justify;

}

.content-section p:last-child{

    margin-bottom:0;

}

strong{

    color:var(--blue-night);

    font-weight:600;

}

/* INFORMATIONS */

.contact-info{

    background:rgba(255,255,255,.55);

    border:0.9px solid rgba(215,183,122,.35);

    border-radius:16.2px;

    padding:28.8px 34.2px;

    box-shadow:0 16.2px 36px rgba(23,38,59,.07);

}

.contact-info p{

    margin-bottom:10.8px;

    text-align:left;

}

.contact-info p:last-child{

    margin-bottom:0;

}

/* ANIMATION */

.page-header,
.content-section{

    animation:fadeUp .8s ease both;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(27px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

/* RESPONSIVE */

@media(max-width:900px){

    .legal-page{

        padding:108px 0 72px;

    }

}

@media(max-width:630px){

    .page-header{

        margin-bottom:63px;

    }

    .page-header h1{

        font-size:2.25rem;

    }

    .page-header p{

        text-align:left;

        font-size:0.882rem;

    }

    .content-section{

        padding:49.5px 0;

    }

    .section-title{

        font-size:1.98rem;

    }

    .content-section p{

        text-align:left;

    }

}

@media(max-width:405px){

    .legal-page{

        padding:99px 0 54px;

    }

    .page-header h1{

        font-size:1.8rem;

    }

    .title-divider span{

        width:54px;

    }

    .section-title{

        font-size:1.62rem;

    }

    .contact-info{

        padding:22.5px 18px;

    }

}