/* Native site.css / phase2.css header foundations, scoped to this shared header.
   Keep the Two Worlds body, hero, catalogue and spatial shelf untouched. */
.site-header{color:#000b5f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;backdrop-filter:blur(16px)}
.site-header .nav{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.3rem;padding:.8rem 1.25rem}
.site-header .nav-links{display:flex;gap:.15rem;flex-wrap:nowrap;align-items:center}
.site-header .nav-links a{text-decoration:none;padding:.6rem .6rem;border-radius:999px;color:#000b5f;font-size:.86rem;font-weight:750;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}
.site-header .nav-links a:hover,.site-header .nav-links a:focus-visible{background:#f2f0fe;color:#5511f8;transform:translateY(-1px)}
.site-header .nav-group{display:flex;align-items:center;position:relative}
.site-header .menu-toggle{display:block;border:1px solid #c4cbe0;border-radius:10px;min-height:44px;padding:.55rem .8rem;font-weight:750}
.motion-utility{position:absolute;right:var(--gutter);top:48px;z-index:5}
/* Match the previous overlay header's scene position while the actual shared
   header remains sticky in normal document flow. The stage itself is unchanged. */
@media(min-width:821px){.site-header{margin-bottom:-75px}.motion-utility{top:126px}}
@media(max-width:1180px){.site-header .nav{gap:.7rem}.site-header .nav-links a{padding:.55rem .4rem}}
@media(max-width:820px){
 .site-header{margin-bottom:-75px}
 .site-header .phase2-nav{flex-wrap:wrap;justify-content:space-between}
 .site-header .nav-links{width:100%;flex-basis:100%;flex-wrap:wrap;justify-content:flex-start;margin-top:.3rem;gap:.3rem}
 .site-header .nav-links a{font-size:.9rem;padding:.6rem .8rem}
 .motion-utility{top:93px}
 .stage .stage-ruler{top:143px}
}
@media(prefers-reduced-motion:reduce){.site-header *{transition:none!important}}