/* One navigation contract for homepage, journeys, ordinary pages and decks.
   The ID scopes ownership above legacy page-specific header selectors. */
@font-face { font-family:SiteNavSora; src:url("/cinematic/assets/fonts/sora.ttf") format("truetype"); font-weight:100 900; font-display:swap; }
body { --site-nav-height:72px; }
#site-navigation { position:fixed; inset:0 0 auto; z-index:1100; width:100%; max-width:none; height:72px; min-height:72px; margin:0; padding:0; display:block; background:#070e19; border:0; border-bottom:1px solid #ffffff14; box-shadow:none; backdrop-filter:none; opacity:1; transform:none; transition:none; overflow:visible; font-family:SiteNavSora,system-ui,sans-serif; color:#f3f2ea; box-sizing:border-box; }
#site-navigation * { box-sizing:border-box; }
#site-navigation [hidden] { display:none !important; }
#site-navigation > .methodworks-nav { position:relative; width:min(94%,2200px); max-width:none; height:100%; margin:auto; padding:0; display:block; }
#site-navigation .nav-top-row { display:flex; align-items:center; justify-content:space-between; height:72px; gap:28px; }
#site-navigation .nav-brand-row { display:flex; align-items:center; flex:0 0 auto; }
#site-navigation .mw-brand { display:flex; align-items:center; gap:11px; margin:0; padding:0; height:auto; max-width:none; text-decoration:none; color:#fff; }
#site-navigation .mw-brand img { width:48px; height:48px; flex:0 0 48px; object-fit:contain; }
#site-navigation .mw-brand__lockup { display:grid; gap:3px; }
#site-navigation .mw-brand__name { font:700 16px/1 SiteNavSora,system-ui,sans-serif; letter-spacing:.055em; text-transform:uppercase; white-space:nowrap; }
#site-navigation .mw-brand__name > span { color:#ff7c3b; }
#site-navigation .mw-brand__company { font:600 7px/1 SiteNavSora,system-ui,sans-serif; letter-spacing:.41em; text-transform:uppercase; color:#fff; }
#site-navigation .mw-brand__roles { font:700 5.6px/1.3 SiteNavSora,system-ui,sans-serif; letter-spacing:.18em; text-transform:uppercase; color:#fff; }
#site-navigation .desktop-nav { display:flex; align-items:center; gap:clamp(14px,1.6vw,28px); margin:0; padding:0; }
#site-navigation .desktop-nav > * { margin:0; }
#site-navigation .nav-link { position:relative; display:inline-flex; align-items:center; min-height:44px; padding:10px 0; font:600 12px/1.3 SiteNavSora,system-ui,sans-serif; color:#f3f2ea; text-decoration:none; white-space:nowrap; background:none; border:0; box-shadow:none; }
#site-navigation .nav-link::after { content:""; position:absolute; bottom:3px; left:0; width:0; height:2px; background:#ff7c3b; }
#site-navigation .nav-link:hover::after,#site-navigation .nav-link-active::after { width:100%; }
#site-navigation .nav-cta { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border:0; border-radius:999px; padding:12px 22px; font:700 12px/1.3 SiteNavSora,system-ui,sans-serif; color:#070e19; background:#ff7c3b; box-shadow:none; text-decoration:none; }
#site-navigation .nav-menu-toggle { display:none; flex:0 0 44px; width:44px; height:44px; align-items:center; justify-content:center; padding:10px; border:1px solid #304055; border-radius:12px; background:#101d2e; color:#f3f2ea; cursor:pointer; }
#site-navigation .nav-menu-toggle svg { width:20px; height:20px; }
#site-navigation .mobile-nav-panel { position:absolute; right:0; top:80px; width:min(300px,94vw); max-height:calc(100dvh - 96px); overflow-y:auto; padding:10px; margin:0; border:1px solid #304055; border-radius:14px; background:#101d2e; box-shadow:none; }
#site-navigation .mobile-nav-list { display:grid; gap:4px; }
#site-navigation .mobile-nav-list > a,#site-navigation .mobile-nav-list .nav-link { display:flex; align-items:center; min-height:44px; padding:10px 12px; font:600 14px/1.4 SiteNavSora,system-ui,sans-serif; color:#f3f2ea; text-decoration:none; border-radius:8px; }
#site-navigation .mobile-nav-list a:hover { background:#15243a; }
#site-navigation .cinematic-account { position:relative; }
#site-navigation .cinematic-account-toggle { display:flex; gap:6px; cursor:pointer; font-family:inherit; }
#site-navigation .cinematic-account-toggle > span:first-child { max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#site-navigation .cinematic-account-menu { position:absolute; top:calc(100% + 8px); right:0; min-width:160px; padding:8px; background:#101d2e; border:1px solid #304055; border-radius:12px; }
#site-navigation .cinematic-account-menu a { display:block; min-height:44px; padding:12px; font-size:13px; color:#f3f2ea; text-decoration:none; }
#site-navigation .cinematic-account--mobile .cinematic-account-menu { position:static; }
#site-navigation :is(a,button):focus-visible { outline:2px solid #ffad7b; outline-offset:4px; }
.mw-static-nav { margin-top:72px; display:flex; flex-wrap:wrap; gap:8px 20px; padding:16px 24px; background:#101d2e; color:#f3f2ea; }
.mw-static-nav a { padding:12px 0; }
#site-navigation[data-mw-nav-ready] + .mw-static-nav { display:none; }
body .site-main,body .deck-main { padding-top:72px; }
@media(min-width:1024px) { .mw-static-nav { display:none; } }
@media(max-width:1023px) {
  #site-navigation .desktop-nav { display:none; }
  #site-navigation .nav-menu-toggle { display:flex; }
}
@media(max-width:599px) {
  #site-navigation .mw-brand img { width:40px; height:40px; flex-basis:40px; }
  #site-navigation .mw-brand__name { font-size:14px; }
  #site-navigation .mw-brand__company { font-size:6.5px; letter-spacing:.3em; }
  #site-navigation .mw-brand__roles { font-size:5.5px; letter-spacing:.1em; }
}
@media(print) { #site-navigation,.mw-static-nav { display:none; } }