:root{color-scheme:dark;--bg:#111010;--paper:#1e1a19;--ink:#f1e8dc;--muted:#c7b9ad;--accent:#f09283;--line:#4c3834}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:.25em}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}header,footer{border-block:1px solid var(--line)}nav{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;padding:18px 0}nav a{text-decoration:none}nav .brand{margin-right:auto;font-family:Georgia,serif;font-weight:bold}.hero{background:radial-gradient(ellipse at 82% 45%,#4b1d1c,transparent 57%),linear-gradient(120deg,#171212,#211716);border-bottom:1px solid var(--line);padding:clamp(65px,12vw,145px) 0}.kicker{color:var(--accent);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.06;margin:.3em 0 .5em}h1{font-size:clamp(44px,8vw,106px);max-width:9em}h2{font-size:clamp(30px,5vw,52px)}h3{font-size:28px}p{max-width:66ch;color:var(--muted)}section,article{padding:48px 0}.card{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;background:var(--paper);border:1px solid var(--line);padding:clamp(22px,5vw,55px)}.dossier{min-height:190px;display:grid;place-content:center;text-align:center;background:repeating-linear-gradient(0deg,transparent 0 28px,#50342e 29px 30px),linear-gradient(145deg,#3c2823,#241816);border:1px solid #66423b;font:italic clamp(25px,4vw,54px) Georgia,serif}.button{display:inline-block;background:#802e2b;color:white;padding:10px 18px;text-decoration:none;font-weight:bold}.button:hover{background:#a8453e;color:white}.reading{max-width:760px}.reading h1{font-size:clamp(40px,7vw,72px)}.reading h2{font-size:34px;margin-top:1.3em}.reading li{margin:.55em 0}.timeline{border-left:2px solid var(--accent);padding-left:24px}.timeline b{color:var(--accent)}footer{padding:20px 0}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;z-index:2;background:var(--bg);padding:8px}@media(max-width:650px){.card{grid-template-columns:1fr}.dossier{min-height:115px}}