:root{
  --bg:#FBF8F2;
  --ink:#2A2520;
  --muted:#6E665B;
  --accent:#B5894F;      /* lumière d'aube, chaude (ni terracotta, ni vert/bleu) */
  --accent-ink:#946B36;
  --line:rgba(42,37,32,.12);
  --maxw:700px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent-ink);text-decoration:none;}
a:hover{text-decoration:underline;}

/* fine bande d'aube */
.topband{height:5px;background:linear-gradient(90deg,#6F86AA 0%,#8893A6 20%,#B4AC9D 42%,#DDC198 60%,#D2A878 78%,#9C8A77 100%);}

header.site{max-width:var(--maxw);margin:0 auto;padding:32px 24px 0;}
.wordmark{font-family:"Newsreader",Georgia,serif;font-style:italic;font-weight:400;font-size:25px;color:var(--ink);}
.wordmark:hover{text-decoration:none;opacity:.75;}

main{max-width:var(--maxw);margin:0 auto;padding:26px 24px 56px;}
h1{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:33px;line-height:1.15;letter-spacing:-.01em;margin:12px 0 6px;}
.updated{color:var(--muted);font-size:14px;margin-bottom:30px;}
h2{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:21px;margin:32px 0 9px;}
p{margin:0 0 14px;}
ul{margin:0 0 14px 22px;}
li{margin:0 0 8px;}
strong{font-weight:600;}
.lead{font-size:18px;color:var(--ink);}
hr{border:none;border-top:1px solid var(--line);margin:24px 0;}
.addr{line-height:1.8;}

footer.site{border-top:1px solid var(--line);max-width:var(--maxw);margin:0 auto;padding:24px 24px 50px;color:var(--muted);font-size:14px;}
footer.site nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:12px;}
footer.site nav a{color:var(--muted);}
footer.site nav a:hover{color:var(--accent-ink);}

/* accueil */
.hero{max-width:var(--maxw);margin:0 auto;padding:90px 24px 30px;text-align:center;}
.hero .big{font-family:"Newsreader",Georgia,serif;font-style:italic;font-weight:400;font-size:52px;line-height:1.05;}
.hero .sub{color:var(--muted);font-size:18px;margin-top:18px;letter-spacing:.04em;}
.hero .desc{margin:30px auto 0;max-width:520px;font-size:17px;color:var(--ink);}
.hero .soon{margin-top:22px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);}

@media (max-width:560px){
  body{font-size:16px;}
  h1{font-size:27px;}
  .hero{padding:64px 22px 24px;}
  .hero .big{font-size:40px;}
}