/* Canonical website header: identical on home, join and live viewer. */
.site-header{display:block;box-sizing:border-box;position:sticky;top:0;z-index:50;width:100%;height:80px;padding:0;background:#080d10f2;border-bottom:1px solid #dfc6814d;backdrop-filter:blur(4px)}
.site-header-inner{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;height:80px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-header .site-logo{display:block;width:auto;height:40px;max-width:none}
.site-header nav{display:flex;align-items:center;gap:32px;font:400 18px Impact,Bahnschrift,'Arial Narrow',sans-serif;letter-spacing:.05em;text-transform:uppercase}
.site-header nav a{color:#f5f7f8;text-decoration:none;white-space:nowrap}
.site-header nav a:hover{color:#00c878}
.site-header a:focus-visible{outline:2px solid #fff;outline-offset:4px}
body:has(#viewer:not([hidden])) .site-header{height:80px}
@media(max-width:767px){.site-header-inner{padding:0 16px;gap:8px;flex-wrap:wrap;align-content:center}.site-header .site-logo{height:32px}.site-header nav{gap:18px;font-size:12px;width:100%;justify-content:flex-start}}