/* N EUROPA v2 — shared tokens + fixed chrome (Works / About / Legal). Hero keeps its own grid chrome. */
:root{--paper:#0a0a0a;--ink:#f5f3ee;--ink-dim:rgba(245,243,238,0.55);--ink-faint:rgba(245,243,238,0.25);--hairline:rgba(245,243,238,0.12);--margin:96px;--tracked:0.18em}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--paper);color:var(--ink);font-family:'Public Sans',-apple-system,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
::selection{background:var(--ink);color:var(--paper)}
ul{list-style:none}
a{color:inherit;text-decoration:none}
a:hover{color:var(--ink-dim)}
button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer}
.chrome{position:fixed;top:0;left:0;right:0;padding:40px var(--margin);display:flex;justify-content:space-between;align-items:flex-start;z-index:50;background:rgba(10,10,10,0);transition:transform .4s ease,opacity .3s ease,background-color .3s ease,padding .3s ease}
body.is-scrolled .chrome{background:rgba(10,10,10,0.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:20px;padding-bottom:20px}
body.chrome-hidden .chrome{transform:translateY(-100%);opacity:0}
.wordmark{display:flex;flex-direction:column;align-items:center;gap:14px;font-weight:600;letter-spacing:0.04em;font-size:14px;line-height:1;color:var(--ink)}
.wordmark:hover{color:var(--ink)}
.wordmark .glyph{width:32px;display:block}
.wordmark .glyph svg{width:100%;height:auto;fill:currentColor;display:block}
nav.top{display:flex;gap:44px;align-items:center;padding-top:8px}
nav.top a{font-size:13px;text-transform:uppercase;letter-spacing:var(--tracked);font-weight:500;transition:color .35s ease}
nav.top a:hover{color:var(--ink-dim)}
nav.top a.is-active{color:var(--ink)}
nav.top a.is-active::after{content:"";display:block;width:100%;height:1px;background:var(--ink);margin-top:6px}
nav.top .lang{display:flex;gap:8px;align-items:center}
nav.top .lang a{color:var(--ink-dim)}
nav.top .lang a.is-current{color:var(--ink)}
nav.top .lang a:hover{color:var(--ink)}
nav.top .lang .sl{font-size:13px;color:var(--ink-faint)}
.site-footer{border-top:1px solid var(--hairline);padding:28px var(--margin);display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:10px;line-height:1.6;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-dim);text-align:center}
.site-footer>*{white-space:nowrap}
.site-footer a{color:var(--ink-dim);transition:color .3s ease}
.site-footer a:hover{color:var(--ink)}
.site-footer .mail{text-transform:none;letter-spacing:0.06em}
.site-footer .sep{opacity:0.5}
@media (max-width:1280px){:root{--margin:64px}}
@media (max-width:900px){:root{--margin:32px}.chrome{padding:24px var(--margin)}body.is-scrolled .chrome{padding-top:16px;padding-bottom:16px}}
@media (max-width:600px){:root{--margin:20px}.chrome{padding:20px var(--margin)}body.is-scrolled .chrome{padding-top:14px;padding-bottom:14px}nav.top{gap:14px;padding-top:6px}nav.top a,nav.top .lang .sl{font-size:11px;letter-spacing:0.12em}nav.top .lang{gap:5px}.wordmark{font-size:12px;gap:10px}.wordmark .glyph{width:24px}.site-footer{padding:24px var(--margin);letter-spacing:0.1em}}