/* Yodriv · site v5 · le pied de page : la seule partie du site sur fond bleu (choix d'Abdellah). Simple : une phrase, un bouton, six liens, le grand logo blanc, la ligne du bas. */
.pd2{padding:88px 0 28px;background:var(--dark-page);color:var(--dark-text);border-radius:44px 44px 0 0;overflow:hidden}
.pd2 .pd-haut{display:flex;align-items:flex-end;justify-content:space-between;gap:40px 64px;flex-wrap:wrap}
.pd2 .pied-phrase{margin:0 0 28px;font:800 clamp(40px,5.4vw,76px)/1.04 Lexend;letter-spacing:-.05em;color:var(--dark-text)}
.pd2 nav{display:grid;grid-template-columns:repeat(2,auto);gap:12px 44px;align-content:start}
.pd2 nav a{font:600 17px Lexend;color:var(--dark-textSecondary);text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.pd2 nav a:hover{color:var(--dark-text);border-bottom-color:var(--brand-accent)}
.pd2 .pd-logo{width:calc(100% - 32px);margin:64px auto 28px}
.pd2 .pd-logo img{width:100%;height:auto;opacity:0;transform:translateY(35%) scale(.95);transition:opacity .9s var(--sortie),transform 1.1s var(--ressort)}
.pd2 .pd-logo.vu img{opacity:1;transform:none}
.pd2 .pied-bas{padding-top:22px;border-top:0;font:500 14.5px Lexend;color:var(--dark-textSecondary)}
.pd2 .pied-bas a{color:var(--dark-link);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
@media (max-width:640px){.pd2{padding-top:56px;border-radius:32px 32px 0 0}.pd2 nav{grid-template-columns:repeat(2,1fr);width:100%}}
@media (prefers-reduced-motion:reduce){.pd2 .pd-logo img{transition:none;transform:none;opacity:1}}
/* Zones à toucher assez grandes sur téléphone (revue du 5/11/2026) */
@media (max-width:640px){.pd2 nav a{display:inline-block;padding:9px 0}.pd2 .pied-bas a{display:inline-block;padding:10px 0}}