/* Shared interactive glass navigation layer for every static Jalsa template. */
:root{--nav-glass-line:rgba(255,255,255,.42);--nav-glass-text:#fffdf7;--nav-glass-accent:#f3cf70;--nav-overlay-height:5.5rem}.site-header,.header{--glass-x:18%;--glass-y:-70%;position:relative;z-index:30;isolation:isolate;overflow:hidden;background:rgba(9,28,41,.18)!important;border-bottom:1px solid var(--nav-glass-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(1,12,20,.18),0 1rem 2.8rem rgba(2,13,22,.22);backdrop-filter:blur(34px) saturate(180%) brightness(116%);-webkit-backdrop-filter:blur(34px) saturate(180%) brightness(116%);transition:background .25s ease,box-shadow .25s ease}.site-header::before,.header::before{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.20),rgba(255,255,255,.055) 30%,rgba(11,36,51,.08) 70%,rgba(255,255,255,.1));opacity:.96}.site-header::after,.header::after{content:'';position:absolute;z-index:-1;inset:-90% -35%;pointer-events:none;background:radial-gradient(circle at var(--glass-x) var(--glass-y),rgba(255,255,255,.65) 0,rgba(255,255,255,.21) 10%,rgba(255,255,255,0) 30%),linear-gradient(112deg,transparent 35%,rgba(255,255,255,.19) 48%,transparent 61%);mix-blend-mode:screen;transition:background .12s linear}.site-header:hover,.header:hover{background:rgba(17,43,57,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(1,12,20,.18),0 1.1rem 3rem rgba(2,13,22,.27)}body:has(.hero) .site-header,body:has(.hero) .header{position:absolute;inset:0 0 auto;z-index:50;width:100%;background:rgba(8,27,39,.14)!important}.hero{padding-top:clamp(1.75rem,3.5vw,3rem)!important}.site-header .nav-links a,.header .nav-links a,.site-header .brand,.header .brand{color:var(--nav-glass-text)!important;text-shadow:0 1px 2px rgba(3,14,24,.64)}.site-header .brand-mark,.header .brand b{border-color:var(--nav-glass-accent)!important;color:var(--nav-glass-accent)!important;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 .25rem .85rem rgba(0,0,0,.18)}.site-header .menu-button{border-color:var(--nav-glass-line)!important;background:rgba(255,255,255,.13)!important;color:var(--nav-glass-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 .35rem 1rem rgba(0,0,0,.18)}.site-header .menu-button:hover{background:rgba(255,255,255,.25)!important}.site-header .nav-links a::after{background:var(--nav-glass-accent)!important}@media(max-width:48rem){:root{--nav-overlay-height:5.55rem}.site-header .nav-links.open{background:rgba(8,27,39,.68)!important;border:1px solid var(--nav-glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1.1rem 2.3rem rgba(3,14,24,.35);backdrop-filter:blur(34px) saturate(180%) brightness(116%);-webkit-backdrop-filter:blur(34px) saturate(180%) brightness(116%)}.header .nav-links{background:rgba(8,27,39,.68)!important;border-color:var(--nav-glass-line)!important;backdrop-filter:blur(34px) saturate(180%) brightness(116%);-webkit-backdrop-filter:blur(34px) saturate(180%) brightness(116%)}}@media(prefers-reduced-motion:reduce){.site-header,.header,.site-header::after,.header::after{transition:none!important}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.header{background:rgba(5,23,36,.88)!important}}