/* atelier.css : le socle commun des dossiers J* (atelier de JL, 21/09/2026).
   Fond nuit, encre, trois polices, en-tete et pied. Tout le reste est propre a chaque direction. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#090c13;--ink:#eaeef6;--mut:#bcc5d6;--dim:#8f98ab;
  --serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}
.hd{position:fixed;inset:0 0 auto 0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:5}
.logo{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:.01em;text-decoration:none;line-height:1.1}
.logo small{display:block;font:500 13px/1.4 var(--mono);color:var(--dim);letter-spacing:.14em;text-transform:uppercase;margin-top:2px}
.pied{position:fixed;inset:auto 0 0 0;padding:18px 40px;display:flex;justify-content:space-between;gap:24px;font:13px/1.4 var(--mono);color:var(--dim);z-index:5}
.pied a{text-decoration:none}
.pied a:hover{color:var(--mut)}
.cta{appearance:none;border:0;cursor:pointer;font:600 15px/1 var(--sans);letter-spacing:.01em;padding:0 26px;height:46px;border-radius:4px;display:inline-flex;align-items:center;gap:10px;color:#090c13;background:var(--ink);transition:transform .18s ease,background .18s ease}
.cta:hover{transform:translateY(-1px)}
.cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}