/* Web interpretation of Liquid Glass: one navigation surface, clear foreground type. */
nav.glass-nav,nav.glass-nav.scrolled{position:sticky;top:12px;width:calc(100% - 2*var(--gutter));max-width:calc(var(--max) - 2*var(--gutter));height:76px;margin:12px auto 16px;padding:0 22px;gap:24px;border:1px solid #ffffffdb;border-radius:25px;background:rgba(245,246,241,.79);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b7c4b520,0 5px 22px #1c30220b;isolation:isolate;transition:box-shadow .3s,background .3s}
nav.glass-nav.scrolled{background:rgba(245,246,241,.86);box-shadow:inset 0 1px 0 #fff,0 10px 30px #1c302212}
.glass-nav::after,.glass-action::before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(200px circle at var(--glow-x,50%) var(--glow-y,0px),#ffffffb8,transparent 70%);opacity:var(--glow,0);transition:opacity .35s;z-index:-1}
.glass-nav .brand-group{gap:28px}.glass-nav .brand-lockup{width:148px;height:42px}.glass-nav .lang-toggle{font-size:12px;min-width:28px;min-height:40px}
.glass-nav .nav-links{position:relative;isolation:isolate;gap:4px;padding:5px;margin-left:auto}.glass-nav .nav-links li{position:relative;z-index:1}.glass-nav .nav-links a{padding:10px 18px;font-size:15px;font-weight:500;line-height:1.5;display:block;border-radius:22px;white-space:nowrap}.glass-nav .nav-links a::after{display:none}.glass-nav:not(.glass-ready) .nav-links a.active{background:#ffffffb3}
.glass-ready .nav-links::before{content:'';position:absolute;left:0;top:5px;bottom:5px;width:100px;border-radius:22px;background:linear-gradient(160deg,#ffffffd9,#e4eae17a);box-shadow:inset 0 0 0 1px #ffffffc7,0 2px 7px #273f2920;transform:translate3d(var(--tab-x,0px),0,0) scaleX(var(--tab-scale,1));transform-origin:left center;z-index:0;pointer-events:none;will-change:transform}
.glass-nav>.pill{height:40px;padding:0 20px;border:1px solid #26392c14;border-radius:22px;background:#23352b;color:#f5f4ef;font-size:13px;font-weight:500;white-space:nowrap;transition:background .2s,transform .16s}.glass-nav>.pill:hover{background:#344b3b;transform:none}.glass-nav>.pill:active{transform:scale(.97)}
.glass-action,body[data-page="about"] .page-cta.glass-action,.pill.ghost.glass-action{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;min-height:44px;border:1px solid #ffffffda;border-radius:24px;background:rgba(241,246,237,.75);color:#293c30;font-size:13px;font-weight:500;line-height:1.5;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px #a3b09d30,0 5px 14px #1e352111;backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35);transition:transform .22s,box-shadow .25s,background .25s}
.glass-action:hover,body[data-page="about"] .page-cta.glass-action:hover,.pill.ghost.glass-action:hover{color:#1f3024;background:rgba(233,241,228,.9);box-shadow:inset 0 1px 0 #fff,0 7px 18px #1e352119;transform:translateY(-1px)}.glass-action:active{transform:scale(.98)!important}
.glass-nav:focus-within{border-color:#c1cfc0}.glass-nav a:focus-visible,.glass-nav button:focus-visible,.glass-action:focus-visible{outline:2px solid #47664e;outline-offset:4px}
@media(min-width:761px) and (max-width:1050px){nav.glass-nav,nav.glass-nav.scrolled{gap:16px;padding:0 18px}.glass-nav .brand-group{gap:16px}.glass-nav .brand-lockup{width:124px;height:36px}.glass-nav .nav-links a{padding:10px 14px;font-size:14px}.glass-nav>.pill{font-size:12px;padding:0 16px}}
@media(max-width:760px){nav.glass-nav,nav.glass-nav.scrolled{top:10px;width:calc(100% - 24px);max-width:none;height:66px;margin:10px 12px 12px;padding:0 15px;gap:14px;border-radius:23px;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}.glass-nav .brand-lockup{width:108px;height:31px}.glass-nav .brand-group{gap:15px}.glass-nav .lang-toggle{font-size:11px;min-width:20px}.glass-nav .nav-links{display:none}.glass-nav>.pill{margin-left:auto;height:36px;padding:0 13px;font-size:12px}.glass-nav .burger{width:28px;min-width:28px;height:40px;margin:0}.mobile-menu{inset:86px 12px auto;padding:18px 25px 25px;border:1px solid #ffffffda;border-radius:25px;background:rgba(245,246,241,.92);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:0 18px 45px #2335281a;max-height:calc(100dvh - 105px);overflow-y:auto;justify-content:flex-start;transform:translateY(-7px) scale(.98);transform-origin:calc(100% - 28px) top;transition:transform .3s cubic-bezier(.2,.8,.25,1),opacity .25s,visibility .25s}body.nav-open .mobile-menu{transform:translateY(0) scale(1)}.mobile-menu a{font-size:22px;padding:15px 0;line-height:1.3}.glass-action{font-size:12px;padding:11px 18px}}
@media(max-width:360px){.glass-nav .brand-lockup{width:94px}.glass-nav .brand-group{gap:10px}nav.glass-nav,nav.glass-nav.scrolled{gap:10px;padding:0 13px}.glass-nav>.pill{padding:0 11px;font-size:11px}}
@media(max-width:760px){.glass-nav>.pill{display:inline-flex}.glass-nav .burger i{left:5px;right:5px}.glass-nav .burger i:nth-child(1){top:16px}.glass-nav .burger i:nth-child(2){top:22px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){nav.glass-nav,nav.glass-nav.scrolled,.glass-action,.mobile-menu{background:#f1f4ed}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){nav.glass-nav,nav.glass-nav.scrolled,.glass-action,body[data-page="about"] .page-cta.glass-action,.pill.ghost.glass-action,.mobile-menu{background:#f1f4ed;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#8e9e8e}.glass-nav::after,.glass-action::before{display:none}}
@media(prefers-reduced-motion:reduce){.glass-nav::after,.glass-action::before{display:none}.glass-action,.glass-nav>.pill,.mobile-menu{transition:none!important;transform:none!important}.glass-ready .nav-links::before{will-change:auto}}