/* Shared studio header. Loaded last to override page-local navigation styles. */
.site-header { position:fixed; inset:0 0 auto; z-index:100; height:76px; padding:0 40px; display:flex; align-items:center; justify-content:space-between; gap:24px; background:rgba(5,7,13,.96); border-bottom:1px solid #24373c; backdrop-filter:blur(20px); box-sizing:border-box; font-family:'Segoe UI',Arial,sans-serif; }
.site-header .site-brand { display:flex; align-items:center; flex-shrink:0; text-decoration:none; color:#00f5c8; font:900 26px/1 'Segoe UI',Arial,sans-serif; letter-spacing:.08em; }
.site-header .site-brand img { display:block; width:64px; height:63px; max-width:none; margin:0; object-fit:contain; border:0; border-radius:0; }
.site-header nav { position:static; inset:auto; height:auto; width:auto; display:flex; align-items:center; justify-content:flex-end; gap:28px; padding:0; margin:0; background:transparent; border:0; box-shadow:none; backdrop-filter:none; }
.site-header nav a { color:#c5d1df; font:400 15px/1.5 'Segoe UI',Arial,sans-serif; letter-spacing:0; text-transform:none; text-decoration:none; padding:10px 0; }
.site-header nav a:hover { color:#00f5c8; }
.site-header nav .ncta, .mobile-nav .ncta { color:#05070d !important; background:#00f5c8; font:700 15px/1.5 'Segoe UI',Arial,sans-serif !important; padding:11px 18px; letter-spacing:0; border-radius:2px; text-decoration:none; }
.site-header .menu-toggle { display:none; width:44px; height:44px; padding:0; border:0; background:transparent; position:relative; z-index:200; cursor:pointer; flex-shrink:0; }
.site-header .menu-toggle span { position:absolute; left:8px; width:28px; height:2px; background:#00f5c8; transition:transform .2s; }
.site-header .menu-toggle span:nth-child(1) { top:12px; }
.site-header .menu-toggle span:nth-child(2) { top:21px; }
.site-header .menu-toggle span:nth-child(3) { top:30px; }
.menu-open .site-header .menu-toggle span:nth-child(1) { top:21px; transform:rotate(45deg); }
.menu-open .site-header .menu-toggle span:nth-child(2) { opacity:0; }
.menu-open .site-header .menu-toggle span:nth-child(3) { top:21px; transform:rotate(-45deg); }
body > .mobile-nav { display:none; position:fixed; inset:76px 0 0; z-index:99; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:24px; background:#05070d; overflow-y:auto; }
body > .mobile-nav a { color:#c5d1df; font:600 20px/1.5 'Segoe UI',Arial,sans-serif; letter-spacing:0; text-transform:none; text-decoration:none; padding:8px 16px; }
.menu-open > .mobile-nav { display:flex; }
.site-header a:focus-visible,.site-header button:focus-visible,.mobile-nav a:focus-visible { outline:2px solid #00f5c8; outline-offset:4px; }
html { scroll-padding-top:92px; }
body:has(.site-header) { padding-top:12px; }
@media(max-width:760px) { .site-header { padding:0 20px; } .site-header nav { display:none; } .site-header .menu-toggle { display:block; } }
@media(prefers-reduced-motion:reduce) { .site-header .menu-toggle span { transition:none; } }
body.photomosaica-page { padding-top:76px; }