:root{--bg-primary: #fafafa;--bg-secondary: #fff;--text-primary: #222;--text-secondary: #555;--text-muted: #aaa;--border-color: #eee;--shadow-color: rgba(0,0,0,.08);--shadow-light: rgba(0,0,0,.06);--nav-bg: #fff;--nav-shadow: rgba(0,0,0,.08);--card-bg: #fff;--video-bg: #000;--sidebar-active-bg: #f0f0f0}.dark{--bg-primary: #1F2020;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--border-color: #333333;--shadow-color: rgba(0,0,0,.3);--shadow-light: rgba(0,0,0,.2);--nav-bg: #1a1a1a;--nav-shadow: rgba(0,0,0,.3);--card-bg: #1a1a1a;--video-bg: #000;--sidebar-active-bg: #fff}#root{margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--text-muted)}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow:hidden}.nav{display:flex;gap:1.5rem;padding:.5rem 1.5rem;background:var(--nav-bg);border-radius:1.5rem;box-shadow:0 4px 16px var(--nav-shadow);margin:0 auto;width:fit-content;align-items:center;min-height:unset;transition:background-color .3s ease,box-shadow .3s ease}.nav-link{text-decoration:none;color:var(--text-muted);font-weight:500;padding:.5rem 1rem;transition:color .15s;background:none;border-radius:0;position:relative}.nav-link.active{color:var(--text-primary);background:none;border-radius:0}.nav-link:hover{color:var(--text-primary);background:none;text-decoration:none}.theme-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease;margin-left:.5rem}.theme-toggle:hover{color:var(--text-primary);background-color:var(--shadow-light)}main{max-width:1000px;margin:2rem auto;padding:0 1rem}.title{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-primary)}.tagline{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.video-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.video-item{display:flex;flex-direction:column;align-items:center}.video-responsive{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px var(--shadow-light);background:var(--video-bg);transition:box-shadow .3s ease}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-title{margin-top:.5rem;font-size:1rem;color:var(--text-primary)}.contact{margin-top:3rem;text-align:center}.layout-container{min-height:100vh;height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative;padding-top:1rem}.animated-nav{position:absolute;left:50%;transform:translate(-50%);width:fit-content;z-index:10;transition:top .7s cubic-bezier(.4,0,.2,1)}.nav-home{top:76vh}.nav-top{top:3rem}.content-area{width:100%;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;flex:1 1 auto;overflow-y:auto;padding-top:2rem}.content-home{opacity:1;transform:translateY(0);margin-top:0;margin-bottom:auto;min-height:60vh;justify-content:flex-start}.content-top{opacity:0;transform:translateY(-40px);pointer-events:none}.content-area.content-home{padding-top:0;max-width:100vw;width:100%}@media (max-width: 600px){.nav-home{top:60vh}.nav-top{top:1vh}}.portfolio-container{display:flex;max-width:1000px;margin:2rem auto;min-height:500px;height:100%;overflow:hidden}.portfolio-sidebar{min-width:160px;border-right:1px solid var(--border-color);padding:1.5rem 3rem 1.5rem 0;display:flex;flex-direction:column;gap:.5rem;transition:border-color .3s ease}.sidebar-btn{background:none;border:none;border-radius:0;color:var(--text-muted);font-weight:50;padding:.5rem 1rem;cursor:pointer;font-size:16px;outline:none;transition:color .15s ease;text-align:left}.sidebar-btn.active,.sidebar-btn.hovered{color:var(--text-primary);background-color:var(--sidebar-active-bg);border-radius:4px}.sidebar-section-title{font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem}.portfolio-content{flex:1 1 auto;padding:2rem 1.5rem 1.5rem;overflow-y:auto;height:100%}.portfolio-title{margin-top:0;color:var(--text-primary)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.portfolio-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-light);background:var(--card-bg);transition:box-shadow .3s ease,background-color .3s ease}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;background:var(--video-bg)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.photo-image{width:100%;height:220px;object-fit:cover}.card-title{padding:.5rem;text-align:center;font-size:16px;color:var(--text-primary)}.about-title{color:var(--text-primary);margin-bottom:1rem}.about-text{color:var(--text-secondary);line-height:1.6}.home-title{position:absolute;top:0rem;left:2rem;font-size:3rem;color:var(--text-primary);margin:0;z-index:2;text-align:left}.home-video-container{display:flex;justify-content:center;align-items:center;width:100%;height:600px;margin:5rem auto 0;background:none}.home-video{width:100%;max-width:1000px;height:600px;object-fit:cover;background:#ddd;border-radius:8px;box-shadow:0 2px 8px var(--shadow-light)}