/* Même retour visuel au survol, au toucher et au clavier. */
:root{--cta-paper:#faf7ef;--cta-ink:#191a17;--cta-hover:#c2785c}
.universe-copy{bottom:19%;width:min(650px,86%)}
.universe-copy h2{margin:0 0 27px;line-height:1}
.nv-cta,.case-watch,.case-end a,.case-next,#pf-voir-tout-btn,#formation a{
 display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;
 width:fit-content;max-width:100%;padding:13px 22px;border:1px solid transparent;border-radius:999px;
 background:var(--cta-paper);color:var(--cta-ink);font:500 13px/1.35 Inter,sans-serif;
 letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;
 transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s;
}
.case-link{min-width:0;margin:0}
.case-link span:last-child{font-size:20px;line-height:1}
.cta-icon{transition:transform .22s}
.nv-cta:hover .cta-icon,.nv-cta:focus-visible .cta-icon{transform:translate(2px,-2px)}
.nv-cta:is(:hover,:focus-visible,:active),.case-watch:is(:hover,:focus-visible,:active),.case-end a:is(:hover,:focus-visible,:active),.case-next:is(:hover,:focus-visible,:active),#pf-voir-tout-btn:is(:hover,:focus-visible,:active),#formation a:is(:hover,:focus-visible,:active){
 background:var(--cta-hover);color:var(--cta-ink)!important;border-color:var(--cta-hover)
}
#navDock .nav-cta{padding:10px 16px;min-height:40px;font-size:11px;color:var(--cta-ink)!important}
#navDock a{white-space:nowrap}
#formation a{background:#191a17;color:#faf7ef}
#formation a:is(:hover,:focus-visible,:active){background:#faf7ef;border-color:#faf7ef}
#pf-voir-tout-btn{min-width:240px}
#pf-voir-tout-badge{color:inherit!important;background:transparent!important;padding:0!important}
.case-next{position:static;float:right}
.case-end a{margin-top:12px}
.case-watch{margin-top:26px}
.case-film{flex-wrap:wrap;padding-bottom:90px}
.film-references{position:absolute;bottom:22px;right:6%}
.case-film.landscape .film-references{position:static;margin:25px 0 0}
:where(a,button,summary){transition:color .22s,background-color .22s,border-color .22s}
:where(a,button,summary):focus-visible{outline:2px solid #c2785c!important;outline-offset:5px}
#navDock a:not(.nav-cta):is(:hover,:focus-visible),.mobile-link:is(:hover,:focus-visible),footer a:is(:hover,:focus-visible),.variant-bar a:is(:hover,:focus-visible),.variant-bar button:is(:hover,:focus-visible),.preview-toggle:is(:hover,:focus-visible),.project-nav a:is(:hover,:focus-visible),.project-nav button:is(:hover,:focus-visible),#notesClose:is(:hover,:focus-visible),summary:is(:hover,:focus-visible){color:#e7ad8c!important}
.mobile-menu-cta-footer a:is(:hover,:focus-visible){color:#e7ad8c!important;border-color:#e7ad8c!important}
.filter-btn:is(:hover,:focus-visible,:active){color:#191a17!important;background:#c2785c!important;border-color:#c2785c!important}
#lightboxClose:is(:hover,:focus-visible),#lightboxPrev:is(:hover,:focus-visible),#lightboxNext:is(:hover,:focus-visible),#mobileTrigger:is(:hover,:focus-visible),#hamburger:is(:hover,:focus-visible),#menuClose:is(:hover,:focus-visible){color:#191a17!important;background:#c2785c!important}
#mobileTrigger{background:#191c19ed!important;color:#faf7ef!important}
#mobileTrigger:is(:hover,:focus-visible){background:#c2785c!important;color:#191a17!important}
@media(max-width:767px){
 #univers-mode .univers-bg img{object-position:20% top}
 .universe-copy{left:7%;bottom:19%}.universe-copy h2{font-size:64px;margin-bottom:25px}
 .nv-cta,.case-watch,.case-end a,.case-next,#pf-voir-tout-btn,#formation a{font-size:12px;padding:13px 18px;gap:17px}
 .proof-action{font-size:11px;padding:10px 15px;min-height:44px}
 .case-next{float:none;margin-top:25px}
 .case-film{padding-top:70px;padding-bottom:90px;min-height:100svh}
 .case-film-label .nv-eyebrow{display:none}
 .case-film-label h2,.case-film.landscape .case-film-label h2{font-size:36px;line-height:1;margin:0}
 .case-film-label p{font-size:10px;line-height:1.6;margin:9px 0 18px}
 .case-film:not(.landscape) video{max-height:calc(100svh - 250px);max-width:100%;width:auto}
 .film-references{right:7%;bottom:25px}
 #pf-voir-tout-btn{min-width:0}
 .project-nav{gap:8px}.project-nav button:last-child{max-width:90px}
}
@media(prefers-reduced-motion:reduce){.cta-icon{transform:none!important}}