:root{color-scheme:dark;background:#000;color:#fff;font-family:Georgia,serif;font-size:19.2px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:#ccc;text-underline-offset:4px}a:hover,a[aria-current]{color:#fff}nav{background:#111;padding:1rem;display:flex;gap:1.3rem;justify-content:center;align-items:center;flex-wrap:wrap}nav>span{color:#888}details{position:relative}summary{cursor:pointer;text-decoration:underline;color:#ccc;list-style:none}summary::-webkit-details-marker{display:none}details div{position:absolute;background:#181818;padding:1rem;min-width:160px;z-index:2}details a{display:block;white-space:nowrap}main{max-width:1240px;padding:0 40px;margin:55px auto 100px}.back{font-size:.85rem}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;padding:55px 0 75px}.eyebrow{font-size:.73rem;color:#aaa;letter-spacing:.09em;text-transform:uppercase}.title{font-size:clamp(4rem,8vw,6.5rem);line-height:1.05;letter-spacing:-.065em;margin:30px 0}.intro{font-size:1.25rem;color:#ddd;line-height:1.6}.signature{font-size:.8rem;color:#aaa;margin-top:35px}figure{margin:0}canvas{width:100%;height:auto;display:block;border:1px solid #555;image-rendering:pixelated}figcaption{font-size:.73rem;color:#aaa;margin:12px 0}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button{font:inherit;font-size:.73rem;background:#000;color:#fff;border:1px solid #666;padding:7px 13px;cursor:pointer}button:hover{background:#fff;color:#000}#generation{font-size:.68rem;color:#aaa;margin-left:auto}.text-section{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid #333;padding:40px 0}.text-section h2{font-size:1rem;font-weight:normal;margin-top:0}.text-section p{margin:0 0 1.2rem;color:#d0d0d0}.note{font-size:.85rem;color:#aaa!important}.bottom{display:inline-block;margin-top:35px}footer{border-top:1px solid #333;max-width:1160px;margin:0 auto;padding:25px 0 45px;color:#aaa;font-size:.75rem;display:flex;justify-content:space-between}.catalogue{max-width:850px;margin:90px auto 160px;border-left:4px solid white;padding:25px 40px}.catalogue h1{font-size:2.4rem;letter-spacing:.05em;margin:20px 0}.work{display:flex;align-items:center;gap:25px;border-top:1px solid #555;border-bottom:1px solid #555;padding:35px 0;margin-top:70px;text-decoration:none}.work strong{font-size:2.6rem;color:#fff;font-weight:normal;letter-spacing:-.04em}.description{display:block;font-size:.8rem;color:#aaa}.year{font-size:.8rem}.arrow{margin-left:auto;font-size:2rem}.skip{position:absolute;left:15px;top:-100px;background:#fff;color:#000;padding:10px;z-index:3}.skip:focus{top:10px}:focus-visible{outline:2px solid white;outline-offset:5px}@media(max-width:760px){nav{gap:.5rem .8rem;font-size:.9rem}main{padding:0 22px;margin-top:30px}.hero{grid-template-columns:1fr;padding-top:30px;gap:30px}.title{font-size:4.3rem}.text-section{grid-template-columns:1fr;gap:15px}.catalogue{margin:55px 0;padding:15px 22px}.work{gap:15px;flex-wrap:wrap}.year{width:100%}.catalogue .intro{font-size:1rem}footer{margin:0 22px;gap:20px;flex-wrap:wrap}}

/* Pages originales : composition et textes conservés. */
main.legacy{max-width:800px;margin:80px auto;padding:2rem;border-left:4px solid #fff}
.legacy h1{font-size:2rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}
.legacy p{margin-bottom:1rem}.legacy em{color:#ccc}.legacy audio{width:100%;margin-top:2rem}
.legacy h2{font-size:1.3rem}.legacy li{overflow-wrap:anywhere}
@media(max-width:760px){main.legacy{margin:45px 22px;padding:1rem;max-width:calc(100% - 44px)}.legacy h1{font-size:1.6rem}nav{font-size:.85rem;gap:.45rem .65rem}}