/* Navigation du site autonome — les couleurs reprennent le portfolio. */
html{scroll-padding-top:96px;min-height:100%;background:#3b2b32}
body{padding-top:76px}
.portfolio-nav{position:fixed;inset:0 0 auto;z-index:90;height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 clamp(24px,5.2vw,92px);background:rgba(241,240,233,.97);border-bottom:1px solid #20271f20;color:#20271f;font:400 14px/1.4 'DM Sans',sans-serif;backdrop-filter:blur(16px)}
.portfolio-nav a{color:inherit;text-decoration:none}
.portfolio-brand{font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.portfolio-menu{display:flex;align-items:center;gap:28px}
.portfolio-menu a{position:relative;padding:12px 0}
.portfolio-menu a::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.portfolio-menu a:hover::after,.portfolio-menu a[aria-current=page]::after{transform:scaleX(1)}
.portfolio-toggle{display:none;font:inherit;background:transparent;border:1px solid #20271f40;color:inherit;padding:10px 14px;min-height:44px;border-radius:3px}
.portfolio-skip{position:fixed;top:8px;left:12px;z-index:10000;padding:12px 18px;background:#20271f;color:#f1f0e9;transform:translateY(-150%)}
.portfolio-skip:focus{transform:none}
.portfolio-back{display:block;width:fit-content;margin:30px clamp(24px,5.2vw,92px) 0;font:400 14px/1.5 'DM Sans',sans-serif;text-decoration:none;color:#596543}
.portfolio-nav :focus-visible,.portfolio-back:focus-visible{outline:2px solid #596543;outline-offset:5px}
@media(max-width:760px){.portfolio-nav{padding:0 24px;gap:14px}.portfolio-brand{font-size:13px}.portfolio-toggle{display:block}.portfolio-menu{position:absolute;top:75px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 24px 24px;background:#f1f0e9;border-bottom:1px solid #20271f30;box-shadow:0 12px 25px #20271f12}.portfolio-menu[hidden]{display:none}.portfolio-menu a{padding:14px 0}.portfolio-menu a::after{right:auto;width:40px}}
@media(prefers-reduced-motion:reduce){.portfolio-menu a::after{transition:none}}