html{scroll-padding-top:calc(var(--studio-header-height,130px) + 20px)}
.site-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;box-sizing:border-box;padding:17px clamp(18px,4vw,64px);background:rgba(7,17,31,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #40516a;box-shadow:0 8px 28px #0002;color:#fff;font-family:Inter,Arial,sans-serif}
.site-header .brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;color:#fff;text-decoration:none;font-size:23px;font-weight:850;letter-spacing:-.055em;line-height:1}.site-header .brand small{display:block;color:#b4c3d7;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-top:5px;line-height:1.2}.site-header .mini-j{width:27px;height:33px;display:grid;grid-template-columns:repeat(4,6px);grid-template-rows:repeat(5,6px);gap:1px}.site-header .mini-j i{width:6px;height:6px;background:#387ef5;animation:header-pixel 3.8s ease-in-out infinite}.site-header .mini-j i:nth-child(2n){animation-delay:.65s}.site-header .mini-j i:nth-child(3n){animation-delay:1.25s}.site-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,28px);margin-left:auto;font-size:13px;font-weight:600}.site-header nav a,.site-header nav a:first-child{display:inline-flex!important;color:#d0dbeb;text-decoration:none;white-space:nowrap;padding:9px 0}.site-header nav a:hover,.site-header nav a[aria-current]{color:#fff;text-decoration:underline;text-underline-offset:6px}.site-header .language-switch{margin:0;flex-shrink:0}.site-header .language-switch button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.site-header .language-switch span{font-size:17px}.site-header a:focus-visible{outline:2px solid #8fbbff;outline-offset:5px}.site-header .brand:hover{color:#fff}
@keyframes header-pixel{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-2px)}}
@media(max-width:1050px){.site-header{flex-wrap:wrap;gap:12px 20px;padding-top:12px;padding-bottom:10px}.site-header nav{order:3;flex:1 0 100%;margin:0;justify-content:center;gap:clamp(16px,5vw,45px)}.site-header .language-switch{margin-left:auto}}
@media(max-width:480px){.site-header{padding-left:14px;padding-right:14px;gap:10px}.site-header .brand{font-size:19px;gap:8px}.site-header .brand small{font-size:8px}.site-header .language-switch{padding:3px}.site-header .language-switch button{font-size:10px;padding:7px 6px;gap:4px}.site-header .language-switch span{font-size:15px}.site-header nav{justify-content:space-between;gap:8px;font-size:11px}.site-header nav a{white-space:normal;text-align:center}.site-header .mini-j{transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){.site-header .mini-j i{animation:none}}
