- 17 mars 2026
homeV4
@import url(‘https://fonts.googleapis.com/css2?family=Gilda+Display&family=Barlow+Condensed:wght@300;400;500;600&display=swap’);
.cbg4 * { box-sizing: border-box; margin: 0; padding: 0; }
.cbg4 {
–gold: #b8974a;
–gold-light: #d4b474;
–black: #0a0807;
–dark: #12100d;
–cream: #f5f0e6;
–warm-white: #faf8f4;
–text: #2a2620;
–text-light: #6b6258;
–border-gold: rgba(184,151,74,0.25);
font-family: ‘Barlow Condensed’, sans-serif;
font-weight: 300;
color: var(–text);
}
.cbg4 img { display: block; max-width: 100%; }
.cbg4 a { text-decoration: none; }
/* ── HERO ── */
.cbg4-hero {
position: relative;
height: 92vh;
min-height: 600px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.cbg4-hero-bg {
position: absolute;
inset: 0;
background: url(‘https://bois-guibert.com/wp-content/uploads/2022/10/bonneval3.jpg’) center 35% / cover no-repeat;
transform: scale(1.04);
animation: cbg4Zoom 9s ease-out forwards;
}
@keyframes cbg4Zoom { to { transform: scale(1); } }
.cbg4-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(170deg, rgba(10,8,7,0.3) 0%, rgba(10,8,7,0.7) 100%);
}
.cbg4-hero-content {
position: relative;
text-align: center;
color: #fff;
padding: 0 2rem;
animation: cbg4Up 1.1s ease-out 0.3s both;
}
@keyframes cbg4Up {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.cbg4-eyebrow {
font-family: ‘Barlow Condensed’, sans-serif;
font-weight: 400;
font-size: 0.75rem;
letter-spacing: 0.4em;
text-transform: uppercase;
color: var(–gold-light);
margin-bottom: 1.5rem;
display: block;
}
.cbg4-hero h1 {
font-family: ‘Gilda Display’, serif;
font-weight: 400;
font-size: cl