/* BIOGEEK formal-site navigation. Visual source of truth: root index.html. */
@font-face{font-family:Berline;src:url('fonts/berline-black.otf') format('opentype');font-weight:400;font-display:swap}
.site-nav{position:relative;top:auto;z-index:60;height:68px;background:#fff;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-nav>.nav-in,.site-nav>.navin{position:relative;width:100%;max-width:none;height:68px;margin:0;padding:0 max(63px,calc((100vw - 1440px)/2 + 63px));display:flex;align-items:center}
.site-nav .logo,.site-nav .brand{display:flex;align-items:center;gap:8px;width:max-content;color:#111;font:400 24px/1 Berline,sans-serif;letter-spacing:.045em}
.site-nav .logo img,.site-nav .logo svg,.site-nav .brand img,.site-nav .brand svg{width:25px;height:29px;flex:0 0 auto}.site-nav .logo span,.site-nav .brand-word,.site-nav .brandword{font:inherit;letter-spacing:inherit}
.site-nav .menu,.site-nav .nav-links,.site-nav .navlinks{position:absolute;left:50%;transform:translateX(-50%);display:flex;margin-left:0;gap:36px;color:#111;font-size:14px;font-weight:600;white-space:nowrap}
.site-nav .menu a,.site-nav .nav-links a,.site-nav .navlinks a{position:relative;padding:23px 0 22px;color:#111}
.site-nav .menu a::after,.site-nav .nav-links a::after,.site-nav .navlinks a::after{content:"";position:absolute;left:50%;bottom:15px;width:0;height:1px;background:#111;transform:translateX(-50%);transition:width .18s ease}
.site-nav .menu a:hover::after,.site-nav .nav-links a:hover::after,.site-nav .navlinks a:hover::after{width:100%}.site-nav .menu a.nav-active::after,.site-nav .nav-links a.nav-active::after,.site-nav .navlinks a.nav-active::after{width:0}
.site-nav .nav-r,.site-nav .nav-right,.site-nav .nav-actions,.site-nav .navright{margin-left:auto;display:flex;align-items:center;gap:24px;color:#111;font-size:14px;font-weight:600}
.site-nav .nav-r::after,.site-nav .nav-right::after,.site-nav .nav-actions::after,.site-nav .navright::after{content:"☰";display:none;margin-left:14px;color:#111;font-size:16px;font-weight:700;line-height:1}
.site-nav .nav-lang,.site-nav .nav-right .lang-sw,.site-nav .nav-actions .lang,.site-nav .navright .lang{position:relative;display:inline-flex;align-items:center;gap:12px;height:30px;margin:0;padding:0 10px;border:1px solid rgba(10,10,10,.12);border-radius:999px;background:rgba(255,255,255,.72)}
.site-nav .nav-lang::after,.site-nav .nav-right .lang-sw::after,.site-nav .nav-actions .lang::after,.site-nav .navright .lang::after{content:"/";position:absolute;left:50%;top:50%;transform:translate(-50%,-51%);color:#b8b8b8;font-size:10px;font-weight:400;pointer-events:none}
.site-nav .nav-lang button,.site-nav .nav-right .lang-sw button,.site-nav .nav-actions .lang button,.site-nav .navright .lang button{padding:0;border:0;background:transparent;color:#aaa;font:550 11.5px/1 system-ui,sans-serif;cursor:pointer}
.site-nav .nav-lang button:hover,.site-nav .nav-lang button.is-active,.site-nav .nav-lang button.active,.site-nav .nav-lang button[aria-pressed="true"],.site-nav .nav-right .lang-sw button:hover,.site-nav .nav-right .lang-sw button.active,.site-nav .nav-actions .lang button:hover,.site-nav .nav-actions .lang button.on,.site-nav .navright .lang button:hover,.site-nav .navright .lang button.on{color:#111}
@media(min-width:1181px){.site-nav .menu,.site-nav .nav-links,.site-nav .navlinks{gap:52px}}
@media(max-width:760px){.site-nav{height:58px}.site-nav>.nav-in,.site-nav>.navin{height:58px;padding:0 20px}.site-nav .logo,.site-nav .brand{font-size:21px}.site-nav .logo img,.site-nav .logo svg,.site-nav .brand img,.site-nav .brand svg{width:21px;height:25px}.site-nav .menu,.site-nav .nav-links,.site-nav .navlinks{display:none}.site-nav .nav-r,.site-nav .nav-right,.site-nav .nav-actions,.site-nav .navright{gap:0;font-size:13px}.site-nav .nav-r>a,.site-nav .nav-right>a,.site-nav .nav-actions>a,.site-nav .navright>a{display:none}.site-nav .nav-r::after,.site-nav .nav-right::after,.site-nav .nav-actions::after,.site-nav .navright::after{display:block}}
