:root{--duration:1.2s;--easing:cubic-bezier(.45,0,.55,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Georgia,Times New Roman,serif;overflow-x:hidden}.transition-exit{animation:fadeSlideOut var(--duration)var(--easing)forwards}.transition-enter{animation:fadeSlideIn var(--duration)var(--easing)forwards}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.97)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-overlay{z-index:9999;pointer-events:none;display:flex;position:fixed;inset:0}.nav-overlay .panel{transform-origin:bottom;background:#0a0a0a;flex:1;transform:scaleY(0)}.nav-overlay.active .panel{animation:sweepUp var(--duration)var(--easing)forwards}.nav-overlay.leaving .panel{animation:sweepDown var(--duration)var(--easing)forwards}@keyframes sweepUp{0%{transform-origin:bottom;transform:scaleY(0)}50%{transform-origin:bottom;transform:scaleY(1)}50.01%{transform-origin:top}to{transform-origin:top;transform:scaleY(0)}}@keyframes sweepDown{0%{transform-origin:top;transform:scaleY(1)}to{transform-origin:top;transform:scaleY(0)}}