*{margin:0;padding:0;box-sizing:border-box}
:root{--noir:#0b0c10;--ivoire:#f6f2e8;--encre:#181a1f;--rouge:#b8162b;--rouge2:#8f1021;--vert:#2f7d4f;--argent:#c7ccd4;--disp:'Cinzel',serif;--body:'Jost',sans-serif;--tale:'Lora',serif}
body{background:linear-gradient(180deg,#f6f2e8 0%,#ede4d0 100%);font-family:var(--body);color:var(--encre);font-weight:300;line-height:1.7;min-height:100svh}
header{background:var(--noir);color:#eef1f5;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid var(--rouge);position:sticky;top:0;z-index:10}
header .t{font-family:var(--disp);font-weight:700;font-size:.95rem;letter-spacing:.05em}
header a{color:var(--argent);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
main{max-width:820px;margin:0 auto;padding:22px 16px 70px}
.hero{background:#fff;border-top:6px solid var(--rouge);border-radius:12px;padding:28px 22px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.10);margin-bottom:26px}
.hero h1{font-family:var(--disp);font-size:1.8rem;letter-spacing:.04em}
.hero .sub{font-family:var(--tale);font-style:italic;color:var(--rouge);font-size:1rem;margin-top:4px}
.hero .semaine{display:inline-block;background:var(--noir);color:var(--ivoire);padding:6px 16px;border-radius:999px;font-family:var(--disp);font-size:.82rem;letter-spacing:.1em;margin-top:14px}
.hero .semaine b{color:var(--rouge)}
.cta-sub{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;background:var(--rouge);color:#fff;border:none;padding:12px 20px;font-family:var(--body);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;border-radius:4px;cursor:pointer;text-decoration:none;transition:.25s}
.btn:hover{background:var(--rouge2)}
.btn.ghost{background:transparent;border:1px solid var(--encre);color:var(--encre)}
.signes{display:grid;gap:16px}
.signe{background:#fff;border:1px solid #e2dbc9;border-left:5px solid var(--rouge);border-radius:10px;padding:20px 22px;box-shadow:0 3px 12px rgba(0,0,0,.06);position:relative;transition:.3s}
.signe:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}
.signe-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.signe-head img{width:70px;height:70px;object-fit:contain;mix-blend-mode:multiply;flex:none}
.signe-head .info h3{font-family:var(--disp);font-size:1.3rem;letter-spacing:.04em;color:var(--encre)}
.signe-head .info .eu{font-family:var(--tale);font-style:italic;color:var(--rouge);font-size:.95rem}
.signe-text{font-size:.98rem;line-height:1.7}
.signe-link{display:inline-block;margin-top:12px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rouge);text-decoration:none;border-bottom:1px solid var(--rouge)}
.intro{font-family:var(--tale);font-style:italic;color:#5a564b;text-align:center;margin:20px 0 30px;font-size:1.05rem}
.foot-block{background:#fff;border-radius:10px;padding:24px;margin-top:30px;text-align:center;border:1px dashed #c9c2b0}
.foot-block h3{font-family:var(--disp);font-size:1.1rem;margin-bottom:8px;color:var(--rouge)}
.foot-block p{font-size:.92rem;color:#45413a;margin-bottom:14px}
.archives{margin-top:26px;text-align:center;font-size:.85rem;color:#8a8577}
.archives a{color:var(--rouge)}
footer{text-align:center;font-size:.7rem;color:#8a8577;letter-spacing:.15em;text-transform:uppercase;padding:10px 0 30px}
footer a{color:var(--rouge);text-decoration:none}
.liste-arch{list-style:none;max-width:520px;margin:20px auto;display:grid;gap:8px}
.liste-arch a{display:block;background:#fff;border:1px solid #e2dbc9;border-left:4px solid var(--rouge);border-radius:8px;padding:12px 16px;text-decoration:none;color:var(--encre);font-family:var(--disp);letter-spacing:.05em}
@media(max-width:560px){.signe-head{flex-direction:column;text-align:center}.signe-head img{margin:0 auto}}