/* Shared navigation: consistent controls and a scrollable mobile disclosure. */
.nav{gap:20px;padding-inline:clamp(20px,3vw,48px)}
.nav-logo{flex-shrink:0}.nav-logo-img{height:30px}
.nav-links{gap:4px;align-items:center}
.nav .nav-links a,.atelier-home .nav-links a[href="#contact"]{font-size:14px;font-weight:500;letter-spacing:0;line-height:1.3;padding:12px 14px;border:0;border-radius:8px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.nav .nav-links a:after{display:none}
.nav .nav-links a:hover,.nav .nav-links a.active{background:var(--accent-soft);color:var(--accent)}
.nav .nav-links .nav-articles{color:var(--text-2);background:transparent}
.nav .nav-links a.nav-contact,.atelier-home .nav-links a.nav-contact[href="#contact"]{background:transparent;color:var(--text-2);margin-left:0;padding-inline:14px}
.nav .nav-links a.nav-contact:hover{filter:none;color:var(--accent)}
.nav-right{display:flex;align-items:center;gap:12px}.nav .lang-link,.nav .lang-current{min-width:35px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.nav .theme-toggle,.nav .color-toggle{width:44px;height:44px}.nav .color-swatch{min-width:40px;min-height:40px}
.nav .nav-burger{width:48px;height:48px;align-items:center;justify-content:center;border:1px solid var(--card-border);border-radius:10px;background:var(--surface)}
.nav-mobile-heading{display:none}
@media(max-width:1150px){
 .nav{height:72px;padding-inline:20px;gap:12px;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}
 .nav .nav-burger{display:flex;z-index:9999;flex-shrink:0}
 .nav .nav-right{display:none}
 .nav .nav-links{display:none;position:fixed;inset:72px 0 0;width:100%;height:calc(100dvh - 72px);background:var(--bg);padding:20px 24px calc(110px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;z-index:9990}
 .nav .nav-links.open{display:flex}
 .nav-mobile-heading{display:block;font:11px 'JetBrains Mono',monospace;letter-spacing:.12em;color:var(--text-2);padding:8px 12px 16px;text-transform:uppercase}
 .nav .nav-links a,.atelier-home .nav-links a[href="#contact"]{font-size:21px;min-height:54px;padding:13px 14px;border-radius:9px;justify-content:space-between}
 .nav .nav-links a:after{content:'↗';display:block;position:static;width:auto;height:auto;background:none;font-size:20px;color:var(--text-2)}
 .nav .nav-links a.nav-contact,.atelier-home .nav-links a.nav-contact[href="#contact"]{margin:12px 0 0;min-height:54px}.nav .nav-links a.nav-contact:after{color:inherit}
 .nav.menu-open .nav-right{display:flex;position:fixed;inset:auto 0 0;transform:none;z-index:9995;background:var(--surface);border-top:1px solid var(--card-border);padding:16px 24px calc(16px + env(safe-area-inset-bottom));justify-content:space-between;gap:12px}
 .nav.menu-open .nav-right .lang-switcher{border:0;padding:0}.nav .color-panel{top:auto;bottom:58px;right:0}
 .nav.menu-open .nav-logo{z-index:9999}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Oderen-inspired navigation: quiet links, an outlined editorial entry,
   separated utility controls and no permanent filled contact button. */
.nav{background:var(--surface)}
.nav .nav-links a,.atelier-home .nav-links a[href="#contact"]{border-radius:0}
.nav .nav-links a:hover,.nav .nav-links a.active,
.nav .nav-links a.nav-contact:hover,.nav .nav-links a.nav-contact.active,
.atelier-home .nav-links a.nav-contact[href="#contact"]:hover,
.atelier-home .nav-links a.nav-contact[href="#contact"].active{background:transparent;color:var(--accent)}
.nav .nav-links a.active{box-shadow:inset 0 -2px var(--accent)}
.nav .nav-links a.nav-articles{border:1px solid var(--card-border);border-radius:999px;padding:10px 20px;color:var(--text);margin-inline:16px 0;order:2;gap:9px}
.nav .nav-links a.nav-articles:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}
.nav .nav-links a.nav-contact{order:1}
.nav .nav-controls{border-left:1px solid var(--card-border);padding-left:18px;gap:4px}
.nav .theme-toggle,.nav .color-toggle{background:transparent;border:0;border-radius:8px}
.nav .lang-switcher{border:1px solid var(--card-border);border-radius:999px;padding:3px;gap:1px;background:var(--bg)}
.nav .lang-current{border-radius:999px;background:var(--accent);color:white}
.nav .lang-link{border-radius:999px}
@media(min-width:1151px){
 .nav{height:86px;gap:24px}
 .nav .nav-links{margin-left:auto;gap:8px}
 .nav .nav-links a{font-size:15px;padding-inline:12px}
 .nav .nav-right{gap:18px}
 html{scroll-padding-top:102px}
 .nav-logo-img{height:34px}
}
@media(max-width:1150px){
 .nav .nav-links a.nav-contact,.atelier-home .nav-links a.nav-contact[href="#contact"]{margin:0;padding:13px 14px;background:transparent;color:var(--text-2);border-radius:9px}
 .nav .nav-links a.nav-articles{margin:12px 0 0;justify-content:flex-start;border-radius:12px}
 .nav .nav-links a.nav-articles:after{margin-left:auto}
 .nav .nav-links a.active{box-shadow:none;background:var(--accent-soft)}
 .nav .nav-controls{padding-left:12px}
 .nav.menu-open .nav-right .lang-switcher{border:1px solid var(--card-border);padding:3px}
}