:root{--bg-primary: #0A0A0B;--bg-secondary: #141415;--bg-tertiary: #1a1a1b;--bg-card: #141415;--bg-card-hover: #1a1a1b;--text-primary: #FAFAFA;--text-secondary: #888899;--text-muted: #555566;--accent-blue: #0066FF;--accent-blue-hover: #3385FF;--accent-teal: #00D4AA;--accent-teal-hover: #00E8BB;--accent-orange: #FF6B35;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--glow-teal: 0 0 30px rgba(0, 212, 170, .3);--glow-blue: 0 0 30px rgba(0, 102, 255, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-hero: clamp(4rem, 12vw, 10rem);--text-section: clamp(2rem, 5vw, 4rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-section: clamp(4rem, 10vh, 8rem);--container-padding: clamp(1.5rem, 4vw, 3rem);--max-width: 1400px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--ease-out: cubic-bezier(.19, 1, .22, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .2s var(--ease-out);--transition-base: .3s var(--ease-out);--transition-slow: .5s var(--ease-out);--transition-slower: .8s var(--ease-out);--z-cursor: 9999;--z-nav: 100;--z-modal: 200}[data-theme=light]{--bg-primary: #FAFAFA;--bg-secondary: #F0F0F2;--bg-tertiary: #E8E8EA;--bg-card: #FFFFFF;--bg-card-hover: #F5F5F7;--text-primary: #0A0A0B;--text-secondary: #555566;--text-muted: #888899;--accent-blue: #0055DD;--accent-blue-hover: #0044BB;--accent-teal: #00A888;--accent-teal-hover: #008866;--border-subtle: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .15)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-primary: #FAFAFA;--bg-secondary: #F0F0F2;--bg-tertiary: #E8E8EA;--bg-card: #FFFFFF;--bg-card-hover: #F5F5F7;--text-primary: #0A0A0B;--text-secondary: #555566;--text-muted: #888899;--accent-blue: #0055DD;--accent-teal: #00A888;--border-subtle: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .15)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}::selection{background-color:var(--accent-blue);color:var(--text-primary)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.1;letter-spacing:-.02em}.text-hero{font-size:var(--text-hero);font-weight:600;line-height:.9;letter-spacing:-.03em}.text-section{font-size:var(--text-section);font-weight:600}.text-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent-blue)}.text-teal{color:var(--accent-teal)}.main{min-height:100vh}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding-top:var(--space-section);padding-bottom:var(--space-section)}.custom-cursor{position:fixed;top:0;left:0;width:12px;height:12px;background-color:var(--text-primary);border-radius:50%;pointer-events:none;z-index:var(--z-cursor);transform:translate(-50%,-50%);transition:width .2s var(--ease-out),height .2s var(--ease-out),background-color .2s var(--ease-out),border .2s var(--ease-out);mix-blend-mode:difference}.custom-cursor.cursor-hover{width:40px;height:40px;background-color:transparent;border:2px solid var(--text-primary)}.custom-cursor.cursor-click{transform:translate(-50%,-50%) scale(.8)}.custom-cursor.cursor-plus{width:50px;height:50px;background-color:transparent;border:1px solid var(--accent-teal);mix-blend-mode:normal}.custom-cursor.cursor-plus:before,.custom-cursor.cursor-plus:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--accent-teal)}.custom-cursor.cursor-plus:before{width:20px;height:1px;transform:translate(-50%,-50%)}.custom-cursor.cursor-plus:after{width:1px;height:20px;transform:translate(-50%,-50%)}body.custom-cursor-active,body.custom-cursor-active a,body.custom-cursor-active button,body.custom-cursor-active [data-cursor],body.custom-cursor-active .project-card-wrapper{cursor:none}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);padding:var(--space-lg) var(--container-padding);display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease,backdrop-filter .3s ease}.header.scrolled{background-color:#0a0a0bd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-logo{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.header-nav{display:flex;gap:var(--space-xl)}.header-nav a{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;position:relative;transition:color var(--transition-fast)}.header-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:var(--text-primary);transition:width var(--transition-base)}.header-nav a:hover{color:var(--text-primary)}.header-nav a:hover:after{width:100%}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--container-padding);padding-bottom:var(--space-3xl);position:relative}.hero-location{position:absolute;top:calc(var(--space-lg) + 60px);left:var(--container-padding);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;opacity:0}.hero-location.animate{animation:fadeIn .6s var(--ease-out) forwards}.hero-content{max-width:900px}.hero-name{font-size:var(--text-hero);font-weight:600;line-height:.85;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-lg)}.hero-name-line{display:block;overflow:hidden}.hero-name-text{display:block;transform:translateY(100%);opacity:0}.hero-name-text.animate{animation:slideUp .8s var(--ease-out) forwards}.hero-role{font-size:var(--text-xl);font-weight:400;color:var(--text-secondary);opacity:0}.hero-role.animate{animation:fadeIn .6s var(--ease-out) forwards}.hero-scroll{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);opacity:0}.hero-scroll.animate{animation:fadeIn .6s var(--ease-out) forwards}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--text-secondary),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes slideUp{to{transform:translateY(0);opacity:1}}@keyframes fadeIn{to{opacity:1}}@keyframes scrollPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.5;transform:scaleY(.8)}}.projects{overflow:hidden}.projects-header{padding:var(--space-section) var(--container-padding) var(--space-2xl)}.projects-title{font-size:var(--text-section);font-weight:600;color:var(--text-primary)}.projects-scroll{display:flex;gap:var(--space-xl);padding:0 var(--container-padding);padding-right:calc(100vw - 380px - var(--container-padding));overflow:visible}.project-card{position:relative;flex-shrink:0;width:380px;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .3s var(--ease-out);scroll-snap-align:start}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 0%,transparent 40%,var(--accent-teal) 50%,transparent 60%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none;z-index:1}.project-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px -15px #00d4aa26,0 10px 20px -10px #0000004d;border-color:var(--accent-teal)}.project-card:hover:before{opacity:1}.project-card-image{width:100%;height:220px;overflow:hidden;background-color:var(--bg-tertiary);position:relative}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out),filter .4s var(--ease-out);filter:brightness(.7) saturate(.8)}.project-card:hover .project-card-image img{transform:scale(1.05);filter:brightness(1.1)}.project-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.project-overlay{width:70%;height:70%;opacity:.8;transition:opacity var(--transition-base),transform var(--transition-base)}.project-card:hover .project-overlay{opacity:1;transform:scale(1.05)}.project-card-content{padding:var(--space-lg);transition:transform .4s var(--ease-out)}.project-card:hover .project-card-content{transform:translateY(-4px)}.project-card-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.project-card-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.3}.project-card-meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-teal);margin-bottom:var(--space-lg)}.project-card-links{display:flex;gap:var(--space-md)}.project-card-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.project-card-link:hover{color:var(--text-primary)}.project-card-link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.project-card-link:hover svg{transform:translate(4px)}.about{padding:var(--space-section) var(--container-padding)}.about-header{margin-bottom:var(--space-3xl)}.about-title{font-size:var(--text-section);font-weight:600;color:var(--text-primary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:start}.about-content{max-width:600px}.about-statement{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;color:var(--text-primary);line-height:1.3;margin-bottom:var(--space-xl)}.about-bio{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-2xl)}.about-visual{display:flex;align-items:center;justify-content:center;min-height:400px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.about-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,var(--accent-blue) 0%,transparent 40%),radial-gradient(circle at 80% 70%,var(--accent-teal) 0%,transparent 40%);opacity:.1}.skills{margin-top:var(--space-3xl)}.skills-title{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg)}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tag{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-subtle);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.skill-tag:hover{border-color:var(--accent-blue);background-color:#0066ff1a}.footer{background-color:var(--accent-blue);padding:var(--space-4xl) var(--container-padding);color:#fff}.footer-content{max-width:var(--max-width);margin:0 auto}.footer-headline{font-size:clamp(3rem,10vw,8rem);font-weight:600;line-height:.9;letter-spacing:-.03em;margin-bottom:var(--space-3xl)}.footer-email{font-size:clamp(1.25rem,3vw,2rem);margin-bottom:var(--space-3xl);display:inline-block;position:relative;cursor:pointer;transition:opacity var(--transition-fast)}.footer-email:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base)}.footer-email:hover:after{transform:scaleX(1);transform-origin:left}.footer-links{display:flex;gap:var(--space-xl);margin-bottom:var(--space-4xl);flex-wrap:wrap}.footer-link{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;opacity:.8;transition:opacity var(--transition-fast);position:relative}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:#fff;transition:width var(--transition-base)}.footer-link:hover{opacity:1}.footer-link:hover:after{width:100%}.footer-copyright{font-size:var(--text-sm);opacity:.6}.fade-up{opacity:0;transform:translateY(40px)}.fade-up.in-view{animation:fadeUp .8s var(--ease-out) forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.stagger-children>*{opacity:0;transform:translateY(20px)}.stagger-children.in-view>*:nth-child(1){animation:fadeUp .6s var(--ease-out) 0ms forwards}.stagger-children.in-view>*:nth-child(2){animation:fadeUp .6s var(--ease-out) 50ms forwards}.stagger-children.in-view>*:nth-child(3){animation:fadeUp .6s var(--ease-out) .1s forwards}.stagger-children.in-view>*:nth-child(4){animation:fadeUp .6s var(--ease-out) .15s forwards}.stagger-children.in-view>*:nth-child(5){animation:fadeUp .6s var(--ease-out) .2s forwards}.stagger-children.in-view>*:nth-child(6){animation:fadeUp .6s var(--ease-out) .25s forwards}.stagger-children.in-view>*:nth-child(7){animation:fadeUp .6s var(--ease-out) .3s forwards}.stagger-children.in-view>*:nth-child(8){animation:fadeUp .6s var(--ease-out) .35s forwards}.stagger-children.in-view>*:nth-child(9){animation:fadeUp .6s var(--ease-out) .4s forwards}.stagger-children.in-view>*:nth-child(10){animation:fadeUp .6s var(--ease-out) .45s forwards}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;z-index:calc(var(--z-nav) + 10)}.hamburger-line{width:24px;height:2px;background-color:var(--text-primary);transition:transform var(--transition-base),opacity var(--transition-base)}.hamburger.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-primary);z-index:var(--z-nav);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.mobile-nav a{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast)}.mobile-nav a:hover{color:var(--accent-blue)}@media(max-width:1024px){.about-grid{grid-template-columns:1fr}.about-visual{order:-1;min-height:300px}}@media(max-width:768px){:root{--text-hero: clamp(2.5rem, 15vw, 5rem);--text-section: clamp(1.75rem, 6vw, 3rem)}.header-nav-desktop{display:none}.hamburger{display:flex}.project-card{width:320px}.footer-headline{font-size:clamp(2rem,12vw,5rem)}.footer-links{flex-direction:column;gap:var(--space-md)}}.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}.header-valiente{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);padding:var(--space-lg) var(--container-padding);display:flex;justify-content:space-between;align-items:flex-start;transition:background-color .3s ease,backdrop-filter .3s ease}.header-valiente.scrolled{background-color:#0a0a0bd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-left{flex:1}.header-logo-center{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);letter-spacing:.1em}.header-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-lg)}.header-location{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.header-contact-btn{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-medium);border-radius:var(--radius-full);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.header-contact-btn:hover{border-color:var(--accent-teal);background-color:#00d4aa1a}.contact-btn-arrow{display:flex;transition:transform var(--transition-fast)}.header-contact-btn:hover .contact-btn-arrow{transform:translate(2px,-2px)}.valiente-nav{display:flex;flex-direction:column}.valiente-nav.expanded .valiente-nav-links{display:flex;flex-direction:column;gap:var(--space-xs)}.valiente-nav-link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast);line-height:1.4}.valiente-nav-link:hover{color:var(--accent-teal)}.valiente-hamburger{display:flex;flex-direction:column;gap:4px;padding:var(--space-xs);background:none;border:none;cursor:pointer}.valiente-hamburger .hamburger-line{width:24px;height:2px;background-color:var(--text-primary);transition:all var(--transition-fast)}.valiente-hamburger:hover .hamburger-line{background-color:var(--accent-teal)}.hamburger-mobile{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;z-index:calc(var(--z-nav) + 10)}.hamburger-mobile .hamburger-line{width:24px;height:2px;background-color:var(--text-primary);transition:transform var(--transition-base),opacity var(--transition-base)}.hamburger-mobile.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-mobile.open .hamburger-line:nth-child(2){opacity:0}.hamburger-mobile.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-scroll-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.text-scramble{font-family:var(--font-mono);letter-spacing:.05em}.projects-scattered{padding:var(--space-section) var(--container-padding);padding-bottom:calc(var(--space-section) * 2);min-height:100vh}.projects-header-scattered{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-4xl)}.projects-counter{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.projects-title-scattered{font-size:var(--text-section);font-weight:600;color:var(--text-primary)}.projects-grid-scattered{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-xl);row-gap:var(--space-4xl);transition:opacity var(--transition-base)}.project-card-wrapper{transition:opacity var(--transition-base),filter var(--transition-base),transform var(--transition-base)}.project-card-wrapper-1{grid-column:1 / 6}.project-card-wrapper-2{grid-column:7 / 11;margin-top:var(--space-4xl)}.project-card-wrapper-3{grid-column:2 / 7}.project-card-wrapper-4{grid-column:8 / 13;margin-top:calc(var(--space-4xl) * -.5)}.project-card-wrapper-5{grid-column:3 / 8}.project-card-wrapper-6{grid-column:6 / 11;margin-top:var(--space-3xl)}.projects-grid-scattered.has-hover .project-card-wrapper.dimmed{opacity:.3;filter:blur(2px)}.project-card-wrapper.hovered{transform:scale(1.02)}.projects-scattered .project-card{width:100%;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .3s var(--ease-out)}.projects-scattered .project-card:hover{transform:translateY(-12px);border-color:var(--accent-teal);box-shadow:0 20px 40px -15px #00d4aa26,0 10px 20px -10px #0000004d}.projects-scattered .project-card-image{height:280px}.project-card-wrapper{position:relative;will-change:transform}.about-overlap{padding:var(--space-section) var(--container-padding);min-height:100vh;position:relative;overflow:hidden}.about-header-overlap{margin-bottom:var(--space-2xl)}.about-title-overlap{font-size:var(--text-section);font-weight:600;color:var(--text-primary)}.about-content-overlap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:start}.about-decorative{position:absolute;right:-10%;top:-20%;width:70%;max-width:600px;height:auto;pointer-events:none;z-index:0}.about-statement-overlap{font-size:clamp(2rem,5vw,4rem);font-weight:600;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;position:relative;z-index:2;grid-column:1 / 2;max-width:600px}.about-body{grid-column:2 / 3;grid-row:1 / 3;position:relative;z-index:1}.about-bio-overlap{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-3xl)}.skills-overlap{margin-top:var(--space-xl)}.skills-title-overlap{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg)}.skills-grid-overlap{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tag-overlap{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-subtle);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.skill-tag-overlap:hover{border-color:var(--accent-blue);background-color:#0066ff1a;transform:translateY(-2px)}.services-overlap{margin-top:var(--space-3xl)}.services-title-overlap{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg)}.services-grid-overlap{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.service-card-overlap{background-color:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xl);transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.service-card-overlap:hover{border-color:var(--accent-teal);background-color:#00d4aa0d;transform:translateY(-4px)}.service-card-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.service-card-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.services-grid-overlap{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.services-grid-overlap{grid-template-columns:1fr}}.footer-giant{background-color:var(--bg-primary);border-top:1px solid var(--border-subtle);padding:var(--space-4xl) var(--container-padding);padding-bottom:var(--space-2xl)}.footer-giant-name{width:100%;height:clamp(150px,25vw,300px);overflow:hidden;margin-bottom:var(--space-3xl)}.fluid-glass{width:100%;height:100%;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.fluid-glass-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.footer-name-text{font-size:clamp(4rem,15vw,12rem);font-weight:700;color:var(--text-primary);opacity:.15;letter-spacing:-.02em;line-height:1;display:block;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.footer-bottom-left,.footer-bottom-right{display:flex;align-items:center;gap:var(--space-md)}.footer-location,.footer-year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.footer-divider{color:var(--text-muted);font-size:var(--text-sm)}.footer-email-btn{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:none;border:none;cursor:pointer;position:relative;padding:var(--space-sm) 0;transition:color var(--transition-fast)}.footer-email-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--accent-teal);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base)}.footer-email-btn:hover:after{transform:scaleX(1);transform-origin:left}.footer-social-link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast)}.footer-social-link:hover{color:var(--text-primary)}.section-pagination{position:fixed;right:var(--container-padding);top:50%;transform:translateY(-50%);z-index:var(--z-nav);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.section-pagination.visible{opacity:1;visibility:visible}.pagination-arrow{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0a0a0bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.pagination-arrow:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-medium)}.pagination-arrow:disabled{opacity:.3;cursor:not-allowed}.pagination-counter{display:flex;flex-direction:column;align-items:center;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.pagination-current{color:var(--text-primary);font-weight:500}.pagination-divider{color:var(--text-muted);font-size:var(--text-xs);margin:var(--space-xs) 0}.pagination-total{color:var(--text-muted)}.mobile-nav a{display:flex;align-items:center;gap:var(--space-md)}.mobile-nav-number{font-size:var(--text-sm);color:var(--text-muted)}@media(max-width:1200px){.valiente-nav,.header-location{display:none}.hamburger-mobile{display:flex}.projects-grid-scattered{grid-template-columns:repeat(6,1fr)}.project-card-wrapper-1{grid-column:1 / 4;margin-top:0}.project-card-wrapper-2{grid-column:4 / 7;margin-top:0}.project-card-wrapper-3{grid-column:1 / 4;margin-top:0}.project-card-wrapper-4{grid-column:4 / 7;margin-top:0}.project-card-wrapper-5{grid-column:1 / 4;margin-top:0}.project-card-wrapper-6{grid-column:4 / 7;margin-top:0}}@media(max-width:768px){.section-pagination,.header-contact-btn{display:none}.header-logo-center{position:relative;left:auto;transform:none}.header-right{flex:0}.projects-grid-scattered{grid-template-columns:1fr;gap:var(--space-2xl);row-gap:var(--space-2xl)}.project-card-wrapper-1,.project-card-wrapper-2,.project-card-wrapper-3,.project-card-wrapper-4,.project-card-wrapper-5,.project-card-wrapper-6{grid-column:1 / -1;margin-top:0}.projects-scattered .project-card-image{height:200px}.about-content-overlap{grid-template-columns:1fr;gap:var(--space-2xl)}.about-statement-overlap{grid-column:1 / -1;font-size:clamp(1.5rem,8vw,2.5rem)}.about-body{grid-column:1 / -1;grid-row:auto}.about-decorative{right:-30%;top:-10%;width:100%;opacity:.5}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.footer-bottom-left,.footer-bottom-right{flex-wrap:wrap}.footer-name-text{font-size:clamp(2.5rem,12vw,6rem)}}.fluid-glass{width:100%;height:clamp(150px,25vw,300px);position:relative;overflow:hidden}.fluid-glass canvas{width:100%;height:100%;display:block}.fluid-glass-fallback{width:100%}.project-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.filter-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.filter-btn.active{background:var(--accent-teal);border-color:var(--accent-teal);color:var(--bg-primary)}.filter-btn:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--bg-tertiary);font-size:var(--text-xs)}.filter-btn.active .filter-count{background:#0003}.scroll-progress{position:fixed;top:0;left:0;width:var(--progress, 0%);height:2px;background:linear-gradient(90deg,var(--accent-teal),var(--accent-blue));z-index:calc(var(--z-nav) + 1);transition:width .1s linear;pointer-events:none}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.theme-toggle:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.theme-toggle svg{transition:transform var(--transition-fast)}.theme-toggle:hover svg{transform:rotate(15deg)}*:focus{cursor:auto}*:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:1rem 2rem;background:var(--accent-teal);color:var(--bg-primary);font-weight:600;z-index:10000;transition:top .3s;border-radius:var(--radius-sm)}.skip-link:focus{top:1rem}*:focus,*:focus-visible{cursor:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html,html.lenis,html.lenis body{scroll-behavior:auto!important}.hero-name,.hero-role,.project-card,.about-statement-overlap,.about-bio-overlap,.skill-tag-overlap{opacity:1!important;transform:none!important}.project-card-wrapper{transform:none!important}.scroll-progress{display:none}}