*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0b0906; --bg-2:#120e0a; --encre:#060403;
  --gold:#c9a25f; --gold-hi:#e7d3a0; --gold-dim:#8a7346; --gold-dark:#5f4e2c;
  --creme:#ece2ce; --papier:#e4d6b8; --papier-ombre:#c9b48c;
  --sang:#8b1a14; --sang-hi:#b0261c; --rouille:#9a6060;
  --f-titre:'Cinzel',serif; --f-texte:'IM Fell English','Playfair Display',Georgia,serif;
  --f-script:'Pinyon Script','IM Fell English',cursive; --f-machine:'Special Elite','Courier New',monospace;
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--gold-hi);font-family:var(--f-texte);min-height:100svh;-webkit-font-smoothing:antialiased}
a{color:inherit}
img,svg{display:block;max-width:100%}

body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.3;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.16'/%3E%3C/svg%3E")}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:89;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}

.cadre{border:1px solid var(--gold-dim);outline:1px solid var(--gold-dark);outline-offset:4px}
.orn{color:var(--gold-dim);font-size:10px;letter-spacing:.6em;margin-right:-.6em}
.titre{font-family:var(--f-titre);font-weight:900;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
.italique{font-style:italic;color:var(--gold-dim)}
.btn{display:inline-block;font:700 11px var(--f-titre);letter-spacing:.32em;text-transform:uppercase;text-decoration:none;
  padding:13px 22px;border:1px solid var(--gold-dim);color:var(--gold-hi);background:transparent;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.btn:hover{background:var(--gold);color:var(--bg);border-color:var(--gold)}
.btn.plein{background:var(--gold);color:var(--bg);border-color:var(--gold)}
.btn.plein:hover{background:var(--gold-hi)}
.btn[disabled]{opacity:.45;cursor:not-allowed;background:transparent;color:var(--gold-dim)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:1px solid var(--gold-hi);outline-offset:3px}