/* Shared navigation portal for the Universe design branch. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: universe-out 180ms ease-in both; }
::view-transition-new(root) { animation: universe-in 320ms cubic-bezier(.2,.7,.2,1) both; }
@keyframes universe-out { to { opacity:0; transform:scale(.985); filter:blur(4px); } }
@keyframes universe-in { from { opacity:0; transform:scale(1.02); filter:blur(7px); } }

/* The zoom scene and every destination share one top navigation language. */
.universe-topbar { position:sticky;top:12px;z-index:850;display:flex;align-items:center;justify-content:space-between;gap:24px;width:var(--site-shell-width);min-height:68px;margin:12px auto 0;padding:5px clamp(30px,4vw,68px);font-family:"IBM Plex Sans","Segoe UI Variable Text",Segoe UI,sans-serif; }
.universe-page .universe-topbar { display:none; }
.universe-topbar-brand { display:inline-flex;align-items:center;gap:16px;color:#f3f8ff;text-decoration:none;font-size:26px;font-weight:750;white-space:nowrap; }
.universe-topbar-brand img { display:block;width:55px;height:55px;border:0;border-radius:0;object-fit:contain; }
.universe-topbar-links { display:flex;align-items:center;gap:clamp(12px,1.45vw,28px); }
.universe-topbar-links a { color:#bdd0e3;text-decoration:none;font-size:15px;font-weight:650;white-space:nowrap; }
.universe-topbar-links a:hover,.universe-topbar-links a[aria-current="page"] { color:#fff; }
.universe-topbar-links a[aria-current="page"] { color:#a9edff; }
.universe-topbar-links .universe-topbar-cta { padding:9px 14px;border:1px solid rgba(140,236,255,.3);border-radius:99px;color:#8cecff;background:rgba(9,31,48,.44); }
.universe-topbar-links .universe-topbar-cta:hover { border-color:#8cecff;background:rgba(23,57,78,.75);color:#fff; }
.universe-topbar :is(a,button):focus-visible { outline:2px solid #8cecff;outline-offset:4px; }
.universe-nav-dropdown { position:relative; }
.universe-nav-trigger { display:inline-flex;align-items:center;gap:8px;padding:7px 3px;border:0;background:none;color:#bdd0e3;font:650 15px "IBM Plex Sans","Segoe UI Variable Text",Segoe UI,sans-serif;cursor:pointer;white-space:nowrap; }
.universe-nav-trigger::after { content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s; }
.universe-nav-trigger:hover,.universe-nav-trigger[aria-expanded="true"],.universe-nav-trigger[data-active="true"] { color:#a9edff; }
.universe-nav-trigger[aria-expanded="true"]::after { transform:rotate(225deg) translateY(-2px); }
.universe-nav-menu { display:none;position:absolute;top:calc(100% + 15px);left:-15px;z-index:2;min-width:175px;padding:8px;border:1px solid rgba(140,236,255,.34);border-radius:12px;background:rgba(5,21,37,.97);box-shadow:0 18px 48px rgba(0,0,0,.48),inset 0 1px rgba(211,244,255,.07);backdrop-filter:blur(16px); }
.universe-nav-menu::before { content:"";position:absolute;left:0;right:0;top:-16px;height:16px; }
.universe-nav-dropdown[data-open="true"] .universe-nav-menu { display:grid;gap:2px; }
.universe-topbar-links .universe-nav-menu a { display:block;padding:10px 12px;border-radius:7px;color:#c5d8e8; }
.universe-topbar-links .universe-nav-menu a:hover,.universe-topbar-links .universe-nav-menu a[aria-current="page"] { background:rgba(140,236,255,.12);color:#f2fbff; }
.universe-topbar-toggle { display:none;flex-direction:column;justify-content:center;gap:5px;width:39px;height:39px;padding:8px;border:1px solid rgba(140,236,255,.34);border-radius:9px;background:rgba(9,31,48,.5);cursor:pointer; }
.universe-topbar-toggle span { display:block;height:1.5px;width:100%;background:#c3e9f3; }
.about-universe .au-nav,.explore-universe .eu-nav,.research-mcp .rm-nav,.x-nav-wrap,.r-nav-wrap,.o-nav-wrap { display:none!important; }
@media(min-width:901px) { body.universe-page[data-scene]:not([data-scene="home"]) .universe-topbar { display:flex;position:fixed;left:50%;right:auto;margin-top:0;transform:translateX(-50%); } }
@media(max-width:1050px) {
  .universe-topbar-toggle { display:flex; }
  .universe-topbar-links { display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 68px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:2px;padding:10px 18px 18px;border-bottom:1px solid rgba(140,236,255,.28);background:#04111f;box-shadow:0 22px 40px rgba(0,0,0,.35); }
  .universe-topbar[data-nav-open="true"] .universe-topbar-links { display:flex; }
  .universe-topbar-links > a,.universe-nav-trigger { width:100%;padding:11px 9px;text-align:left; }
  .universe-nav-trigger { justify-content:space-between; }
  .universe-nav-menu { position:static;min-width:0;margin:0 0 5px 9px;padding:2px 0 2px 10px;border:0;border-left:1px solid rgba(140,236,255,.3);border-radius:0;background:none;box-shadow:none;backdrop-filter:none; }
  .universe-nav-menu::before { display:none; }
  .universe-topbar-links .universe-topbar-cta { align-self:flex-start;width:auto;margin-top:7px; }
}
@media(max-width:650px) { .universe-topbar { min-height:60px;padding:5px 24px; }.universe-topbar-brand { gap:10px;font-size:22px; }.universe-topbar-brand img { width:46px;height:46px; }.universe-topbar-links .universe-topbar-cta { padding:8px 11px;font-size:13px; } }

@media(prefers-reduced-motion:reduce) { @view-transition { navigation:none; } ::view-transition-old(root),::view-transition-new(root) { animation:none!important; } }