/* Granit & Bambou — maquette A (classique) · blanc, encre bleu nuit, indigo, vert mousse · Fraunces + Mulish (servies en local) */
@font-face{font-family:"Fraunces";src:url(polices/fraunces-normal-var.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(polices/fraunces-italic-var.woff2) format("woff2");font-weight:300 800;font-style:italic;font-display:swap}
@font-face{font-family:"Mulish";src:url(polices/mulish-normal-var.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Mulish";src:url(polices/mulish-italic-var.woff2) format("woff2");font-weight:300 800;font-style:italic;font-display:swap}
:root{--encre:#1c2430;--doux:#4d5866;--indigo:#2b4a78;--mousse:#5f7a45;--ligne:#dde3e8;--pale:#f1f4f6;--fond:#fff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--encre);font:17px/1.7 "Mulish",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--indigo);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--mousse)}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;font-weight:600;line-height:1.18;letter-spacing:-.01em;margin:0 0 .5em}
.w{max-width:1160px;margin:0 auto;padding:0 24px}
.etroit{max-width:760px}
.sur{font:700 12px/1.4 "Mulish",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mousse);margin:0 0 10px}
/* en-tête */
.entete{border-bottom:1px solid var(--ligne)}
.haut{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:14px;flex-wrap:wrap}
.logo{font:600 30px/1 "Fraunces",serif;color:var(--encre);text-decoration:none;letter-spacing:-.02em}
.logo i{color:var(--mousse);font-weight:400}
.devise{margin:0;color:var(--doux);font-style:italic;font-family:"Fraunces",serif}
.rubs ul{list-style:none;margin:0;padding:0 0 12px;display:flex;flex-wrap:wrap;gap:4px 26px}
.rubs a{color:var(--encre);text-decoration:none;font-weight:600;font-size:15px}
.rubs a:hover,.rubs a[aria-current]{color:var(--indigo);box-shadow:0 2px 0 var(--indigo)}
/* accueil */
.ouverture{padding:48px 0 40px}
.ouv-g{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}
.ouverture h1{font-size:46px}
.ouverture h1 em{color:var(--indigo);font-weight:400}
.lede{font-size:19px;color:var(--doux)}
.ouv-ph figcaption,figure figcaption{font-size:14px;color:var(--doux);margin-top:8px}
.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.btn{display:inline-block;background:var(--indigo);color:#fff;padding:11px 20px;border-radius:3px;text-decoration:none;font-weight:700;font-size:15px}
.btn:hover{background:var(--encre);color:#fff}
.btn.trait{background:none;color:var(--indigo);box-shadow:inset 0 0 0 1.5px var(--indigo)}
.lien{font-weight:700}
.bloc{padding:52px 0}
.pale{background:var(--pale)}
.sec-t{margin-bottom:24px}
.sec-t h2{font-size:32px}
.frise-seq{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.frise-seq li{text-align:center;font-size:14px;color:var(--doux)}
.frise-seq img{border:1px solid var(--ligne);margin-bottom:8px;aspect-ratio:3/4;object-fit:cover;width:100%}
.sous{margin-top:22px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.duo.inverse > figure{order:2}
.duo h2{font-size:30px}
.duo figure{margin:0}
.duo figure img{width:100%;max-height:440px;object-fit:cover}
.rubriques{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:2px solid var(--encre)}
.rubriques a{display:block;padding:18px 16px 18px 0;text-decoration:none;color:var(--encre);border-right:1px solid var(--ligne);height:100%}
.rubriques li:not(:first-child) a{padding-left:16px}
.rubriques li:last-child a{border-right:0}
.rubriques b{display:block;font:600 20px/1.2 "Fraunces",serif;color:var(--indigo);margin-bottom:6px}
.rubriques span{font-size:14px;color:var(--doux);line-height:1.5}
.grille{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.grille.trois{grid-template-columns:repeat(3,1fr)}
.carte{display:flex;flex-direction:column;text-decoration:none;color:var(--encre);background:#fff;border:1px solid var(--ligne)}
.carte .ph img{width:100%;aspect-ratio:16/10;object-fit:cover}
.carte .corps{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px}
.carte .rub{font:700 12px/1.3 "Mulish",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mousse)}
.carte b{font:600 21px/1.25 "Fraunces",serif}
.carte .d{font-size:15px;color:var(--doux)}
.carte:hover b{color:var(--indigo)}
.carte.sans-ph{justify-content:flex-end;min-height:180px;background:var(--pale)}
.a-venir{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
.a-venir li{break-inside:avoid;padding:12px 0;border-bottom:1px solid var(--ligne);display:flex;justify-content:space-between;gap:12px}
.a-venir span{color:var(--encre)}
.a-venir .rub{font-size:13px;color:var(--mousse);white-space:nowrap}
.liste{font-weight:700}
/* article */
.a-tete{padding-top:40px}
.fil{font-size:14px;color:var(--doux);margin:0 0 18px}
.fil a{color:var(--doux)}
.a-tete h1{font-size:42px}
.chapo{font:400 21px/1.55 "Fraunces",serif;color:var(--doux)}
.infos{font-size:14px;color:var(--doux);border-top:1px solid var(--ligne);padding-top:12px}
figure{margin:34px 0}
figure.ouv{margin-top:10px}
figure.estampe img{margin:0 auto;border:1px solid var(--ligne);padding:10px;background:#fff;max-height:640px;width:auto}
figure.estampe.etroite img{max-height:560px}
figure.estampe figcaption,figure.photo figcaption{text-align:left}
.texte{font-size:18px}
.texte h2{font-size:28px;margin-top:1.6em}
.texte p,.texte li{margin:0 0 1em}
.texte ol li{padding-left:4px}
.texte strong{color:var(--indigo)}
.sequence{margin:36px 0;padding:22px;background:var(--pale)}
.sequence ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sequence figure{margin:0}
.sequence img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--ligne)}
.sequence figcaption{font-weight:700;color:var(--encre);font-size:15px}
.seq-leg{font-size:14px;color:var(--doux);margin:14px 0 0}
.tableau{margin:30px 0}
.tableau figcaption{font:600 19px/1.3 "Fraunces",serif;margin-bottom:10px;color:var(--encre)}
.defile{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--ligne);vertical-align:top}
thead th{border-bottom:2px solid var(--encre);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
tbody th{font-weight:600}
.source{font-size:13px;color:var(--doux)}
.encadre{border-left:3px solid var(--mousse);padding:4px 0 4px 18px;margin:40px 0 10px;font-size:15px;color:var(--doux)}
.encadre ul{padding-left:18px}
/* pied */
.pied{background:var(--encre);color:#d6dce4;padding:46px 0 20px;margin-top:20px}
.pied .g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}
.pied .logo{color:#fff}
.pied h2{font-size:17px;color:#fff}
.pied ul{list-style:none;padding:0;margin:0}
.pied li{margin:5px 0}
.pied a{color:#d6dce4}
.pied .bas{font-size:13px;border-top:1px solid #3a4554;padding-top:16px;margin-top:30px;color:#9aa6b4}
@media (max-width:900px){
 .ouv-g,.duo{grid-template-columns:1fr;gap:26px}
 .duo.inverse > figure{order:0}
 .rubriques{grid-template-columns:1fr 1fr}
 .rubriques a{border-right:0;border-bottom:1px solid var(--ligne);padding-left:0!important}
 .frise-seq{grid-template-columns:repeat(3,1fr)}
 .grille,.grille.trois{grid-template-columns:1fr}
 .pied .g{grid-template-columns:1fr}
}
@media (max-width:560px){
 body{font-size:16px}
 .w{padding:0 16px}
 .ouverture{padding-top:28px}
 .ouverture h1{font-size:33px}
 .a-tete h1{font-size:31px}
 .chapo{font-size:18px}
 .texte{font-size:17px}
 .sequence{padding:14px}
 .sequence ol{grid-template-columns:1fr 1fr}
 .rubriques{grid-template-columns:1fr}
 .a-venir{columns:1}
 .logo{font-size:26px}
 .bloc{padding:38px 0}
}
figure.photo img{margin:0 auto;max-height:600px;width:auto;max-width:100%}