/* Polices auto-hébergées: Newsreader et Archivo, SIL Open Font License 1.1. Licences: /assets/OFL-Newsreader.txt et /assets/OFL-Archivo.txt */
/* each.app · "me, myself and I (and the community)" · v4 editorial restore, public test.
   Type system borrowed from my.each.app: Newsreader (display serif) + Archivo (text sans). */
@font-face{font-family:Archivo;src:url(archivo.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:Newsreader;src:url(newsreader.woff2) format("woff2");font-weight:300 400;font-style:normal;font-display:swap}
@font-face{font-family:Newsreader;src:url(newsreader-italic.woff2) format("woff2");font-weight:300 400;font-style:italic;font-display:swap}
:root{
  --paper:#f2f0ea; --paper2:#e9e5db; --ink:#11110f; --ink2:#1b1a17; --mute:#5e5c56; --faint:#a7a49d;
  --each-red:#f2392e; --each-red-ink:#b3221a; --red:var(--each-red); --line:rgba(17,17,15,.14);
  --serif:"Newsreader",Georgia,"Times New Roman",serif; --sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --pad:clamp(20px,4.2vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
.micro{font:600 11px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.mute{color:var(--mute)}
.serif{font-family:var(--serif)}
em,.it{font-style:italic}
.red{color:var(--red)}
/* grain overlay */
.grain{position:relative;isolation:isolate}
.grain:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.22;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
/* top bar */
.bar{display:flex;justify-content:space-between;align-items:center;padding:22px var(--pad);position:relative;z-index:5}
.mark{font:800 15px/1 var(--sans);letter-spacing:-.02em;text-decoration:none}
.bar .mid{display:none}
/* section scaffolding */
.screen{padding:0 var(--pad)}
.count{display:flex;justify-content:space-between;padding-top:26px}
.rule{border:0;border-top:1px solid var(--line);margin:0}
.btn{display:inline-flex;align-items:center;gap:14px;font:700 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:19px 26px;background:var(--each-red-ink);color:#fff;border:0}
.btn.inv{background:var(--paper);color:var(--ink)}
.btn .ar{font-size:16px;letter-spacing:0}
.link{font:500 15px/1 var(--sans);text-decoration:underline;text-underline-offset:4px;color:var(--mute)}
/* giant footer word */
.wordmark{font:900 clamp(96px,27vw,420px)/.78 var(--sans);letter-spacing:-.075em;margin:0;padding:0 var(--pad) 0 calc(var(--pad) - .04em);color:var(--ink)}
.foot{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:40px var(--pad) 28px}
@media(min-width:900px){.bar .mid{display:block}}

.ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;z-index:1}

.mark i,.wordmark i{font-style:normal;color:var(--red)}

a.bl{color:inherit;text-decoration:none}a.bl:hover{text-decoration:underline;text-underline-offset:3px}a.bl:focus-visible,a.pl:focus-visible{outline:2px solid currentColor;outline-offset:2px}a.pl{color:inherit;text-decoration:none}a.pl:hover{text-decoration:underline;text-underline-offset:3px}a.lga{display:contents}
.folk a.pl:hover h3,.person a.pl:hover .nm{text-decoration:underline;text-underline-offset:4px}
/* hover underline on name links: hairline and unbroken (auto thickness + ink-skipping made chunky, segmented bars on the big headlines); none on the hero first name */
a.bl:hover,a.pl:hover,.folk a.pl:hover h3,.person a.pl:hover .nm{text-decoration-thickness:1px;text-decoration-skip-ink:none}
.who .name a.pl:hover,.who .name a.pl:focus{text-decoration:none}
/* Règle couleur: --each-red seulement pour le grand (>=24px ou >=18.7px gras), logos, pastilles, fonds, icônes, filets. Tout texte rouge plus petit: --each-red-ink. */
.red-ink,.err,#err,a.red,.link-red{color:var(--each-red-ink)}
a.red:hover,a.red:focus-visible,.link-red:hover,.link-red:focus-visible{color:var(--each-red-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
[hidden]{display:none!important}
/* blocs larges: jamais de débordement horizontal sur mobile */
main code,main pre{overflow-wrap:anywhere;word-break:break-word;max-width:100%}main pre{overflow-x:auto;white-space:pre-wrap}main table{display:block;max-width:100%;overflow-x:auto}main img{max-width:100%;height:auto}