@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}#canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}nav{position:fixed;top:0;left:0;z-index:10;padding:2rem}nav ul{list-style:none;display:flex;gap:2.5rem}nav a{font-family:Cormorant Garamond,serif;font-weight:300;font-size:1.1rem;color:#ffffff80;text-decoration:none;letter-spacing:.15em;text-transform:lowercase;transition:color .4s ease,text-shadow .4s ease}nav a:hover{color:#ffffffe6;text-shadow:0 0 20px rgba(255,255,255,.3)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:20}.nav-toggle span{display:block;width:24px;height:1px;background:#ffffff80;margin:6px 0;transition:transform .3s ease,opacity .3s ease}.nav-toggle:hover span{background:#ffffffe6}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.intro{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.intro p{font-family:Cormorant Garamond,serif;font-weight:300;font-size:1.2rem;color:#ffffffb3;max-width:600px;line-height:1.8;text-align:center;letter-spacing:.02em}.intro em{font-style:italic;color:#ffffffe6}@media (max-width: 600px){.nav-toggle{display:block}nav ul{position:fixed;top:0;left:0;width:100%;height:100vh;flex-direction:column;justify-content:center;align-items:center;background:#000000f2;gap:2rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}nav ul.open{opacity:1;visibility:visible}nav a{font-size:1.4rem}}