:root{--cream:#1c1916;--cream2:#252019;--ink:#f0ebe2;--ink2:#d8d0c4;--muted:#7a7068;--border:#f0ebe21a;--border2:#f0ebe20f;--accent:#e8440a;--accent2:#2563eb;--accent3:#059669;--surface:#00000040;--surface2:#252019;--serif:"Fraunces", serif;--mono:"DM Mono", monospace;--sans:"DM Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--sans);cursor:none;transition:background .3s,color .3s;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9000;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.cursor{background:var(--accent);pointer-events:none;z-index:9999;border-radius:50%;width:10px;height:10px;transition:width .15s,height .15s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{border:1.5px solid var(--ink);pointer-events:none;z-index:9998;opacity:.2;border-radius:50%;width:32px;height:32px;transition:all .12s ease-out;position:fixed;transform:translate(-50%,-50%)}nav{z-index:100;justify-content:space-between;align-items:center;padding:1.25rem 3rem;transition:all .4s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#1c1916ed}.nav-logo{font-family:var(--serif);color:var(--ink);letter-spacing:-.03em;align-items:baseline;gap:.05em;font-size:1.1rem;text-decoration:none;display:inline-flex}.nav-logo .logo-light{font-weight:300}.nav-logo .logo-guerra{color:var(--accent);font-weight:900}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{font-family:var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .2s;position:absolute;bottom:-2px;left:0}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{width:100%}.nav-right{align-items:center;gap:.75rem;display:flex}.lang-toggle{border:1.5px solid var(--border);height:32px;color:var(--muted);cursor:pointer;font-family:var(--mono);letter-spacing:.06em;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:0 .55rem;font-size:.7rem;transition:color .2s,border-color .2s;display:flex}.lang-toggle:hover{color:var(--ink);border-color:var(--ink)}#hero{grid-template-columns:1fr 400px;align-items:center;gap:4rem;max-width:1160px;min-height:100vh;margin:0 auto;padding:7rem 3rem 4rem;display:grid;position:relative;overflow:hidden}.hero-bg-shape{pointer-events:none;background:radial-gradient(#e8440a0f 0%,#0000 70%);width:480px;height:480px;position:absolute;top:-60px;right:-80px}.hero-bg-dots{background-image:radial-gradient(circle, var(--muted) 1px, transparent 1px);opacity:.15;pointer-events:none;background-size:12px 12px;width:100px;height:100px;position:absolute;bottom:80px;left:40px}.hero-stacked-bg{pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;opacity:0;flex-direction:column;line-height:.84;animation:.9s .65s forwards fadeUp;display:flex;position:absolute;bottom:-10px;right:-8px}.hero-stacked-bg span{font-family:var(--serif);letter-spacing:.06em;text-transform:uppercase;font-size:clamp(4rem,9vw,9rem)}.hero-stacked-bg span:first-child{color:#0000;-webkit-text-stroke:1px #f0ebe212;font-weight:300}.hero-stacked-bg span:last-child{color:#e8440a12;font-weight:900}.hero-eyebrow{font-family:var(--mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;opacity:0;align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:.72rem;animation:.6s .1s forwards fadeUp;display:inline-flex}.hero-eyebrow-dot{background:var(--accent3);border-radius:50%;width:6px;height:6px;animation:2s infinite blink}h1.hero-h1{font-family:var(--serif);letter-spacing:-.03em;opacity:0;font-size:clamp(3rem,5.5vw,5.5rem);font-weight:900;line-height:1;animation:.7s .25s forwards fadeUp}h1.hero-h1 em{color:var(--muted);font-style:italic;font-weight:300}h1.hero-h1 .hero-plus{color:var(--accent);font-style:normal}.ul{position:relative}.ul:after{content:"";background:var(--accent);opacity:.45;height:4px;position:absolute;bottom:3px;left:0;right:0}.hero-desc{color:var(--muted);opacity:0;max-width:440px;margin-top:1.75rem;font-size:1rem;line-height:1.75;animation:.7s .4s forwards fadeUp}.hero-desc strong{color:var(--ink)}.hero-cta{opacity:0;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem;animation:.7s .55s forwards fadeUp;display:flex}.btn-primary{background:var(--ink);color:var(--cream);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:2px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.74rem;font-weight:500;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.btn-primary:hover{background:var(--accent);transform:translateY(-1px)}.btn-ghost{border:1.5px solid var(--border);color:var(--ink2);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--surface);border-radius:2px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.74rem;text-decoration:none;transition:border-color .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--ink)}.hero-right{opacity:0;animation:.8s .5s forwards fadeUp}.avatar-card{background:var(--surface2);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 20px 60px #1a171412,0 4px 16px #1a17140a}.avatar-top{border-bottom:1px solid var(--border2);background:linear-gradient(135deg,#252019 0%,#2e2a26 100%);flex-direction:column;align-items:center;padding:2rem 2rem 1.5rem;display:flex}.avatar-img{border:3px solid var(--cream2);border-radius:50%;width:130px;height:130px;margin-bottom:1rem;overflow:hidden;box-shadow:0 4px 16px #1a17141a}.avatar-name{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.avatar-role{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem}.avatar-body{padding:1.25rem 1.75rem}.avatar-stat-row{border:1px solid var(--border);border-radius:3px;margin-bottom:1rem;display:flex;overflow:hidden}.avatar-stat{text-align:center;border-right:1px solid var(--border);flex:1;padding:.7rem .4rem}.avatar-stat:last-child{border-right:none}.avatar-stat-val{font-family:var(--serif);color:var(--ink);font-size:1.25rem;font-weight:700;line-height:1}.avatar-stat-lab{font-family:var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:.2rem;font-size:.55rem}.avatar-tags{flex-wrap:wrap;gap:.4rem;display:flex}.avatar-tag{background:var(--cream2);border:1px solid var(--border);font-family:var(--mono);color:var(--ink2);border-radius:2px;padding:.25rem .6rem;font-size:.6rem}.avatar-tag.green{color:var(--accent3);background:#05966912;border-color:#05966933}.avatar-tag.red{color:var(--accent);background:#e8440a12;border-color:#e8440a33}section{padding:6rem 3rem}.container{max-width:1100px;margin:0 auto}.section-label{font-family:var(--mono);color:var(--muted);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:.67rem;display:flex}.section-label span{color:var(--accent)}.section-title{font-family:var(--serif);letter-spacing:-.03em;margin-bottom:3rem;font-size:clamp(1.9rem,3.5vw,2.9rem);font-weight:900;line-height:1.1}.section-title em{color:var(--muted);font-style:italic;font-weight:300}#about{background:var(--surface2)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.about-text p{color:var(--muted);margin-bottom:1.2rem;font-size:.98rem;line-height:1.8}.about-text p strong{color:var(--ink)}.about-philosophy{border-left:3px solid var(--accent);background:var(--cream);margin-top:2rem;padding:1.4rem 1.5rem}.about-philosophy p{font-family:var(--serif);color:var(--ink2);margin:0;font-size:1rem;font-style:italic;font-weight:300;line-height:1.6}.skills-block{flex-direction:column;gap:1.1rem;display:flex}.skill-category{border:1px solid var(--border);background:var(--cream);border-radius:3px;padding:1.2rem 1.4rem;transition:border-color .2s,box-shadow .2s}.skill-category:hover{border-color:#e8440a38;box-shadow:0 4px 20px #e8440a0a}.skill-cat-name{font-family:var(--mono);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.8rem;font-size:.63rem}.skill-tags{flex-wrap:wrap;gap:.4rem;display:flex}.skill-tag{background:var(--surface2);border:1px solid var(--border);font-family:var(--mono);color:var(--ink2);cursor:default;border-radius:2px;padding:.27rem .68rem;font-size:.67rem;transition:all .15s}.skill-tag:hover,.skill-tag.highlight{background:var(--ink);border-color:var(--ink);color:var(--cream)}#projects{background:var(--cream)}.project-featured{border:1px solid var(--border);background:var(--surface2);border-radius:4px 4px 0 0;grid-template-columns:1fr 380px;margin-bottom:2px;transition:box-shadow .3s;display:grid;overflow:hidden}.project-featured:hover{box-shadow:0 12px 48px #1a171412}.project-featured-body{padding:2.5rem}.project-featured-preview{border-left:1px solid var(--border);background:linear-gradient(135deg,#1e2235 0%,#1a2620 100%);justify-content:center;align-items:center;padding:2rem;display:flex}.project-featured-barber{border-top:none;border-radius:0}.project-featured-preview-barber{background:linear-gradient(135deg,#2a2118 0%,#221c14 100%)}.projects-secondary{background:var(--border);border:1px solid var(--border);border-top:none;border-radius:0 0 4px 4px;grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.projects-duo{background:var(--border);border:1px solid var(--border);border-top:none;border-radius:0 0 4px 4px;grid-template-columns:1fr 1fr;gap:2px;display:grid}.project-duo-card{background:var(--surface2);flex-direction:column;padding:1.75rem;transition:background .2s;display:flex;position:relative;overflow:hidden}.project-duo-card:hover{background:var(--cream)}.project-duo-card:after{content:"";background:var(--accent);width:0;height:2px;transition:width .35s;position:absolute;bottom:0;left:0}.project-duo-card:hover:after{width:100%}.project-duo-preview{flex:1;justify-content:center;align-items:center;padding:1.5rem 0;display:flex}.projects-duo-bottom{border-top:none;border-radius:0 0 4px 4px;margin-top:2px}.project-duo-icon-preview{border-radius:4px;justify-content:center;align-items:center;width:100%;height:140px;display:flex}.project-duo-icon-blue{color:#2563eb;background:linear-gradient(135deg,#1e2a3a 0%,#172040 100%)}.project-duo-icon-green{color:#059669;background:linear-gradient(135deg,#0d2318 0%,#0f2e22 100%)}.project-card{background:var(--surface2);flex-direction:column;padding:1.75rem;transition:background .2s;display:flex;position:relative;overflow:hidden}.project-card:hover{background:var(--cream)}.project-card:after{content:"";background:var(--accent);width:0;height:2px;transition:width .35s;position:absolute;bottom:0;left:0}.project-card:hover:after{width:100%}.project-num{font-family:var(--mono);color:var(--muted);letter-spacing:.12em;margin-bottom:.9rem;font-size:.6rem}.project-name{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.project-desc{color:var(--muted);margin-bottom:1.1rem;font-size:.86rem;line-height:1.7}.project-tech{flex-wrap:wrap;gap:.35rem;margin-bottom:1.1rem;display:flex}.tech-chip{border:1px solid var(--border);font-family:var(--mono);color:var(--muted);background:var(--cream2);border-radius:2px;padding:.18rem .5rem;font-size:.58rem}.project-badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;align-items:center;gap:.3rem;margin-bottom:1rem;padding:.18rem .6rem;font-size:.57rem;display:inline-flex}.badge-featured{color:var(--accent);background:#e8440a12;border:1px solid #e8440a33}.badge-client{color:var(--accent2);background:#2563eb12;border:1px solid #2563eb33}.badge-case{color:var(--ink2);background:#64646412;border:1px solid #64646433}.badge-wip{color:#b45309;background:#eab3081a;border:1px solid #eab30859}.project-links{gap:1rem;display:flex}.project-link{font-family:var(--mono);color:var(--ink2);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);align-items:center;gap:.35rem;padding-bottom:2px;font-size:.67rem;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.project-link:hover{color:var(--accent);border-color:var(--accent)}.project-link svg{width:11px;height:11px}.phone-mockup{filter:drop-shadow(0 16px 32px #1a171424);width:150px}.mini-preview{border-radius:6px;justify-content:center;align-items:center;height:160px;margin:1rem 0;padding:.9rem;display:flex;overflow:hidden}.project-card .project-desc{flex:1}#experience{background:var(--surface2)}.timeline{max-width:680px}.timeline-item{grid-template-columns:95px 1fr;gap:2rem;margin-bottom:2.5rem;display:grid;position:relative}.timeline-item:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:1.4rem;bottom:-2.5rem;left:111px}.timeline-date{font-family:var(--mono);color:var(--muted);letter-spacing:.06em;text-align:right;padding-top:.15rem;font-size:.63rem;line-height:1.5}.timeline-body{border-left:1px solid var(--border);padding-left:2rem;position:relative}.timeline-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.35rem;left:-4px}.timeline-role{font-family:var(--serif);letter-spacing:-.01em;margin-bottom:.15rem;font-size:1.02rem;font-weight:700}.timeline-company{font-family:var(--mono);color:var(--accent);margin-bottom:.65rem;font-size:.68rem}.timeline-desc{color:var(--muted);font-size:.87rem;line-height:1.7}.timeline-tags{flex-wrap:wrap;gap:.35rem;margin-top:.65rem;display:flex}.timeline-tag{background:var(--cream2);border:1px solid var(--border);font-family:var(--mono);color:var(--muted);border-radius:2px;padding:.14rem .48rem;font-size:.58rem}#contact{background:var(--cream)}.contact-grid{grid-template-columns:1fr 360px;align-items:start;gap:4rem;display:grid}.contact-left p{color:var(--muted);margin-bottom:1.5rem;font-size:.98rem;line-height:1.75}.contact-form{flex-direction:column;gap:.9rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.form-group{flex-direction:column;gap:.38rem;display:flex}.form-label{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.63rem}.form-input,.form-textarea{background:var(--surface2);border:1px solid var(--border);color:var(--ink);font-family:var(--sans);border-radius:2px;outline:none;width:100%;padding:.72rem .9rem;font-size:.9rem;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--ink)}.form-textarea{resize:none;height:115px}.form-submit{background:var(--ink);color:var(--cream);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;align-self:flex-start;align-items:center;gap:.5rem;padding:.82rem 1.8rem;font-size:.73rem;transition:background .2s,transform .15s;display:inline-flex}.form-submit:hover{background:var(--accent);transform:translateY(-1px)}.contact-links-col{flex-direction:column;gap:.75rem;display:flex}.contact-item{border:1px solid var(--border);background:var(--surface2);color:var(--ink);border-radius:3px;align-items:center;gap:1rem;padding:1rem 1.2rem;text-decoration:none;transition:all .2s;display:flex}.contact-item:hover{border-color:var(--ink);transform:translate(4px)}.contact-icon{background:var(--cream2);border:1px solid var(--border);width:34px;height:34px;color:var(--ink2);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-label{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.contact-value{font-size:.87rem;font-weight:600}.contact-note{background:#e8440a0d;border:1px solid #e8440a24;border-radius:3px;margin-top:1.25rem;padding:1rem 1.2rem}.contact-note p{font-family:var(--mono);color:var(--accent);margin:0;font-size:.66rem;line-height:1.65}footer{border-top:1px solid var(--border);background:var(--surface2);justify-content:center;align-items:center;padding:1.75rem 3rem;display:flex}footer p{font-family:var(--mono);color:var(--muted);font-size:.67rem}footer a{color:var(--ink);text-decoration:none}footer a:hover{color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:translateY(0)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--ink);transform-origin:50%;width:22px;height:1.5px;transition:all .25s;display:block}.hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mobile-menu{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#1c1916f7;flex-direction:column;gap:.25rem;padding:1rem 1.5rem;display:flex;position:fixed;top:57px;left:0;right:0}.mobile-menu a{font-family:var(--mono);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border2);padding:.65rem 0;font-size:.82rem;text-decoration:none}.mobile-menu a:last-child{border-bottom:none}@media (width<=960px){#hero{grid-template-columns:1fr;padding:6rem 1.5rem 3rem}.hero-right{display:none}.about-grid,.contact-grid{grid-template-columns:1fr;gap:2.5rem}.project-featured{grid-template-columns:1fr}.project-featured-preview{border-left:none;border-top:1px solid var(--border);min-height:180px}.projects-secondary{grid-template-columns:repeat(2,1fr)}.projects-duo{grid-template-columns:1fr 1fr}nav{padding:1rem 1.5rem}.nav-links{display:none}.hamburger{display:flex}section{padding:4rem 1.5rem}.timeline-item{grid-template-columns:75px 1fr;gap:1rem}footer{text-align:center;flex-direction:column;gap:.5rem}body{cursor:auto}.cursor,.cursor-ring{display:none}.form-row{grid-template-columns:1fr 1fr}}@media (width<=600px){h1.hero-h1{font-size:clamp(2.4rem,10vw,3rem)}.projects-secondary,.projects-duo,.form-row{grid-template-columns:1fr}.timeline-item{grid-template-columns:60px 1fr;gap:.75rem}.timeline-item:not(:last-child):after{left:76px}section{padding:3rem 1.25rem}nav{padding:.9rem 1.25rem}footer{padding:1.25rem}}