```css
:root {
--green: #3e5f4b;
--beige: #f5f3ef;
--dark: #1f2a24;
}


* {
box-sizing: border-box;
}


body {
margin: 0;
font-family: 'Inter', sans-serif;
background-color: var(--beige);
color: var(--dark);
line-height: 1.7;
text-align: center;
}


nav {
background: rgba(255, 255, 255, 0.96);
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}


nav ul {
list-style: none;
margin: 0;
padding: 20px 40px;
display: flex;
justify-content: center;
gap: 30px;
}


nav a {
text-decoration: none;
color: var(--dark);
font-weight: 500;
}


nav a:hover {
color: var(--green);
}


header {
background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url('cote noir carton.png') center / cover no-repeat;
color: rgba(255, 255, 255, 0);
padding: 130px 20px;
text-align: center;
}


header h1 {
font-family: 'Playfair Display', serif;
font-size: 3rem;
margin-bottom: 10px;
text-align: center;
---