@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400&family=LXGW+WenKai+Mono+TC&family=Playfair+Display:ital,wght@1,400;1,600&family=Montserrat:wght@900&family=Roboto:wght@300;400;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#000}.floating-lines-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:0;overflow:hidden}html,body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#000;color:#fff;min-height:100vh;width:100vw;overflow-x:hidden}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none}html,body,*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.content-wrapper{position:relative;z-index:2;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:40px;box-sizing:border-box}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;width:100%;font-size:1.2rem;font-weight:300;letter-spacing:.05em;color:#e0e0e0}.scroll-text-component{text-align:left!important;overflow-wrap:break-word;word-wrap:break-word;white-space:normal}.logo{font-family:Playfair Display,serif;font-style:italic;font-weight:600}.date-location{text-align:right}.center-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex-grow:1;width:100%;pointer-events:none}h1{font-family:Playfair Display,serif;font-style:italic;font-weight:400;font-size:clamp(2.5rem,5vw + 1rem,5rem);margin:0;line-height:1.2;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.1);text-wrap:balance;overflow-wrap:break-word;padding:.1em}h2{font-family:LXGW WenKai Mono TC,monospace;font-style:normal;font-weight:400;font-size:clamp(1.5rem,3vw + .5rem,2.5rem);margin:0;line-height:1.4;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.1);text-wrap:balance;padding:.1em}h3{font-family:Montserrat,monospace;font-style:bold;font-weight:400;font-size:clamp(1.5rem,3vw,2.5rem);margin:0;line-height:1.2;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.1);text-wrap:balance}h4{font-family:Playfair Display,serif;font-style:italic;font-weight:400;font-size:clamp(1.8rem,3.5vw,3.5rem);margin:0;line-height:1.2;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.1);text-wrap:balance}.role{font-family:Inter,sans-serif;font-size:1.2rem;margin-top:1.75rem;color:#a0a0a0;letter-spacing:.05em}.details-hidden{display:none}.scroll-text-section{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;z-index:2;background-color:#000;padding:90px}.scroll-text-container{max-width:500px;color:#fff;font-size:2.5rem;font-weight:300;line-height:1.5;text-align:center}#projects,#audiophile,#skills,#resume,#socials{position:relative;z-index:5;background-color:#000}#about{position:relative;z-index:5;background-color:transparent}.hamburger-icon{display:none}.desktop-nav{display:flex}.logo{display:block}.mobile-menu-sidebar,.mobile-menu-backdrop{display:none}@media(max-width:768px){.mobile-menu-sidebar,.mobile-menu-backdrop{display:flex}}.nav-link{background:none;border:none;color:#a0a0a0;font-family:Inter,sans-serif;font-size:1rem;cursor:pointer;transition:color .3s ease;text-transform:uppercase;letter-spacing:.1em}.nav-link:hover{color:#fff}.social-link:hover{background-color:#fff!important;color:#000!important;transform:translateY(-5px)}*{user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:none!important}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}button img,a img{pointer-events:auto}.floating-nav-container{position:fixed;bottom:40px;left:40px;z-index:100;display:flex;flex-direction:column;gap:20px}.floating-nav-btn{padding:15px 30px;background-color:#00979c;color:#fff;border:2px solid transparent;border-radius:30px;cursor:pointer;font-size:1rem;font-family:Inter,sans-serif;box-shadow:0 5px 20px #00000080;transition:all .3s ease}.floating-nav-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #00979c}@media(max-width:768px){.content-wrapper{padding:20px}.top-bar{font-size:1rem;align-items:center}.logo{display:none}.hamburger-icon{display:block!important;font-size:2rem;color:#fff;cursor:pointer;z-index:10002;padding-right:20px}.desktop-nav{display:none}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.8rem}.role{font-size:1rem;margin-top:1rem}.scroll-text-component{text-align:left!important;white-space:normal}}.mobile-menu-sidebar{position:fixed;top:0;left:0;width:50vw;height:100vh;background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10005;transform:translate(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;padding-top:100px;box-shadow:2px 0 20px #00000080}.mobile-menu-sidebar.open{transform:translate(0)}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;z-index:10004;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-backdrop.open{opacity:1;pointer-events:auto}.mobile-nav-link{background:none;border:none;color:#fff;font-family:Playfair Display,serif;font-style:italic;font-size:2rem;font-weight:400;text-align:left;cursor:pointer;transition:color .3s ease,transform .3s ease;padding:10px 0}.mobile-nav-link:hover{color:#c4a484;transform:translate(10px)}