.nav-principale{padding:32px 4vw 26px;border-bottom:1px solid rgba(28,27,25,.22);margin:0 4vw;padding-left:0;padding-right:0;gap:24px}.nav-liens a{font-size:14px;text-transform:none;position:relative}.nav-liens a::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:var(--moutarde);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav-liens a:hover::after{transform:scaleX(1)}.introduction{padding:52px 4vw 0}.introduction h1{font-family:'Source Serif 4',serif;font-size:clamp(24px,3vw,42px);font-weight:300;line-height:1.2}.introduction p{font-size:14px;color:var(--gris);margin-top:18px}.corps{padding-left:4vw;margin-top:44px}.liste-projets{padding:0 0 72px}.ligne-projet{padding:25px 0;min-height:70px}.ligne-projet .numero{font-size:12px;margin-right:10px;color:var(--gris)}.ligne-projet .nom{font-size:16px;text-transform:none}.ligne-projet .trait{margin-right:16px}.trait-nav{margin-left:56px}.apercu{z-index:2}.ligne-projet:hover .apercu{opacity:0}.ligne-projet.is-selected .apercu{opacity:1}.ligne-projet.is-selected .nom{color:var(--moutarde)}.diaporama.is-hidden img.active,.diaporama.is-hidden video.active{opacity:0}.skip{position:fixed;top:-100px;left:16px;background:var(--fond);padding:12px;z-index:999}.skip:focus{top:12px}a:focus-visible,button:focus-visible{outline:1px solid var(--moutarde);outline-offset:6px}.pause-diapo{position:fixed;right:4vw;bottom:22px;border:0;border-bottom:1px solid var(--gris);background:var(--fond);font:14px Mulish,sans-serif;color:var(--gris);padding:6px;cursor:pointer;z-index:3}
@media(max-width:760px){.nav-principale{flex-direction:column;align-items:flex-start;margin:0 24px;padding:24px 0;gap:20px}.nav-studio{font-size:14px}.nav-liens{gap:24px}.introduction{padding:36px 24px 0}.corps{padding:0 24px;margin-top:36px}.trait-nav,.diaporama,.pause-diapo{display:none}.liste-projets{width:100%;max-width:none}.ligne-projet{display:grid;grid-template-columns:24px 24px 1fr;gap:10px;padding:24px 0;border-top:1px solid rgba(28,27,25,.15)}.ligne-projet .apercu{display:block;position:static!important;grid-column:1/-1;width:auto;height:auto;max-width:100%!important;max-height:55vh!important;margin:24px auto 0;transform:none;opacity:1!important;transition:none}.ligne-projet .nom{font-size:18px}.ligne-projet .numero,.ligne-projet .trait{margin:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Hide the entire slideshow immediately while a project is selected. */
.diaporama.is-hidden{visibility:hidden;}

/* Hiérarchie de navigation ajustée. */
.nav-studio{font-size:22px;}
.nav-liens a{font-size:12px;}
@media(max-width:760px){.nav-studio{font-size:20px;}.nav-liens a{font-size:12px;}}

/* Navigation tactile et cartes adaptées aux petits écrans. */
@media(max-width:760px){
 .nav-liens{flex-wrap:wrap;gap:8px 24px}.nav-liens a{display:inline-flex;align-items:center;min-height:44px}
 .corps{padding-inline:20px;margin-top:20px}.nav-principale{margin-inline:20px;gap:8px}
 .ligne-projet{min-width:0}.ligne-projet .apercu{max-height:55svh!important}
 .ligne-projet .nom{line-height:1.5}.liste-projets{padding-bottom:32px}
}