/* One header component is assembled into the home, profile and every case. */
:root{--site-header-height:80px}
.site-header{height:80px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5.2%;border-bottom:1px solid #c0e4de26;background:#07141af5;backdrop-filter:blur(18px);font-family:Inter,Arial,Helvetica,sans-serif;color:#edf4f1}
.site-brand,.site-header .site-brand{font-family:Inter,Arial,Helvetica,sans-serif;display:inline-flex;align-items:baseline;min-height:44px;justify-content:center;flex-direction:row;line-height:44px;font-size:19px;font-weight:600;letter-spacing:-.04em;white-space:nowrap;text-decoration:none;color:#edf4f1;gap:0}
.site-brand span,.site-header .site-brand span{color:#75dccd;margin:0;padding:0;letter-spacing:inherit}
.site-nav{display:flex;align-items:center;gap:30px}
.site-header nav a{min-height:44px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:1.5;color:#c8d9d9;text-decoration:none;white-space:nowrap}
.site-header nav a span{color:#75dccd}
.site-header a:hover,.site-header summary:hover{color:#75dccd}
.site-header a:focus-visible,.site-header summary:focus-visible{outline:2px solid #b5f5e8;outline-offset:4px;border-radius:1px}
.site-menu{display:none}
@media(min-width:1700px){.site-header{padding-left:max(5.2%,calc((100vw - 1480px)/2));padding-right:max(5.2%,calc((100vw - 1480px)/2))}}
@media(max-width:800px){
 :root{--site-header-height:68px}
 .site-header{height:68px;padding:0 6%;gap:20px}
 .site-nav{display:none}
 .site-menu{display:block}
 .site-menu>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:72px;min-height:44px;font-size:13px;line-height:1.5;cursor:pointer;color:#c8d9d9}
 .site-menu>summary::-webkit-details-marker{display:none}
 .site-menu>summary>span{color:#75dccd;font-size:22px;line-height:1}
 .site-menu[open]>summary>span{transform:rotate(45deg)}
 .site-menu nav{position:absolute;top:67px;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;background:#0a1b23;padding:12px 6% 22px;border-bottom:1px solid #c0e4de26;box-shadow:0 18px 35px #0003}
 .site-menu nav a{min-height:52px;font-size:15px;border-bottom:1px solid #c0e4de26}
 .site-menu nav a:nth-child(3){grid-column:1/-1}
 html{scroll-padding-top:78px}
}