:root{--texte:#1f2328;--doux:#5b5f66;--fond:#f7f6f3;--carte:#fff;--accent:#7a5a2f;--trait:#e4e0d6;--entete:#2b2a28;--entete-texte:#f1ede4}
@media (prefers-color-scheme:dark){:root{--texte:#e7e5e0;--doux:#aaa59b;--fond:#1a1a19;--carte:#232321;--accent:#d6b88a;--trait:#3a3936;--entete:#111110;--entete-texte:#efe9dc}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--texte);font:17px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--accent)}
.entete{background:var(--entete);color:var(--entete-texte)}
.entete .interieur{max-width:62rem;margin:0 auto;padding:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}
.marque{color:var(--entete-texte);text-decoration:none;line-height:1.25}
.marque strong{display:block;font-size:1.2rem;font-weight:normal;letter-spacing:.02em}
.marque span{font-size:.85rem;opacity:.8}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.1rem}
nav a{color:var(--entete-texte);text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;padding:.2rem 0;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current="page"]{border-bottom-color:var(--accent)}
main{max-width:62rem;margin:0 auto;padding:2rem 1rem 3rem}
.carte{background:var(--carte);border:1px solid var(--trait);border-radius:6px;padding:2rem 1.5rem}
h1{font-size:1.7rem;font-weight:normal;margin:0 0 1.25rem;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}
h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:1.75rem 0 .4rem;font-weight:normal}
p{margin:0 0 1rem}
.photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 60%;border-radius:6px;margin:0 0 1.75rem}
.colonnes{display:grid;gap:2rem}
@media (min-width:760px){.colonnes{grid-template-columns:5fr 7fr}.colonnes.egales{grid-template-columns:1fr 1fr}}
blockquote{margin:0;font-style:italic;color:var(--doux);border-left:3px solid var(--accent);padding-left:1rem}
blockquote p{margin:0}
blockquote .auteur{font-style:normal;margin-top:1rem;letter-spacing:.05em}
.liste-liens{list-style:none;padding:0;margin:0}
.liste-liens li{padding:.75rem 0;border-bottom:1px solid var(--trait)}
.liste-liens li:last-child{border-bottom:0}
.pied{border-top:1px solid var(--trait);color:var(--doux);font-size:.9rem}
.pied .interieur{max-width:62rem;margin:0 auto;padding:1.5rem 1rem;display:grid;gap:1rem}
@media (min-width:760px){.pied .interieur{grid-template-columns:1fr 1fr 1fr}}
.pied p{margin:0}