/* Pied de page : état consolidé des choix validés.
 * Trois groupes centrés sur ordinateur ; deux colonnes, puis artistes sur mobile.
 * Les angles sont fournis par page-palette.js et restent fixes pendant la lecture.
 */
body>footer{padding-top:14px;padding-bottom:8px}
body>footer .footer-top{padding-top:0;padding-bottom:12px;gap:16px;grid-template-columns:72px minmax(0,1fr) auto}
body>footer .footer-top .brand-logo img{width:72px;height:72px}
body>footer .footer-top p{font-size:28px;line-height:1.15}
body>footer .footer-top>a:last-child{font-size:25px;padding-bottom:4px}
body>footer .footer-bottom{padding-top:6px;gap:6px 18px;min-height:44px}
footer .footer-directory{display:grid;grid-template-columns:minmax(0,150px) minmax(0,240px) minmax(0,260px);justify-content:center;gap:24px clamp(28px,5vw,64px);max-width:1000px;margin-inline:auto;padding:24px 0 28px;border-top:1px solid #ffffff40;color:#f4f8f2}
footer .footer-directory>div{min-width:0;width:100%;max-width:100%;margin-left:0;transform-origin:left center;rotate:var(--footer-angle-1,-2.5deg)}
footer .footer-directory>div:nth-child(2){rotate:var(--footer-angle-2,2.5deg)}
footer .footer-directory>div:nth-child(3){rotate:var(--footer-angle-3,-2.5deg)}
footer .footer-directory h2{margin:0 0 5px;font-family:'Atelier Hand',Georgia,serif;font-size:24px;font-weight:600;line-height:1.25;letter-spacing:0;color:inherit}
footer .footer-directory ul{list-style:none;padding:0;margin:0;display:grid;gap:0}
footer .footer-directory li{padding:0;margin:0;min-width:0}
/* Pas de rotation individuelle : le titre et tous les liens suivent leur colonne.
 * La réserve de 6 px et les petits angles évitent de rogner les textes inclinés. */
footer .footer-directory a{display:inline-flex;align-items:center;min-height:28px;max-width:calc(100% - 6px);padding:2px 0;font-family:var(--body-font,'Source Sans 3',Arial,sans-serif);font-size:15px;font-weight:400;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere;color:inherit;text-decoration:none;text-underline-offset:4px;rotate:none;transform-origin:left center}
footer .footer-directory a:hover,footer .footer-directory a:focus-visible{text-decoration:underline}
footer .footer-directory a:focus-visible,footer .footer-bottom a:focus-visible{outline:2px solid #f8e681;outline-offset:4px}
@media(max-width:760px){
 body>footer{padding-top:12px}
 body>footer .footer-top{grid-template-columns:64px minmax(0,1fr);gap:6px 12px;padding-bottom:12px}
 body>footer .footer-top .brand-logo img{width:64px;height:64px}
 body>footer .footer-top p{font-size:23px}
 body>footer .footer-top>a:last-child{font-size:22px;min-height:40px}
 footer .footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:24px 22px;padding-top:20px;padding-bottom:24px}
 footer .footer-directory>div{width:calc(100% - 10px);rotate:clamp(-2deg,var(--footer-angle-1,-2deg),2deg)}
 footer .footer-directory>div:nth-child(2){rotate:clamp(-2deg,var(--footer-angle-2,2deg),2deg)}
 footer .footer-directory>div:last-child{grid-column:1/-1;rotate:clamp(-2deg,var(--footer-angle-3,-1.7deg),2deg)}
 footer .footer-directory>div:last-child ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
 /* La zone tactile reste confortable même lorsque le texte est plus court. */
 footer .footer-directory a{min-height:44px}
 body>footer .footer-bottom{gap:4px 14px;padding-top:8px}
}