/* The shared logo keeps its alpha: the header background is visible through it. */
.site-header,body[data-view] .site-header{
 display:grid;grid-template-columns:minmax(0,1fr) 152px minmax(0,1fr);
 align-items:center;column-gap:24px;min-height:176px;height:auto;
 padding-top:8px;padding-bottom:8px;box-sizing:border-box;
}
.site-header .header-lab-logo{grid-column:2;grid-row:1;justify-self:center;width:152px;line-height:0}
.site-header .header-lab-logo img{display:block;width:100%;height:auto;object-fit:contain;background:transparent}
.site-header .brand,body[data-view] .site-header .brand{grid-column:1;grid-row:1;min-width:0;flex-shrink:1;gap:16px}
.site-header .brand>span,body[data-view] .site-header .brand>span{font-size:28px;letter-spacing:2.6px;min-width:0;line-height:1.25}
.site-header .brand svg{flex:0 0 32px;width:32px;height:32px}
.site-header .brand-credit,body[data-view] .site-header .brand-credit{font-size:12px;line-height:1.5;letter-spacing:.3px;margin-top:7px}
.site-header nav,body[data-view] .site-header nav{
 grid-column:3;grid-row:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;
 gap:10px 18px;margin-left:0;flex-basis:auto;min-width:0;width:100%;border-top:0;
}
.site-header nav a,body[data-view] .site-header nav a,
.site-header nav a:not(:last-child),body[data-view] .site-header nav a:not(:last-child){
 display:block;min-height:0;padding:7px 0;font-size:14px;line-height:1.5;
 white-space:nowrap;border-right:0;
}
@media(max-width:1100px){
 .site-header,body[data-view] .site-header{grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);column-gap:18px;min-height:160px}
 .site-header .header-lab-logo{width:128px}
 .site-header .brand>span,body[data-view] .site-header .brand>span{font-size:24px;letter-spacing:1.8px}
 .site-header nav,body[data-view] .site-header nav{gap:5px 13px}
 .site-header nav a,body[data-view] .site-header nav a,.site-header nav a:not(:last-child),body[data-view] .site-header nav a:not(:last-child){font-size:13px}
}
@media(max-width:700px){
 .site-header,body[data-view] .site-header{grid-template-columns:minmax(0,1fr);row-gap:12px;min-height:0;height:auto;padding-top:14px;padding-bottom:0}
 .site-header .header-lab-logo{grid-column:1;grid-row:1;width:108px}
 .site-header .brand,body[data-view] .site-header .brand{grid-column:1;grid-row:2;justify-self:center;gap:10px}
 .site-header .brand>span,body[data-view] .site-header .brand>span{font-size:23px;letter-spacing:1.3px;text-align:center}
 .site-header .brand-credit,body[data-view] .site-header .brand-credit{font-size:11px;margin-top:4px}
 .site-header .brand svg{width:27px;height:27px;flex-basis:27px}
 .site-header nav,body[data-view] .site-header nav{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
 .site-header nav a,body[data-view] .site-header nav a,.site-header nav a:not(:last-child),body[data-view] .site-header nav a:not(:last-child){display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;font-size:11px;line-height:1.5;min-height:59px;padding:9px 5px;box-sizing:border-box}
 .site-header nav a:not(:last-child),body[data-view] .site-header nav a:not(:last-child){border-right:1px solid var(--line)}
}