/* Shared navigation geometry, independent of page typography. */
@font-face { font-family:MigiUI; src:url('/assets/86e6e479824d9ffba7c5.woff') format('woff'); font-style:normal; font-weight:400; font-display:swap; }
html { scrollbar-gutter:stable; background:var(--bg,var(--mainbg,#020108)); }
html:has(body.body.dark) { background:#fff; }
:root { --site-header-height:96px; }
:is(.header, .people-header) { box-sizing:border-box; position:fixed; inset:0 0 auto; z-index:999; height:var(--site-header-height); padding:24px 32px; display:flex; justify-content:space-between; align-items:center; gap:16px; transition:none; will-change:auto; }
.people-header { background:var(--bg); }
.header .header__left, .header .header_right { display:flex; align-items:center; flex:none; }
.header .header__logo { width:48px; height:48px; }
:is(.header, .people-header) [data-join-network] { box-sizing:border-box; display:flex; justify-content:center; align-items:center; flex:none; margin:0; width:150px; height:48px; min-height:48px; padding:0 20px; border:0; border-radius:99px; font:400 16px/1.2 MigiUI,Arial,sans-serif; letter-spacing:-.2px; transition:background-color 180ms ease,color 180ms ease; }
.header .mn-people-link { width:48px; height:48px; }
.people-header .back-home { height:48px; font:400 16px/1.2 MigiUI,Arial,sans-serif; }
.people-header + main { padding-top:calc(var(--site-header-height) + 24px); }
@media(max-width:600px) {
 :root { --site-header-height:76px; }
 :is(.header, .people-header) { padding:16px; gap:12px; }
 :is(.header, .people-header) [data-join-network] { width:138px; height:44px; min-height:44px; padding:0 16px; font-size:15px; }
 .header .header__logo { width:44px; height:44px; }
 .people-header .back-home { height:44px; font-size:15px; }
}
/* Keep the entire canvas, including navigation, in one coordinated dissolve.
   The old page stays opaque beneath the new page so no white canvas flashes. */
@view-transition { navigation:auto; }
::view-transition-group(root) { animation-duration:260ms; animation-timing-function:ease-in-out; }
::view-transition-old(root) { animation:none; opacity:1; mix-blend-mode:normal; }
::view-transition-new(root) { animation:migi-page-enter 260ms ease-in-out both; mix-blend-mode:normal; }
@keyframes migi-page-enter { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) {
 @view-transition { navigation:none; }
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none!important; }
}

:is(.header,.people-header) [data-join-network]{white-space:nowrap}