:root{--cream:#F5F0E8;--warm-beige:#EAE0CC;--deep-forest:#2C3B2D;--forest:#3D5040;--soft-gold:#C9A96E;--gold-light:#E8D4A8;--charcoal:#2A2520;--warm-gray:#8B7D6B;--white-warm:#FDFAF5}*{box-sizing:border-box}body{margin:0;font-family:Jost,Arial,sans-serif;background:var(--cream);color:var(--charcoal)}nav{position:sticky;top:0;z-index:10;background:rgba(44,59,45,.97);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}nav a{color:var(--gold-light);text-decoration:none}.logo{font-family:'Cormorant Garamond',serif;font-size:1.35rem}.navlinks{display:flex;gap:1rem;flex-wrap:wrap}.navlinks a{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.hero{background:linear-gradient(145deg,rgba(44,59,45,.94),rgba(44,59,45,.76)),url('images/hero-terrasse-cosy-foret.webp') center/cover;min-height:52vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem}.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.7rem,7vw,5rem);font-weight:300;color:var(--white-warm);line-height:1.08;margin:.6rem 0}.eyebrow{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--soft-gold)}.hero p{max-width:720px;margin:auto;color:rgba(253,250,245,.82);line-height:1.8}.container{max-width:980px;margin:auto;padding:4rem 1.5rem}.content{background:var(--white-warm)}h2{font-family:'Cormorant Garamond',serif;color:var(--deep-forest);font-size:2.1rem;font-weight:400;margin-top:2.2rem}p,li{line-height:1.85;color:var(--warm-gray);font-weight:300}.cta{display:inline-block;background:var(--soft-gold);color:var(--charcoal);text-decoration:none;padding:1rem 1.6rem;margin-top:1rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem}.card{background:var(--cream);border:1px solid rgba(201,169,110,.25);padding:1.3rem}.faq{background:var(--cream)}footer{background:var(--charcoal);color:rgba(253,250,245,.55);padding:2rem;text-align:center}footer a{color:var(--gold-light)}@media(max-width:760px){nav{align-items:flex-start;gap:1rem;flex-direction:column}.navlinks{gap:.8rem}.container{padding:3rem 1.2rem}}