:root{--color-bg-primary: #f5f2eb;--color-bg-secondary: #eae6dd;--color-bg-tertiary: #dfdad0;--color-bg-elevated: #ffffff;--color-bg-dark: #0d0f0d;--color-accent-primary: #6b7a5f;--color-accent-secondary: #c8ff00;--color-accent-warm: #a3d900;--color-text-primary: #0d0f0d;--color-text-secondary: #4a524a;--color-text-muted: #8c968c;--color-text-inverse: #f5f2eb;--color-text-lime: #c8ff00;--color-border: #d1cbc2;--color-border-light: #e5e0d8;--gradient-lime: linear-gradient(135deg, #c8ff00 0%, #a3d900 100%);--gradient-warm: linear-gradient(135deg, #ff8c42 0%, #ff6b35 100%);--gradient-dark: linear-gradient(180deg, #0d0f0d 0%, #141714 100%);--gradient-mesh: radial-gradient(ellipse at 20% 0%, rgba(200, 255, 0, .03) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, rgba(255, 140, 66, .02) 0%, transparent 50%);--font-display: "Bebas Neue", "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-serif: "Playfair Display", Georgia, serif;--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .9rem);--text-base: clamp(.95rem, .9rem + .25vw, 1.05rem);--text-lg: clamp(1.1rem, 1rem + .5vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-4xl: clamp(2.5rem, 2rem + 2.5vw, 4rem);--text-5xl: clamp(3.5rem, 2.5rem + 5vw, 6rem);--text-hero: clamp(4rem, 3rem + 8vw, 12rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-section: clamp(8rem, 15vh, 16rem);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .35);--shadow-lime: 0 0 40px rgba(200, 255, 0, .15);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-circ: cubic-bezier(.85, 0, .15, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--duration-slowest: 1.2s;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-cursor: 500;--z-loader: 600;--z-banner: 700;--container-max: 1400px;--container-padding: clamp(1.5rem, 5vw, 4rem);--header-height: 80px;--banner-height: 36px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;user-select:none}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden;cursor:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}::selection{background:var(--color-accent-primary);color:var(--color-text-inverse)}a{color:inherit;text-decoration:none;cursor:none}img,video{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:none;border:none;background:none;color:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:4px}.accent{color:var(--color-accent-primary)}.accent-text{background:var(--gradient-lime);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight{color:var(--color-accent-primary);font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.redacted{position:relative;display:inline-block}.redacted:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-text-primary);transition:transform .8s var(--ease-out-expo);transform-origin:right}.redacted.revealed:before{transform:scaleX(0)}.marker-underline{position:relative;display:inline-block}.marker-underline:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:8px;background:var(--color-accent-primary);opacity:.4;transform:skew(-12deg) scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out-expo)}.marker-underline.active:after,.marker-underline:hover:after{transform:skew(-12deg) scaleX(1)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-cursor);opacity:.02;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")}#three-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-base);pointer-events:none}.site-banner{position:fixed;top:0;left:0;width:100%;height:var(--banner-height);background:var(--color-text-primary);z-index:var(--z-banner);display:flex;align-items:center;justify-content:center;overflow:hidden}.banner-content{display:flex;align-items:center;gap:var(--space-6);animation:bannerScroll 25s linear infinite;white-space:nowrap}@keyframes bannerScroll{0%{transform:translate(50%)}to{transform:translate(-50%)}}.banner-content span{font-family:var(--font-display);font-size:var(--text-sm);font-weight:400;letter-spacing:.2em;color:var(--color-text-inverse);text-transform:uppercase}.cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--z-cursor)}.cursor-dot{position:fixed;width:6px;height:6px;background:var(--color-accent-primary);border-radius:50%;transform:translate(-50%,-50%);transition:transform .1s ease}.cursor-outline{position:fixed;width:32px;height:32px;border:1px solid var(--color-accent-primary);border-radius:50%;transform:translate(-50%,-50%);transition:all .15s ease;opacity:.4}.cursor.hover .cursor-dot{transform:translate(-50%,-50%) scale(2.5)}.cursor.hover .cursor-outline{transform:translate(-50%,-50%) scale(1.5);opacity:.1}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);z-index:var(--z-loader);display:flex;align-items:center;justify-content:center;transition:opacity .8s var(--ease-out-expo),visibility .8s}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-text{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:400;letter-spacing:.3em;margin-bottom:var(--space-8);color:var(--color-text-primary);text-transform:uppercase}.loader-bar{width:200px;height:1px;background:var(--color-border);margin:0 auto}.loader-progress{height:100%;width:0%;background:var(--color-text-primary)}.nav{position:fixed;top:var(--banner-height);left:0;width:100%;height:var(--header-height);padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between;z-index:var(--z-fixed);transition:all .3s ease}.nav.scrolled{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);height:60px}.nav-logo a{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:.1em}.nav-links{display:flex;gap:var(--space-8)}.nav-link{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-secondary);transition:color .3s ease}.nav-link:hover{color:var(--color-text-primary)}.nav-link-cta{color:var(--color-accent-primary);font-weight:600}section{padding:var(--space-section) var(--container-padding)}.section-header{margin-bottom:var(--space-12);border-bottom:2px solid var(--color-text-primary);padding-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:baseline}.section-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.section-title{font-family:var(--font-display);font-size:var(--text-4xl);text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.nav-links{display:none}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:calc(var(--header-height) + var(--banner-height));background-color:var(--color-bg-primary);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--color-border-light) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-light) 1px,transparent 1px);background-size:40px 40px;opacity:.1;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto;width:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-12);align-items:end}.hero-tag{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-12);opacity:0;transform:translateY(20px)}.tag-line{display:block;width:80px;height:1px;background:var(--color-text-primary)}.tag-text{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.3em;color:var(--color-text-secondary);text-transform:uppercase}.hero-title{grid-column:1;margin-bottom:var(--space-8)}.title-line{display:block;overflow:hidden}.title-word{display:inline-block;font-family:var(--font-display);font-size:var(--text-hero);font-weight:400;letter-spacing:-.01em;line-height:.85;text-transform:uppercase;opacity:0;transform:translateY(100%)}.accent-word{color:var(--color-accent-primary);position:relative}.hero-subtitle{grid-column:1;max-width:600px;font-family:var(--font-body);font-size:var(--text-xl);line-height:1.4;color:var(--color-text-secondary);opacity:0;transform:translateY(30px)}.hero-scroll-indicator{position:absolute;bottom:var(--space-12);left:var(--container-padding);display:flex;align-items:center;gap:var(--space-4);opacity:0}.scroll-text{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.3em;color:var(--color-text-muted)}.scroll-line{width:80px;height:1px;background:var(--color-border);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-accent-primary);animation:scrollSlide 2s cubic-bezier(.77,0,.175,1) infinite}@keyframes scrollSlide{0%{transform:translate(0)}to{transform:translate(200%)}}.hero-status{position:absolute;top:50%;right:var(--container-padding);transform:rotate(90deg) translateY(-50%);transform-origin:right center;display:flex;align-items:center;gap:var(--space-4);opacity:0}.status-dot{width:8px;height:8px;background:var(--color-accent-primary)}.status-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}.hero .redacted:before{background:var(--color-bg-dark)}@media(max-width:992px){.hero-content{grid-template-columns:1fr}.hero-status{display:none}}@media(max-width:768px){.title-word{font-size:clamp(4rem,15vw,6rem)}.hero-subtitle{font-size:var(--text-lg)}}.about{background:var(--color-bg-secondary);position:relative;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-20);align-items:start;max-width:var(--container-max);margin:0 auto}.about-text{display:flex;flex-direction:column;gap:var(--space-8)}.about-intro{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;line-height:1.1;text-transform:uppercase;color:var(--color-text-primary)}.about-description{font-family:var(--font-body);font-size:var(--text-xl);color:var(--color-text-secondary);line-height:1.6;max-width:90%}.about-currently{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-8);background:var(--color-bg-primary);border:1px solid var(--color-border);position:relative;margin-top:var(--space-4)}.about-currently:before{content:"STATUS";position:absolute;top:-10px;right:20px;background:var(--color-accent-primary);color:var(--color-text-inverse);font-family:var(--font-mono);font-size:10px;padding:2px 8px;letter-spacing:2px}.currently-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.currently-text{font-size:var(--text-base);color:var(--color-text-primary);font-weight:500}.about-visual{position:relative}.code-block{background:var(--color-bg-dark);color:#fff;padding:2px;box-shadow:20px 20px 0 var(--color-border)}.code-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#1a1a1a;border-bottom:1px solid #333}.code-dot{width:8px;height:8px;border-radius:50%;background:#333}.code-title{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:#666;text-transform:uppercase}.code-content{padding:var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:#a0a0a0;overflow-x:auto}.code-content code{display:block;white-space:pre}@media(max-width:992px){.about-content{grid-template-columns:1fr;gap:var(--space-12)}.about-description{max-width:100%}}.tech{background:var(--color-bg-primary);position:relative}.tech-content{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);max-width:var(--container-max);margin:0 auto}.tech-category{padding:var(--space-8) 0;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-6)}.tech-category-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.1em;color:var(--color-text-primary);text-transform:uppercase;font-weight:400}.tech-items{display:flex;flex-direction:column;gap:var(--space-2)}.tech-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;transition:all var(--duration-normal) ease;border-bottom:1px solid transparent}.tech-item:hover{padding-left:var(--space-2);border-bottom-color:var(--color-accent-primary)}.tech-icon{font-size:var(--text-base);filter:grayscale(1);opacity:.6;transition:all .3s ease}.tech-item:hover .tech-icon{filter:grayscale(0);opacity:1}.tech-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.tech-marquee{margin-top:var(--space-24);padding:var(--space-10) 0;border-top:2px solid var(--color-text-primary);border-bottom:2px solid var(--color-text-primary);overflow:hidden;background:var(--color-accent-primary);color:var(--color-text-inverse)}.marquee-track{display:flex;gap:var(--space-12);animation:marquee 30s linear infinite;white-space:nowrap}.marquee-track span{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:400;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:1200px){.tech-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.tech-content{grid-template-columns:1fr}}.projects{background:var(--color-bg-secondary);position:relative;border-top:1px solid var(--color-border)}.projects-content{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);max-width:var(--container-max);margin:0 auto var(--space-20);background:var(--color-border);border:1px solid var(--color-border)}.project-card{position:relative;padding:var(--space-12);background:var(--color-bg-primary);display:flex;flex-direction:column;gap:var(--space-6);transition:background var(--duration-normal) ease}.project-card:hover{background:var(--color-bg-secondary)}.project-status{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-text-primary);color:var(--color-text-inverse);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;width:fit-content}.project-icon{font-size:var(--text-2xl)}.project-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;text-transform:uppercase;line-height:1}.project-description{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.project-tech span{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.project-tech span:after{content:"/";margin-left:var(--space-2)}.project-tech span:last-child:after{display:none}.projects-message{text-align:left;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.projects-message p{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);text-transform:uppercase;line-height:1}.projects-message a{color:var(--color-accent-primary);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}@media(max-width:1024px){.projects-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.projects-content{grid-template-columns:1fr}}.contact{min-height:80vh;display:flex;align-items:center;background:var(--color-bg-primary);position:relative;border-top:2px solid var(--color-text-primary)}.contact-content{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto;width:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-20);align-items:center}.contact-title{margin-bottom:0}.contact-title .title-line{display:block;font-family:var(--font-display);font-size:var(--text-hero);font-weight:400;line-height:.85;text-transform:uppercase}.contact-subtitle{font-family:var(--font-body);font-size:var(--text-2xl);color:var(--color-text-secondary);line-height:1.2}.contact-links{display:flex;flex-direction:column;gap:var(--space-4)}.contact-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0;border-bottom:1px solid var(--color-border);transition:all var(--duration-normal) ease}.contact-link:hover{border-bottom-color:var(--color-text-primary);padding-left:var(--space-4)}.link-icon{font-size:var(--text-xl);color:var(--color-accent-primary)}.link-text{font-family:var(--font-display);font-size:var(--text-3xl);text-transform:uppercase}.footer{padding:var(--space-20) var(--container-padding);background:var(--color-bg-primary);position:relative;border-top:1px solid var(--color-border)}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--container-max);margin:0 auto}.footer-left{display:flex;flex-direction:column;gap:var(--space-2)}.footer-logo{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase}.footer-tagline{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);grid-column:3}.footer-copyright,.footer-location{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.footer-decoration{margin-top:var(--space-12);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.decoration-text{font-family:var(--font-display);font-size:clamp(4rem,15vw,20rem);font-weight:400;line-height:.8;text-transform:uppercase;color:var(--color-bg-secondary);display:block;width:100%;text-align:center}@media(max-width:992px){.contact-content{grid-template-columns:1fr;gap:var(--space-12)}.footer-content{grid-template-columns:1fr 1fr;gap:var(--space-12)}.footer-right{grid-column:2}}@media(max-width:600px){.footer-content{grid-template-columns:1fr}.footer-right{grid-column:1;align-items:flex-start}}