/* Navigation hover effects */
.site-nav{position:relative}
.site-nav ul{position:relative;z-index:2;display:flex;gap:8px;list-style:none;margin:0;padding:0}
.site-nav li{flex:0 0 auto}
.site-nav a{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;padding:10px 14px;border-radius:10px;transition:color .25s ease,background .25s ease;text-decoration:none}
.site-nav a:hover{color:var(--leaf-text)}
.site-nav a.active{color:var(--leaf-text);background:rgba(255,255,255,0.06)}
.site-nav a:focus{outline:2px solid rgba(255,107,53,0.18);outline-offset:2px}
.nav-icon{display:inline-block;transition:transform .25s cubic-bezier(.2,.9,.3,1)}
.site-nav a:hover .nav-icon{transform:translateY(-2px) scale(1.12)}

/* Reveal on scroll (subtle) */
.reveal{opacity:0;transform:translateY(10px);transition:opacity .55s ease, transform .55s ease}
.reveal.is-visible{opacity:1;transform:none}