*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
body { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Mobile menu animation */
.menu-line { transition: all 0.3s ease; }
#mobileMenu.open .menu-line:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
#mobileMenu.open .menu-line:nth-child(2) { opacity: 0; }
#mobileMenu.open .menu-line:nth-child(3) { width: 5rem; margin-left: 0; }

/* Scroll reveal */
.reveal { opacity: 1; transform: none; transition: opacity 0.6s ease, transform 0.6s ease; }
.reveal.revealed { opacity: 1; transform: none; }

/* Navbar scroll state */
#nav.scrolled { background: rgba(254, 252, 248, 0.95); backdrop-blur-lg; box-shadow: 0 1px 20px rgba(0,0,0,0.08); }

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #fdf7ed; }
::-webkit-scrollbar-thumb { background: #e5512a; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #d13a15; }

/* Selection */
::selection { background: #f8c4b4; color: #3b2318; }