:root{--black: #000000;--white: #ffffff;--off-black: #0a0a0a;--off-white: #f0f0f0;--grey: #888888;--dark-grey: #333333;--font-sans: "Instrument Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--header-height: 80px;--footer-height: 60px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:opacity .3s ease}a:hover{opacity:.7}.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.hero-video{width:100%;height:100%;object-fit:cover;opacity:.4;transition:opacity .5s ease}.video-background.video-loading .hero-video{opacity:.3}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0006,#0003,#000c);z-index:1}.video-loading-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:30px;height:30px;border:2px solid rgba(255,255,255,.1);border-top-color:#ffffff80;border-radius:50%;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:2}.video-background.video-loading .video-loading-indicator{opacity:1;visibility:visible;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%) rotate(360deg)}}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);display:flex;align-items:center;justify-content:center;padding:0 2rem;z-index:100}.nav-list{display:flex;list-style:none;gap:3rem}.nav-link{font-family:var(--font-mono);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--white);padding:.5rem 0;position:relative;opacity:.6}.nav-link:hover,.nav-link.active{opacity:1}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--white);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.site-main{position:relative;width:100%;height:100%;z-index:10;pointer-events:none}.view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--header-height) 2rem var(--footer-height);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;pointer-events:none}.view.active-view{opacity:1;visibility:visible;pointer-events:auto}.home-content,.container,.footer-content{pointer-events:auto}.container{max-width:1000px;width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:2rem 0;scrollbar-width:none;-ms-overflow-style:none}.container::-webkit-scrollbar{display:none}.view-title{font-family:var(--font-mono);font-size:.875rem;text-transform:uppercase;letter-spacing:.2em;color:var(--grey);margin-bottom:3rem;text-align:left}#home .home-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.home-main-logo{width:220px;height:auto;margin-bottom:1rem;opacity:.9;display:block}.hero-title-text{font-family:var(--font-sans);font-size:1.25rem;font-weight:400;letter-spacing:.82em;color:var(--white);margin-left:.82em;white-space:nowrap;text-transform:lowercase}.hero-subtitle{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:lowercase;color:var(--grey);margin-top:1rem}.project-list{display:grid;grid-template-columns:1fr;gap:4rem;padding-bottom:4rem}.project-item{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem}.project-item:last-child{border-bottom:none}.project-name{font-family:var(--font-sans);font-size:1.5rem;font-weight:400;margin-bottom:.5rem}.project-desc{font-family:var(--font-sans);font-size:1rem;color:var(--grey);line-height:1.6;max-width:600px;margin-bottom:1rem}.project-link{font-family:var(--font-mono);font-size:.875rem;color:var(--white);border-bottom:1px solid var(--grey);opacity:.8}.project-link:hover{opacity:1;border-bottom-color:var(--white)}.placeholder-text{font-size:1.5rem;color:var(--grey)}.contact-email{font-family:var(--font-sans);font-size:2rem}.site-footer{position:fixed;bottom:0;left:0;width:100%;height:var(--footer-height);display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:auto}.footer-email{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:var(--grey);opacity:.5;transition:opacity .3s ease}.footer-email:hover{opacity:1}@media (max-width: 768px){.site-header{padding:0 1rem}.nav-list{gap:1rem}.nav-link{font-size:.75rem}.view{padding:var(--header-height) 1rem var(--footer-height)}.hero-title{font-size:2.5rem}.contact-email{font-size:1.2rem}}