@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;
    --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;

}

.container{

    width:min(1062px,92%);

    margin:auto;

}

/* PAGE */
#renseignements-page{

    padding:126px 0 45px;

}

/* HEADER */

.page-header{

    text-align:center;

    margin-bottom:36px;

}

.page-header h1{

    margin:21.6px 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;

}

.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;

}

/* CONTENT */

.information{

    max-width:810px;

}

.information-item{

    text-align:center;

    padding:63px 0;

}

.information-item:not(:last-child){

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

}

.information-item h2{

    font-family:"Cormorant Garamond",serif;

    font-size:2.52rem;

    font-weight:600;

    color:var(--blue-night);

    line-height:1.15;

}

.separator{

    width:54px;

    height:1.8px;

    background:var(--gold);

    margin:19.8px auto 27px;

}

.information-item p{

    max-width:675px;

    margin:0 auto 25.2px;

    font-size:0.945rem;

}

/* LINK */
.information-link{

    display:inline-flex;

    align-items:center;

    gap:9px;

    color:var(--blue-night);

    font-weight:600;

    transition:.3s;

}

.information-link::after{

    content:"→";

    color:var(--gold);

    transition:.3s;

}

.information-link:hover{

    color:var(--gold);

}

.information-link:hover::after{

    transform:translateX(7.2px);

}

/* ANIMATION */
.page-header,
.information-item{

    animation:fadeUp .8s ease both;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(27px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

/* RESPONSIVE */

@media(max-width:630px){

    #renseignements-page{

        padding:99px 0 54px;

    }

    .page-header{

        margin-bottom:72px;

    }

    .page-header h1{

        font-size:2.25rem;

    }

    .information-item{

        padding:49.5px 0;

    }

    .information-item h2{

        font-size:1.98rem;

    }

}

@media(max-width:405px){

    .page-header h1{

        font-size:1.8rem;

    }

    .information-item h2{

        font-size:1.62rem;

    }

}