/* GMConseil Premium V7.4 Final */

:root{
--blue:#062746;
--gold:#c9a03b;
--gold-light:#e4c978;
}

*{box-sizing:border-box}

body{
margin:0;
font-family:"Segoe UI",Arial,sans-serif;
color:#243444;
}

.hero{
background:linear-gradient(rgba(6,39,70,.95),rgba(6,39,70,.95));
color:white;
padding-bottom:35px;
}

nav{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:24px;
padding:18px;
}

nav a{
color:white;
text-decoration:none;
font-weight:600;
}

.hero-layout{
max-width:1150px;
margin:auto;
padding:30px 45px 45px;
display:grid;
grid-template-columns:1fr 300px;
gap:55px;
align-items:center;
}

.logo-premium{
width:230px;
}

.hero-left h1{
font-size:50px;
margin:10px 0;
color:white;
}

.hero-left h2{
color:var(--gold-light);
font-size:30px;
}

.intro{
font-size:18px;
line-height:1.6;
color:white;
}

.signature{
color:var(--gold-light);
font-weight:600;
}

.btn{
display:inline-block;
padding:14px 32px;
margin-right:12px;
border-radius:35px;
background:var(--gold);
color:white;
text-decoration:none;
font-weight:700;
}

.secondary{
background:transparent;
border:2px solid var(--gold);
}

.portrait{
width:285px;
height:345px;
object-fit:cover;
border-radius:16px;
border:4px solid var(--gold);
}

main section{
padding:75px 8%;
}

main h2{
text-align:center;
color:var(--blue);
font-size:36px;
}

.grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

article{
padding:35px;
border-top:5px solid var(--gold);
box-shadow:0 15px 35px #0002;
border-radius:15px;
}

article h3{
color:var(--blue);
}

footer{
background:var(--blue);
color:white;
text-align:center;
padding:35px;
}

@media(max-width:900px){
.hero-layout{grid-template-columns:1fr;text-align:center}
.grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
.grid{grid-template-columns:1fr}
}