/* Keep section navigation available throughout the home page. */
main:not(.experiencePage)>nav{position:sticky;top:0;z-index:100;background:#041f29;border-bottom:1px solid #ffffff35;box-shadow:0 4px 18px #041f2926}
main:not(.experiencePage)>section[id]{scroll-margin-top:94px}
main:not(.experiencePage)>.hero{height:calc(100svh - 78px);min-height:682px}
main:not(.experiencePage)>nav .navLinks a{white-space:nowrap}
main:not(.experiencePage)>nav a:focus-visible{outline:2px solid #efb83f;outline-offset:4px}
@media (width<=760px){
main:not(.experiencePage)>nav{height:124px;padding:12px 20px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:56px 40px;gap:4px 10px}
main:not(.experiencePage)>nav>.brand{grid-column:1;grid-row:1}
main:not(.experiencePage)>nav>.navBtn{grid-column:2;grid-row:1;padding:8px 12px;font-size:12px}
main:not(.experiencePage)>nav>.navLinks{grid-column:1/-1;grid-row:2;display:flex;gap:22px;width:100%;min-width:0;overflow-x:auto;align-items:center;height:40px;padding:4px 0 6px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
main:not(.experiencePage)>nav>.navLinks a{flex:0 0 auto;padding:4px 0}
main:not(.experiencePage)>section[id]{scroll-margin-top:138px}
main:not(.experiencePage)>.hero{height:calc(100svh - 124px);min-height:636px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Use one immediate section jump; keep touch scrolling independent of anchors. */
html{scroll-behavior:auto!important}body{touch-action:pan-x pan-y pinch-zoom}