/* Premium responsive navigation */
:root{--nav-ease:cubic-bezier(.22,1,.36,1)}
main>section{scroll-margin-top:6.5rem}
#lc-scroll-progress{position:fixed;inset:0 0 auto;z-index:12000;height:2px;pointer-events:none;background:color-mix(in srgb,var(--lc-cyan) 9%,transparent)}
#lc-scroll-progress span{display:block;width:0;height:100%;background:var(--lc-cyan);box-shadow:0 0 10px var(--lc-trace-glow)}
header#header{position:fixed!important;top:clamp(.65rem,2vw,1.15rem)!important;left:50%!important;width:min(1240px,calc(100% - 2rem))!important;transform:translateX(-50%)!important;padding:0!important;background:transparent!important;border:0!important;z-index:1100!important}
header#header nav{min-height:66px;padding:.48rem .55rem .48rem 1.25rem!important;display:flex;align-items:center;gap:.9rem;border:1px solid var(--lc-border)!important;border-radius:19px!important;background:color-mix(in srgb,var(--lc-bg) 70%,transparent)!important;backdrop-filter:blur(24px) saturate(170%)!important;-webkit-backdrop-filter:blur(24px) saturate(170%)!important;box-shadow:0 14px 45px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.08)!important;transition:.25s var(--nav-ease)}
header#header.scrolled nav{background:color-mix(in srgb,var(--lc-bg) 88%,transparent)!important;border-color:var(--lc-border-hi)!important;box-shadow:0 18px 60px rgba(0,0,0,.24),0 0 22px var(--lc-trace-glow)!important}
header#header .logo{flex:0 0 auto;font-family:var(--lc-mono)!important;font-size:.86rem!important;letter-spacing:.075em!important;color:var(--lc-text-hi)!important;white-space:nowrap}
header#header .nav-links{position:relative;display:flex!important;align-items:center;justify-content:center;gap:.18rem!important;flex:1;min-width:0;margin:0!important;padding:0!important}
header#header .nav-links>li{position:relative;margin:0!important;z-index:2}
header#header .nav-links>li>a{position:relative;z-index:2;display:flex;align-items:center;gap:.34rem;min-height:44px;padding:.76rem .7rem!important;border-radius:11px;color:var(--lc-text-md)!important;font:600 clamp(.74rem,.72vw,.82rem)/1.15 var(--lc-mono)!important;letter-spacing:.02em!important;white-space:nowrap;transition:color .18s ease,letter-spacing .26s var(--nav-ease),text-shadow .18s ease}
header#header .nav-links>li>a:hover,header#header .nav-links>li>a:focus-visible,header#header .nav-links>li>a.is-active{color:var(--lc-text-hi)!important;background:transparent!important;letter-spacing:.04em!important;text-shadow:0 0 12px color-mix(in srgb,var(--lc-cyan) 30%,transparent)}
header#header .nav-links>li>a::after{display:none!important}
header#header .lc-nav-indicator{--nav-x:0px;--nav-w:0px;--nav-h:0px;--nav-stretch:1;--nav-skew:0deg;display:block!important;position:absolute!important;z-index:1!important;left:0;top:50%;width:var(--nav-w);height:var(--nav-h);margin:0!important;pointer-events:none;overflow:hidden;border:1px solid color-mix(in srgb,var(--lc-cyan) 38%,rgba(255,255,255,.22));border-left-color:color-mix(in srgb,var(--lc-cyan) 62%,transparent);border-right-color:color-mix(in srgb,var(--lc-text-hi) 22%,transparent);border-radius:11px;background:color-mix(in srgb,var(--lc-surface) 52%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 8px rgba(0,0,0,.12),0 0 18px color-mix(in srgb,var(--lc-cyan) 13%,transparent),0 7px 18px rgba(0,0,0,.12);backdrop-filter:blur(13px) saturate(175%);-webkit-backdrop-filter:blur(13px) saturate(175%);opacity:0;transform:translate3d(var(--nav-x),-50%,0) skewX(var(--nav-skew)) scaleX(var(--nav-stretch));transform-origin:center;will-change:transform,width,height;transition:opacity .18s ease}
header#header .lc-nav-indicator.is-visible{opacity:1}
header#header .lc-nav-indicator::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 42%);opacity:.8}
header#header .lc-nav-indicator::after{content:"";position:absolute;inset:1px;border-radius:10px;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px);mix-blend-mode:screen;opacity:.55}
header#header .lc-nav-indicator>span{position:absolute;left:14%;right:14%;top:0;height:1px;background:color-mix(in srgb,var(--lc-cyan) 68%,rgba(255,255,255,.45));box-shadow:0 0 7px var(--lc-trace-glow);opacity:.85}
header#header .nav-svg-icon{width:.68rem!important;height:.68rem!important;filter:none!important;opacity:.75}header#header .more-menu-item.open .nav-svg-icon{transform:rotate(180deg)}
header#header .submenu{top:calc(100% + .65rem)!important;right:0!important;left:auto!important;min-width:205px!important;padding:.45rem!important;border:1px solid var(--lc-border)!important;border-radius:14px!important;background:color-mix(in srgb,var(--lc-bg) 92%,transparent)!important;backdrop-filter:blur(24px) saturate(160%)!important;box-shadow:0 22px 60px rgba(0,0,0,.28)!important;transform:translateY(8px)!important}
header#header .submenu.active{transform:none!important}header#header .submenu a{display:block;padding:.72rem .8rem!important;border-radius:9px;color:var(--lc-text-md)!important;font:600 .75rem/1.2 var(--lc-mono)!important}header#header .submenu a:hover,header#header .submenu a:focus-visible{background:var(--lc-cyan-dim)!important;color:var(--lc-cyan)!important}
.header-actions{display:flex!important;align-items:center;gap:.36rem!important;flex:0 0 auto}
#lc-trace{display:none!important}
#search-toggle-btn,#lc-theme-toggle,.menu-toggle,.lc-mobile-close{position:static!important;top:auto!important;right:auto!important;clip-path:none!important;z-index:auto!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--lc-border)!important;border-radius:11px!important;background:var(--lc-surface)!important;color:var(--lc-text-hi)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important;cursor:pointer;transition:.2s!important}
#search-toggle-btn:hover,#lc-theme-toggle:hover,.menu-toggle:hover,.lc-mobile-close:hover{color:var(--lc-cyan)!important;border-color:var(--lc-border-hi)!important;background:var(--lc-cyan-dim)!important;box-shadow:0 0 16px var(--lc-trace-glow)!important;transform:translateY(-1px)!important}
#search-toggle-btn svg,#lc-theme-toggle svg,.lc-mobile-close svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}#lc-theme-toggle svg{fill:currentColor!important;stroke:none!important}
.menu-toggle{display:none!important}.hamburger,.hamburger::before,.hamburger::after{width:18px!important;height:1.5px!important;background:currentColor!important;border-radius:2px}.hamburger::before{transform:translateY(-5px)!important}.hamburger::after{transform:translateY(5px)!important}body.nav-open .hamburger{background:transparent!important}body.nav-open .hamburger::before{transform:rotate(45deg)!important}body.nav-open .hamburger::after{transform:rotate(-45deg)!important}
.mobile-nav{display:none!important}.search-container{z-index:1300!important;padding:clamp(5.5rem,12vh,8rem) 1rem 1rem!important}.search-container #search-box,.search-container #search-results{width:min(650px,100%)!important}#search-close-btn{top:clamp(1rem,3vw,2rem)!important;right:clamp(1rem,3vw,2rem)!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid var(--lc-border)!important;border-radius:12px!important;background:var(--lc-surface)!important;color:var(--lc-text-hi)!important;font-size:1.75rem!important;line-height:1!important}
@media(max-width:1050px){header#header{width:min(760px,calc(100% - 1.25rem))!important}header#header .nav-links{display:none!important}header#header .lc-nav-indicator{display:none!important}.menu-toggle{display:grid!important}.mobile-nav{position:fixed!important;display:flex!important;inset:clamp(4.9rem,10vh,5.8rem) .75rem auto!important;width:auto!important;height:auto!important;max-height:calc(100dvh - 6rem)!important;padding:clamp(1rem,3vw,1.6rem)!important;justify-content:flex-start!important;align-items:stretch!important;overflow-y:auto!important;border:1px solid var(--lc-border)!important;border-radius:20px!important;background:color-mix(in srgb,var(--lc-bg) 94%,transparent)!important;backdrop-filter:blur(30px) saturate(175%)!important;-webkit-backdrop-filter:blur(30px) saturate(175%)!important;box-shadow:0 26px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.08)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-10px) scale(.985)!important;transform-origin:top center;transition:opacity .22s,visibility .22s,transform .28s var(--nav-ease)!important;z-index:1090!important}.mobile-nav.open{opacity:1!important;visibility:visible!important;transform:none!important}.mobile-nav-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem!important;width:100%;margin:0!important;padding:0!important;text-align:left!important}.mobile-nav-links li{margin:0!important;opacity:1!important;transform:none!important}.mobile-nav-links a{position:relative;display:flex!important;align-items:center;min-height:48px;padding:.8rem .9rem!important;border:1px solid transparent;border-radius:12px;color:var(--lc-text-md)!important;background:transparent!important;font:650 clamp(.82rem,2.3vw,1rem)/1.2 var(--lc-mono)!important;letter-spacing:.02em!important}.mobile-nav-links a:hover,.mobile-nav-links a.is-active{color:var(--lc-cyan)!important;background:var(--lc-cyan-dim)!important;border-color:var(--lc-border)!important}.mobile-nav-links a.is-active::before{content:"";width:5px;height:5px;margin-right:.55rem;border-radius:50%;background:var(--lc-cyan);box-shadow:0 0 8px var(--lc-cyan)}.lc-mobile-close{position:absolute!important;top:.8rem!important;right:.8rem!important}body.nav-open{overflow:hidden!important}}
@media(max-width:560px){header#header{top:.55rem!important;width:calc(100% - 1rem)!important}header#header nav{min-height:56px;padding:.38rem .4rem .38rem .8rem!important;border-radius:16px!important;gap:.45rem}header#header .logo{font-size:.72rem!important;letter-spacing:.045em!important}.header-actions{gap:.25rem!important}#search-toggle-btn,#lc-theme-toggle,.menu-toggle{width:36px!important;height:36px!important;border-radius:10px!important}.mobile-nav{inset:4.55rem .5rem auto!important;max-height:calc(100dvh - 5.1rem)!important;border-radius:17px!important;padding:.75rem!important}.mobile-nav-links{grid-template-columns:1fr!important;gap:.25rem!important;padding-top:0!important}.mobile-nav-links a{min-height:42px;padding:.68rem .8rem!important;font-size:clamp(.8rem,4vw,.95rem)!important}.lc-mobile-close{width:36px!important;height:36px!important;top:.65rem!important;right:.65rem!important}.search-container #search-box{font-size:1rem!important;padding:.85rem 1rem!important}}
@media(prefers-reduced-motion:reduce){#lc-scroll-progress span,.mobile-nav,header#header .nav-links>li>a,header#header .lc-nav-indicator{transition:none!important}header#header .lc-nav-indicator{--nav-stretch:1!important;--nav-skew:0deg!important}}

/* Reactive volumetric lattice */
.hero#home{isolation:isolate;overflow:hidden!important;contain:layout paint;perspective:none!important}
.hero#home::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at center,color-mix(in srgb,var(--lc-bg) 48%,transparent) 0 22%,color-mix(in srgb,var(--lc-bg) 18%,transparent) 48%,color-mix(in srgb,var(--lc-bg) 74%,transparent) 100%)}
.hero#home::after{content:"";position:absolute;inset:auto 0 0;z-index:1;height:32%;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--lc-bg) 88%,transparent))}
.hero-lattice{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .8s ease;contain:strict}
.hero-lattice[data-lattice="ready"]{opacity:.82}
.hero-lattice canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--lc-cyan) 16%,transparent))}
.hero#home .hero-content{position:relative;z-index:2;width:min(900px,100%);text-shadow:0 2px 24px color-mix(in srgb,var(--lc-bg) 82%,transparent)}
.hero#home .hero-avatar{position:relative;z-index:2}
@media(max-width:720px){.hero-lattice[data-lattice="ready"]{opacity:.67}.hero#home::before{background:radial-gradient(circle at center,color-mix(in srgb,var(--lc-bg) 58%,transparent) 0 30%,color-mix(in srgb,var(--lc-bg) 30%,transparent) 58%,color-mix(in srgb,var(--lc-bg) 82%,transparent) 100%)}}
@media(prefers-reduced-motion:reduce){.hero-lattice{transition:none}.hero-lattice[data-lattice="ready"]{opacity:.6}}