:root{--bg-primary: #1c2630;--bg-secondary: #0e161d;--bg-tertiary: #0f1419;--bg-quaternary: #0a0f14;--text-primary: rgb(190, 190, 190);--text-secondary: rgb(160, 160, 160);--text-hover: rgba(210, 210, 210, 1);--accent-primary: rgba(100, 150, 255, .8);--accent-secondary: rgba(200, 220, 255, .8);--accent-primary-glow: rgba(100, 150, 255, .3);--accent-secondary-glow: rgba(200, 220, 255, .3);--accent-primary-hover: rgba(100, 150, 255, .9);--accent-secondary-hover: rgba(200, 220, 255, .9);--overlay-light: rgba(100, 150, 255, .05);--overlay-secondary-light: rgba(200, 220, 255, .05);--overlay-medium: rgba(100, 150, 255, .1);--overlay-secondary-medium: rgba(200, 220, 255, .1);--overlay-strong: rgba(100, 150, 255, .15);--overlay-secondary-strong: rgba(200, 220, 255, .15);--shadow-primary: rgba(0, 0, 0, .75);--shadow-secondary: rgba(0, 0, 0, .5);--shadow-accent: rgba(100, 150, 255, .5);--text-shadow-dark: #111111;--text-shadow-accent: #1e2f3f;--border-accent: rgba(100, 150, 255, .1);--border-subtle: rgba(190, 190, 190, .1)}@font-face{font-family:levi_adobe_diaregular;src:url(../AdobeDia/adobe_dia-webfont.eot);src:url(../AdobeDia/adobe_dia-webfont.eot?#iefix) format("embedded-opentype"),url(../AdobeDia/adobe_dia-webfont.woff2) format("woff2"),url(../AdobeDia/adobe_dia-webfont.woff) format("woff"),url(../AdobeDia/adobe_dia-webfont.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}*:hover{cursor:default}a:hover,button:hover{cursor:pointer}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:lighter;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);margin:0;min-height:100vh;display:grid;grid-template-columns:clamp(200px,25vw,350px) 1fr;position:relative;width:100%;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,var(--overlay-light) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--overlay-secondary-light) 0%,transparent 50%);z-index:-1;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}h1{cursor:default;width:100%;transform:translate(-.5rem);color:var(--text-secondary);text-shadow:-3px -3px 0 var(--text-shadow-dark),3px 3px 0 var(--text-shadow-accent),0 0 20px var(--accent-primary-glow);text-align:center;font-family:levi_adobe_diaregular,sans-serif;font-style:italic;font-size:clamp(2.5rem,5vw + 1rem,6rem);margin-top:clamp(-1.25rem,-2vw,-.5rem);margin-bottom:clamp(1rem,3vw,2rem);transition:all .3s ease;position:relative}h1:hover{text-shadow:-3px -3px 0 var(--text-shadow-dark),3px 3px 0 var(--text-shadow-accent),0 0 30px var(--accent-primary-glow),0 0 40px var(--accent-secondary-glow);transform:translate(-.5rem) scale(1.02)}h2{text-indent:.3rem;cursor:default;font-weight:lighter;font-size:clamp(1rem,3vw,1.5rem);position:relative;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:gradient-shift 3s ease-in-out infinite alternate}@keyframes gradient-shift{0%{background-position:0% 50%}to{background-position:100% 50%}}li{font-size:clamp(1rem,2.5vw,1.25rem);margin-left:clamp(1rem,4vw,2rem);list-style:square;line-height:1.5rem}li a{color:inherit;text-decoration:none;position:relative;line-height:clamp(2rem,4vw,3rem);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}li a:hover{color:var(--accent-primary-hover);text-shadow:0 0 10px var(--accent-primary-glow)}li a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1),transform-origin 0s .3s;pointer-events:none}li a:hover:after{transform:scaleX(1);transform-origin:right;box-shadow:0 0 10px var(--shadow-accent)}.sidebar{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-quaternary) 100%);color:var(--text-primary);padding:clamp(1rem,3vw,2rem);height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-shadow:5px 0 24px 5px var(--shadow-primary),inset -1px 0 0 var(--border-accent);position:relative;overflow:hidden;width:100%;max-width:100%}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--accent-secondary),transparent);animation:shimmer 3s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.content{padding:clamp(1.5rem,4vw,2rem);padding-left:clamp(2rem,5vw,3rem);margin-right:clamp(2rem,5vw,3rem);position:relative;width:100%;max-width:100%;overflow-wrap:break-word;box-sizing:border-box}.content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,var(--overlay-light) 0%,transparent 50%),radial-gradient(circle at 90% 80%,var(--overlay-secondary-light) 0%,transparent 50%);pointer-events:none;z-index:-1}.content h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:500;margin-bottom:1rem;position:relative}.content h2:after{content:"";position:absolute;left:0;bottom:-.5rem;width:3rem;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:1px}.content p{font-size:clamp(1rem,2.5vw,1.25rem);margin-top:1.5rem;line-height:1.6;transition:all .3s ease}.content p:hover{color:var(--text-hover);text-shadow:0 0 5px var(--accent-primary-glow)}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:#bebebe;cursor:pointer;padding:.5rem;margin-left:auto;transition:all .3s ease;border-radius:4px}.menu-toggle:hover{color:var(--accent-primary-hover);background:var(--overlay-medium);text-shadow:0 0 10px var(--accent-primary-glow)}@media (max-width: 768px){body{display:flex;flex-direction:column;grid-template-columns:none;min-height:100vh;width:100%;overflow-x:hidden}.sidebar{height:auto;min-height:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;box-shadow:0 2px 10px #0000004d;position:sticky;top:0;z-index:100;width:100%;max-width:100%}h1{font-size:clamp(2.5rem,6vw,3rem);margin:0;transform:none;text-align:left;flex-shrink:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-toggle{display:block;margin-left:1rem;padding:.5rem;min-width:40px;height:40px;flex-shrink:0;background:none;border:none;font-size:1.5rem;color:#bebebe;cursor:pointer}nav{position:relative;flex-shrink:0}.nav-menu{position:absolute;top:100%;right:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-quaternary) 100%);min-width:200px;box-shadow:0 4px 12px var(--shadow-secondary),0 0 0 1px var(--border-accent);border-radius:8px;transform:translateY(-10px);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:1rem;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--accent-secondary),transparent)}.nav-menu.active{transform:translateY(20px);opacity:1;visibility:visible}.nav-menu li{margin:0;list-style:none;border-bottom:1px solid var(--border-subtle)}.nav-menu li:last-child{border-bottom:none}.nav-menu li a{display:block;padding:.75rem 1.5rem;line-height:1.2;transition:background-color .2s ease}.nav-menu li a:hover{background:linear-gradient(90deg,var(--overlay-strong),var(--overlay-secondary-strong));color:var(--accent-primary-hover);text-shadow:0 0 10px var(--accent-primary-glow)}.nav-menu li a:after{display:none}.content{padding:1.5rem;margin-right:0;width:100%;max-width:100%;box-sizing:border-box;flex:1;min-height:0}}.project-list{padding-top:2rem}.project-section{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--overlay-light) 0%,var(--overlay-secondary-light) 100%);border-radius:8px;border:1px solid var(--border-subtle);transition:all .3s ease}.project-section:hover{background:linear-gradient(135deg,var(--overlay-medium) 0%,var(--overlay-secondary-medium) 100%);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-secondary)}.project-section h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:500}.project-section p{margin:0;line-height:1.6;color:var(--text-secondary)}.project-link{color:var(--text-primary);text-decoration:none;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%}.project-link:hover{background-position:100% 50%;text-shadow:0 0 15px var(--accent-primary-glow)}.content a:not(.project-link){color:var(--accent-primary);text-decoration:none;position:relative;transition:all .3s ease;border-bottom:1px solid transparent}.content a:not(.project-link):hover{color:var(--accent-primary-hover);border-bottom-color:var(--accent-primary);text-shadow:0 0 8px var(--accent-primary-glow)}