/* Released destinations stay active; upcoming sections are readable but inert. */
html{scroll-padding-top:106px}
body:not(.home-page){padding-top:100px}
.header,.lab-page .header,.experience-page .header{position:fixed;inset:0 0 auto;z-index:80;width:100%;height:90px;display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(40px,1fr);grid-template-rows:auto;align-items:center;gap:20px;padding:0 max(32px,calc((100% - 1180px)/2));background:#0c1016e8;backdrop-filter:blur(18px);transform:translateY(0);transition:transform .24s ease;}
.header.is-hidden{transform:translateY(-100%)}
.header .site-brand{grid-column:1;grid-row:1;justify-self:start;font-size:16px;letter-spacing:-.04em;color:#e3eaf5;white-space:nowrap}
.site-brand>span{color:var(--blue)}
.header nav{grid-column:2;grid-row:1;margin:0;display:flex;justify-content:center;align-items:center;gap:27px}
.header nav a,.header nav .nav-disabled{font-size:11px;white-space:nowrap}
.header nav a{color:#aeb8c9}.header nav a:hover{color:#f2f6ff}
.header nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:8px}
.header nav .nav-disabled{position:relative;color:#586170;cursor:not-allowed;user-select:none}
.header nav .nav-disabled:after{content:"Coming soon";position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);z-index:1;padding:6px 9px;border:1px solid #34445c;border-radius:3px;background:#141d2b;color:#d6e3f5;font-size:10px;line-height:1.5;letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s}
.header nav .nav-disabled:hover:after{opacity:1;visibility:visible}
.header #language{grid-column:3;grid-row:1;justify-self:end;min-width:38px;font-size:10px;color:#aeb8c9}
.nav-reveal-zone{position:fixed;inset:0 0 auto;height:12px;z-index:81}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:701px) and (max-width:1000px){.header nav{gap:20px}.header,.lab-page .header,.experience-page .header{gap:15px;padding-inline:30px}.header .site-brand{font-size:14px}}
@media(max-width:700px){
 html{scroll-padding-top:120px}body:not(.home-page){padding-top:112px}
 .header,.lab-page .header,.experience-page .header{height:112px;min-height:112px;grid-template-columns:1fr auto;grid-template-rows:24px auto;align-content:center;gap:12px;padding:14px 26px}
 .header .site-brand{font-size:15px;grid-column:1;grid-row:1}
 .header #language{grid-column:2;grid-row:1}
 .header nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:7px 18px;justify-content:center;width:100%}
 .header nav a,.header nav .nav-disabled{font-size:10px}
}
@media(max-width:420px){.header nav{display:grid;grid-template-columns:repeat(3,max-content);gap:7px 20px}.header,.lab-page .header,.experience-page .header{height:144px;min-height:144px}body:not(.home-page){padding-top:144px}html{scroll-padding-top:160px}}
@media(prefers-reduced-motion:reduce){.header,.header nav .nav-disabled:after{transition:none}}