:root{--paper:#f1ede4;--paper-2:#e7e2d6;--ink:#141312;--muted:#6d685e;--line:#cfc8b8;--red:#d3331c;--lime:#d9f26b;--sans:"Karla","Helvetica Neue",Helvetica,Arial,sans-serif;--gutter:clamp(16px,4vw,48px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{max-width:1320px;padding:0 var(--gutter);margin:0 auto}.proto{background:var(--ink);color:var(--paper);letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:6px 12px;font-size:12px}header.site{z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);position:sticky;top:0}header.site .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.logo img{width:30px;height:30px;animation:2.25s infinite alternate rot}nav.main{flex-wrap:wrap;gap:clamp(12px,2.2vw,28px);display:flex}nav.main a{border-bottom:2px solid #0000;padding:4px 0;font-size:15px;text-decoration:none}nav.main a.on,nav.main a:hover{border-color:var(--red)}.burger{border:1px solid var(--ink);font:inherit;cursor:pointer;background:0 0;padding:6px 10px;display:none}@media (width<=820px){.burger{display:block}nav.main{background:var(--paper);padding:16px var(--gutter);border-bottom:1px solid var(--line);flex-direction:column;display:none;position:absolute;top:64px;left:0;right:0}nav.main.open{display:flex}}@keyframes rot{0%{transform:rotate(0)scale(1)}to{transform:rotate(20deg)scale(.6)}}main{min-height:70vh}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}h1,h2,h3{letter-spacing:-.03em;margin:0;line-height:.95}.display{text-transform:uppercase;font-size:clamp(48px,11vw,168px);font-weight:800}.h1{font-size:clamp(40px,7vw,96px);font-weight:800}.h2{font-size:clamp(26px,3.4vw,40px);font-weight:800}.lead{max-width:46ch;font-size:clamp(18px,1.6vw,22px);line-height:1.45}section{padding:clamp(40px,7vw,96px) 0}.rule{border-top:2px solid var(--ink)}.hero{gap:var(--gutter);grid-template-columns:1.3fr 1fr;align-items:center;padding-top:clamp(32px,6vw,80px);display:grid}.ring{aspect-ratio:1;justify-self:center;width:100%;max-width:460px;position:relative}.ring img{width:100%;height:100%;animation:2.25s infinite alternate rot;position:absolute;inset:0}.ring img:nth-child(2){opacity:.55;animation-delay:-560ms}.ring img:nth-child(3){opacity:.3;animation-delay:-1120ms}@media (width<=820px){.hero{grid-template-columns:1fr}.ring{max-width:280px}}.feature{gap:var(--gutter);background:var(--ink);color:var(--paper);grid-template-columns:1fr 1fr;padding:clamp(24px,4vw,56px);text-decoration:none;display:grid}.feature img{aspect-ratio:4/3;object-fit:cover;object-position:top;width:100%}.feature .tag{background:var(--lime);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}@media (width<=820px){.feature{grid-template-columns:1fr}}.sechead{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;padding-top:14px;display:flex}.sechead a{font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px 22px;display:grid}.card{text-decoration:none;display:block}.card .im{aspect-ratio:4/5;background:var(--paper-2);overflow:hidden}.card img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .5s}.card:hover img{transform:scale(1.03)}.card h3{margin-top:12px;font-size:20px;line-height:1.1}.card .meta{color:var(--muted);margin-top:4px;font-size:13px}.card.prog .im{aspect-ratio:16/10}.filters{flex-wrap:wrap;gap:8px;margin:28px 0 36px;display:flex}.chip{font:inherit;border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:14px}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.fiche-head{padding:clamp(32px,6vw,72px) 0 28px}.metarow{border-top:2px solid var(--ink);flex-wrap:wrap;gap:8px 28px;margin-top:22px;padding-top:14px;font-size:14px;display:flex}.metarow b{font-weight:700}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags a{border:1px solid var(--ink);border-radius:999px;padding:1px 9px;font-size:13px;text-decoration:none}.body{gap:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;display:grid}.body .text{position:sticky;top:96px}.body .text p:first-child{margin-top:0;font-size:clamp(20px,1.8vw,26px);font-weight:600;line-height:1.3}.note{color:var(--muted);border-left:3px solid var(--red);margin-top:20px;padding-left:10px;font-size:13px}@media (width<=900px){.body{grid-template-columns:1fr}.body .text{position:static}}.gallery{columns:2 260px;column-gap:16px}.gallery figure{break-inside:avoid;cursor:zoom-in;margin:0 0 16px}.gallery figcaption{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.35}.pager{border-top:2px solid var(--ink);justify-content:space-between;gap:16px;margin-top:48px;padding-top:16px;display:flex}.pager a{font-size:clamp(16px,2vw,22px);font-weight:700;text-decoration:none}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-top:1px solid var(--line);grid-template-columns:110px 1fr 160px;gap:24px;padding:22px 0;display:grid}.timeline .y{font-size:22px;font-weight:800}.timeline h3{margin-bottom:6px;font-size:20px;line-height:1.15}.timeline p{color:#2c2a27;margin:0}.timeline .badge{text-transform:uppercase;letter-spacing:.06em;background:var(--red);color:#fff;margin-top:8px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.timeline .vig.empty{border:1px dashed var(--line);aspect-ratio:auto;background:0 0;min-height:44px}.timeline .vig{aspect-ratio:1;background:var(--paper-2);color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:8px;font-size:11px;display:flex;overflow:hidden}@media (width<=720px){.timeline li{grid-template-columns:1fr}.timeline .vig{max-width:160px}}.cv{grid-template-columns:120px 1fr;gap:8px 24px;margin-top:24px;display:grid}.cv dt{font-weight:800}.cv dd{margin:0 0 12px}footer{border-top:2px solid var(--ink);margin-top:64px;padding:28px 0 48px;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.lb{z-index:50;cursor:zoom-out;background:#0e0d0cf0;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.lb.open{display:flex}.lb img{width:auto;max-width:92vw;max-height:88vh}.lb p{text-align:center;color:#ddd;margin:0;padding:0 16px;font-size:13px;position:absolute;bottom:16px;left:0;right:0}:focus-visible{outline:2px solid var(--red);outline-offset:3px}.prose p{margin:0 0 1em}.prose p:first-child{font-size:clamp(20px,1.8vw,26px);font-weight:600;line-height:1.3}.skip{position:absolute;left:-9999px}.skip:focus{background:var(--ink);color:var(--paper);z-index:100;padding:8px 12px;top:8px;left:16px}@media (prefers-reduced-motion:reduce){.ring img,.logo img{animation:none}}.chip{color:var(--ink);text-decoration:none}.chip[aria-current=page]{background:var(--ink);color:var(--paper)}.prose h2{margin:1.4em 0 .5em}.video{aspect-ratio:16/9;background:var(--ink);margin:24px 0;position:relative}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.body.long .text{position:static}.video-locale{margin:24px 0}.video-locale video{background:var(--ink);width:100%}.video-locale figcaption{color:var(--muted);margin-top:6px;font-size:12.5px}.body.solo{grid-template-columns:minmax(0,46rem)}.card .im .texte{background:var(--ink);height:100%;color:var(--paper);letter-spacing:-.03em;align-items:flex-end;padding:18px;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:.95;display:flex}.prose.poeme p,.prose.poeme p:first-child{margin-bottom:1.4em;font-size:clamp(17px,1.4vw,20px);font-weight:400;line-height:1.6}.card .im picture,.timeline .vig picture{width:100%;height:100%;display:block}.feature picture{display:block}.timeline .vig img{object-fit:cover;width:100%;height:100%}.body.seule{grid-template-columns:1fr}.body.seule .gallery{columns:3 260px}.visuel-fiche{margin-bottom:24px}
