@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/cormorant-garamond-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/cormorant-garamond-latin-400-italic.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url('../fonts/cormorant-garamond-latin-500-italic.woff2') format('woff2'); }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/jost-latin-300-normal.woff2') format('woff2'); }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/jost-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/jost-latin-500-normal.woff2') format('woff2'); }
:root { --creme:#F7F1EA; --creme-clair:#FBF8F4; --sable:#EFE3DA; --rose:#E8C9C1; --vieux-rose:#8E5751; --vieux-rose-fonce:#6E3F3A; --trait:#DCC8BF; --texte:#4A3B36; --titre:#3B2E2A; --doux:#6E5A54; --etiquette:#7E655F;
  --f-titre:'Cormorant Garamond','Iowan Old Style',Georgia,serif; --f-texte:'Jost','Avenir Next','Segoe UI',sans-serif; --gouttiere:clamp(16px,4vw,32px); color-scheme:light; }
* { box-sizing:border-box; }
body { margin:0; background:var(--creme); color:var(--texte); font-family:var(--f-texte); font-weight:300; font-size:17px; line-height:1.7; }
a { color:var(--vieux-rose); } a:hover { color:var(--vieux-rose-fonce); }
:focus-visible { outline:2px solid var(--vieux-rose); outline-offset:3px; border-radius:4px; }
img { display:block; max-width:100%; }
.conteneur { max-width:820px; margin-inline:auto; padding-inline:var(--gouttiere); }
.entete { border-bottom:1px solid var(--trait); }
.entete-int { max-width:1200px; margin-inline:auto; padding:12px var(--gouttiere); display:flex; align-items:center; justify-content:space-between; gap:16px; }
.marque { display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--titre); min-width:0; }
.marque img { width:56px; height:auto; flex:0 0 auto; }
.marque-nom { font-family:var(--f-titre); font-style:italic; font-weight:500; font-size:24px; line-height:1.15; }
.retour { font-size:15px; text-decoration:none; border-bottom:1px solid #C9A9A2; padding-block:4px 1px; white-space:nowrap; }
main { padding-block:clamp(48px,7vw,88px); }
.etiquette { font-size:13px; letter-spacing:.22em; text-transform:uppercase; color:var(--etiquette); font-weight:400; }
h1 { font-family:var(--f-titre); font-weight:400; color:var(--titre); font-size:clamp(38px,6vw,56px); line-height:1.1; margin:10px 0 12px; text-wrap:balance; }
.maj { color:var(--etiquette); font-size:15px; margin:0 0 40px; }
h2 { font-family:var(--f-titre); font-weight:500; color:var(--titre); font-size:clamp(24px,3.4vw,30px); line-height:1.2; margin:44px 0 12px; padding-top:28px; border-top:1px solid var(--trait); }
p, ul { margin:0 0 14px; }
ul { padding-left:1.2em; } li { margin-bottom:6px; } li::marker { color:var(--vieux-rose); }
address { font-style:normal; background:var(--creme-clair); border-radius:20px; padding:20px 24px; margin:0 0 14px; line-height:1.6; }
strong { font-weight:500; color:var(--titre); }
.pied { max-width:1200px; margin-inline:auto; padding:32px var(--gouttiere) 40px; border-top:1px solid var(--trait); display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 24px; font-size:14px; color:var(--etiquette); }
.pied nav { display:flex; flex-wrap:wrap; gap:8px 20px; }
@media (max-width:600px){ .marque-nom{font-size:20px;} .marque img{width:44px;} body{font-size:16px;} }