/* A floating glass lens, shared by every page. */
/* Cross-document transitions are disabled in some embedded browsers. Keep the
   same short arrival fade without depending on their navigation opt-in. */
@view-transition{navigation:none}
main{animation:sentry-page-arrival .22s ease-out both}
@keyframes sentry-page-arrival{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){main{animation:none}}
.site-header,.home .site-header{position:fixed;inset:16px 0 auto;z-index:50;width:100%;padding:0;pointer-events:none}
.site-header .header-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;max-width:1440px}
.site-header a,.site-header nav{pointer-events:auto}
.site-header .brand{justify-self:start;white-space:nowrap;font-size:14px;gap:9px}
.site-header .brand-symbol{width:32px;height:32px}
.site-header .header-link{display:inline-flex;justify-self:end;align-items:center;gap:14px;color:#c2bfca;font-size:12px;white-space:nowrap}
.site-header .navlinks{position:relative;inset:auto;display:flex;flex-direction:row;align-items:center;width:auto;padding:5px;gap:2px;border:0;border-radius:100px;background:rgba(24,22,30,.58);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);box-shadow:inset 0 1px 1px #ffffff15,0 5px 24px #00000024;isolation:isolate}
.site-header .navlinks::before{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(170deg,#ffffff66 0%,#ffffff22 21%,#ffffff08 46%,#ffffff13 72%,#ffffff42 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.site-header .navlinks a{flex:0 0 auto;padding:10px 17px;line-height:1.55;font-size:12px;font-weight:500;border-radius:100px;color:#aaa7b0;transition:color .3s,background .3s,box-shadow .3s}
.site-header .navlinks a:hover{color:var(--ink);background:#ffffff08}
.site-header .navlinks a[aria-current=page]{color:#f1eff5;background:linear-gradient(145deg,#ffffff13,#ffffff09);box-shadow:inset 0 1px 1px #ffffff32,inset 0 -1px 1px #ffffff12,0 2px 4px #00000020}
.site-header a:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.site-header .menu-toggle{display:none}
body:not(.home) #main{padding-top:90px}
@supports not (backdrop-filter:blur(1px)){.site-header .navlinks{background:#18171bf2;border:1px solid #ffffff24}}
@media(max-width:1000px){.site-header .header-inner{gap:15px}.site-header .navlinks a{padding:10px 12px}.site-header .header-link{font-size:11px}}
@media(max-width:1100px){
 .site-header,.home .site-header{top:14px}
 .site-header .header-inner{grid-template-columns:1fr auto;gap:13px;width:calc(100% - 36px)}
 .site-header .brand{font-size:13px}.site-header .brand-symbol{width:27px;height:27px}
 .site-header .header-link{display:flex;grid-column:2;grid-row:1}
 .site-header .navlinks{grid-column:1/-1;grid-row:2;justify-self:center;max-width:100%;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
 .site-header .navlinks::-webkit-scrollbar{display:none}
 .site-header .navlinks a{font-size:11px;padding:9px 12px}
 body:not(.home) #main{padding-top:119px}
}
@media(prefers-reduced-motion:reduce){.site-header .navlinks a{transition:none}}

.site-header::before{content:"";position:absolute;inset:-16px 0 -18px;background:linear-gradient(to bottom,#060607b8,transparent);pointer-events:none;z-index:-1}
@media(max-width:420px){.site-header .navlinks a{font-size:10.5px;padding:9px 9px}}

/* The same glass menu wraps into two compact rows on small screens. */
@media(max-width:560px){
 .site-header .navlinks{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;border-radius:23px;gap:1px 3px;padding:5px;overflow:visible}
 .site-header .navlinks a{padding:7px 12px;font-size:10px;text-align:center}
 body:not(.home) #main{padding-top:151px}
}
@media(max-width:360px){.site-header .navlinks a{padding:7px 8px;font-size:9px}}
