*{box-sizing:border-box}[hidden]{display:none!important}html{background:#140e1a}body{color:#fff4e0;font-variant-ligatures:none;background:radial-gradient(90% 50% at 50% 0,#ffaa5a2e,#0000 70%),linear-gradient(#2a1d36,#140e1a 60%);min-height:100vh;margin:0;padding:0 16px 40px;font-family:Pixelify Sans,system-ui,sans-serif;font-size:17px;line-height:1.4}code{color:#ffd27a;font-family:ui-monospace,Menlo,monospace;font-size:.85em}.entete{max-width:1100px;margin:0 auto;padding:28px 0 8px}.entete h1{color:#ffd27a;text-shadow:0 3px #6a3a14;margin:0 0 6px;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.entete p{color:#e9d6b8;margin:0 0 14px}.filtres{flex-wrap:wrap;gap:8px;display:flex}.filtres a{color:#ffd27a;border:1px solid #ffd27a66;border-radius:999px;padding:5px 12px;text-decoration:none}.filtres a:hover{background:#ffd27a1f}.filtres a[aria-current=page]{color:#2a1a10;background:#ffd27a;border-color:#ffd27a}.filtres a:last-child{border-color:#0000;margin-left:auto}main{max-width:1100px;margin:0 auto}h2{color:#ffd27a;margin:26px 0 12px;font-size:1.5rem}.grille{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;display:grid}.perso{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px 10px}.perso h3{margin:0 0 8px;font-size:1.2rem;line-height:1.1}.perso small{color:#c8b8a8;margin-top:2px;font-size:.75rem;font-weight:500;display:block}.styles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.styles figure{text-align:center;margin:0}.styles canvas{aspect-ratio:1;object-fit:contain;background:radial-gradient(circle,#ffecbe38,#ffecbe00 68%);border-radius:50%;width:100%;display:block}.styles figure[data-style=pixel] canvas{image-rendering:pixelated;border-radius:0;padding:14%}.styles figcaption{color:#a8988c;margin-top:2px;font-size:.75rem}.ateliers{width:640px;height:400px;position:fixed;top:0;left:-10000px;overflow:hidden}@media (width<=400px){.grille{grid-template-columns:1fr}.filtres a:last-child{margin-left:0}}.epoques{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;max-width:1100px;margin:18px auto 0;display:grid}.epoque{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:14px 16px 16px}.epoque h2{margin:0}.epoque .orchestre{color:#c8b8a8;margin:2px 0 10px;font-size:.85rem}.epoque h3{color:#e9d6b8;margin:16px 0 8px;font-size:1rem}.boutons{flex-wrap:wrap;gap:6px;display:flex}.boutons button{font:inherit;color:#fff4e0;cursor:pointer;background:#ffffff14;border:1px solid #ffd27a59;border-radius:8px;padding:5px 10px;font-size:.85rem}.boutons button:hover{background:#ffd27a29}.boutons button:focus-visible{outline-offset:2px;outline:3px solid #ffd27a}.boutons button[aria-pressed=true]{color:#2a1a10;background:#ffd27a;border-color:#ffd27a}