:root{--nuit:#0f1d3a;--nuit2:#16284f;--or:#c9a24a;--txt:#1d2433;--col:68ch;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}
body{margin:0;font:1.0625rem/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--txt);background:#fbfaf6}
h1,h2,h3,.logo{font-family:var(--serif);color:var(--nuit);line-height:1.2;text-wrap:balance;hyphens:none;-webkit-hyphens:none}
h1{font-size:clamp(2rem,1.3rem + 3.2vw,3.25rem);margin:0}
h2{font-size:clamp(1.4rem,1.2rem + .8vw,1.75rem);margin:2.5rem 0 1rem;padding-bottom:.35rem;border-bottom:1px solid var(--or)}
h3{font-size:clamp(1.15rem,1.05rem + .4vw,1.3rem);margin:0 0 .6rem}
p,ul{margin:0 0 1.1rem}p{text-wrap:pretty}
.nw{white-space:nowrap}
a{color:#1f4fa3}a:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:9}
header{background:var(--nuit);border-bottom:3px solid var(--or)}
nav{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem;padding:.9rem 1.25rem}
.logo{color:var(--or);font-size:1.5rem;text-decoration:none;letter-spacing:.08em}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:0;padding:0}
nav ul a{color:#fff;text-decoration:none;font-size:.95rem;padding:.2rem 0}
nav ul a[aria-current]{color:var(--or);border-bottom:2px solid var(--or)}
.hero{background:linear-gradient(135deg,var(--nuit),var(--nuit2));color:#fff;text-align:center;padding:clamp(3rem,6vw,5rem) 1.25rem}
.hero h1{color:#fff;max-width:var(--col);margin:0 auto}
.hero p{color:#e8dcb8;font-style:italic;font-size:clamp(1.05rem,1rem + .4vw,1.25rem);max-width:var(--col);margin:1rem auto 0;text-wrap:balance}
main{max-width:calc(var(--col) + 2.5rem);margin:auto;padding:clamp(2rem,4vw,3rem) 1.25rem}
main>:first-child{margin-top:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1.25rem;margin:2rem 0}
.card{display:flex;flex-direction:column;background:#fff;padding:1.4rem;border-top:3px solid var(--or);box-shadow:0 2px 10px #0001}
.card p{flex:1}.card a{font-weight:600;align-self:flex-start}
blockquote{margin:2rem 0;padding:1.25rem 1.5rem;background:#fff;border-left:4px solid var(--or);box-shadow:0 2px 10px #0001}
blockquote p{font-family:var(--serif);font-size:1.15rem;margin:0}
blockquote footer{font-size:.9rem;color:#555;margin-top:.6rem}
body>footer{background:var(--nuit);color:#cfd6e6;text-align:center;padding:2rem 1.25rem;font-size:.9rem}
body>footer p{margin:.3rem 0}body>footer a{color:var(--or)}
@media (max-width:600px){nav{justify-content:center}nav ul{justify-content:center}}
.en{color:#4a5468;font-style:italic}h2 .en{display:block;font-size:.65em;font-weight:normal;margin-top:.2rem}
blockquote .tr{font-family:inherit;font-size:1rem;color:#333;margin-top:.5rem}
.exergue{background:var(--nuit);color:#f3ecd8;padding:clamp(1.5rem,4vw,2.5rem);margin:0 0 2.5rem;border-top:3px solid var(--or)}
.exergue .big{font-family:var(--serif);font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);color:var(--or);text-align:center;margin:0 0 1.2rem;text-wrap:balance}
.exergue .ctx{color:#e6e9f0}.exergue blockquote{background:#16284f;box-shadow:none}.exergue blockquote p{color:#fff}.exergue blockquote footer{color:#cfd6e6}.exergue a{color:var(--or)}
.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.cards{grid-template-columns:1fr;grid-auto-rows:1fr}
@media (min-width:560px){.cards{grid-template-columns:repeat(2,1fr)}.cards .card:last-child:nth-child(odd){grid-column:1/-1}}
@media (min-width:820px){.cards{grid-template-columns:repeat(6,1fr)}.cards .card{grid-column:span 2}.cards .card:last-child:nth-child(odd){grid-column:span 2}.cards .card:nth-child(4):nth-last-child(2){grid-column:2/span 2}}
figure{margin:2rem 0}figure img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;background:#eee}
figcaption{font-size:.85rem;color:#555;margin-top:.5rem}