:root{--paper: #ECEDE8;--paper-2: #E4E5DE;--card: #F4F4F0;--ink: #14161A;--ink-soft: #52564F;--muted: #7E827A;--line: #CFD0C8;--line-soft: #DDDED7;--navy: #142D54;--accent: #1C3E73;--maxw: 1080px;--gutter: clamp(20px, 5vw, 64px);--f-display: "Archivo", system-ui, sans-serif;--f-body: "Inter", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--step--1: clamp(.78rem, .75rem + .15vw, .86rem);--step-0: clamp(1rem, .96rem + .2vw, 1.12rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--step-2: clamp(1.6rem, 1.4rem + 1vw, 2.4rem);--step-3: clamp(2.4rem, 1.9rem + 2.6vw, 4.6rem);--step-4: clamp(3rem, 2.2rem + 4vw, 6.4rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:64px 64px;opacity:.5;mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 80%)}a{color:inherit}::selection{background:var(--navy);color:#fff}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(56px,9vw,128px);border-top:1px solid var(--line)}.eyebrow{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--navy);display:flex;align-items:center;gap:.7em;margin:0 0 1.4rem;font-weight:500}.eyebrow:before{content:"";width:26px;height:1px;background:var(--navy)}h1,h2,h3{font-family:var(--f-display);font-weight:800;letter-spacing:-.02em;line-height:1.02;margin:0}.lede{color:var(--ink-soft)}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(8px);background:color-mix(in srgb,var(--paper) 82%,transparent);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}.brand{font-family:var(--f-mono);font-weight:700;letter-spacing:.02em;text-decoration:none;font-size:.95rem;display:inline-flex;align-items:baseline;gap:.55em}.brand .dot{color:var(--navy)}.brand .role{color:var(--muted);font-weight:400;font-size:.8rem}.nav{display:flex;gap:clamp(14px,3vw,34px);font-family:var(--f-mono);font-size:.8rem;letter-spacing:.02em}.nav a{text-decoration:none;color:var(--ink-soft);padding:4px 0;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.nav a:hover{color:var(--ink);border-color:var(--navy)}@media (max-width: 640px){.nav{display:none}}.header-right{display:flex;align-items:center;gap:clamp(14px,3vw,30px)}.lang{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.08em;text-decoration:none;color:var(--navy);border:1px solid var(--line);border-radius:2px;padding:5px 9px;transition:border-color .15s,background .15s,color .15s}.lang:hover{border-color:var(--navy);background:var(--navy);color:#fff}.hero{padding-block:clamp(72px,14vw,168px) clamp(48px,8vw,96px)}.hero h1{font-size:var(--step-4);max-width:15ch}.hero h1 .em{color:var(--navy)}.hero .sub{margin-top:clamp(20px,3vw,34px);font-size:var(--step-1);color:var(--ink-soft);max-width:46ch;font-weight:400}.hero .meta{margin-top:8px;font-family:var(--f-mono);font-size:var(--step--1);color:var(--muted);letter-spacing:.02em}.cta-row{margin-top:clamp(32px,5vw,52px);display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;gap:.6em;font-family:var(--f-mono);font-size:.82rem;letter-spacing:.03em;text-decoration:none;padding:13px 22px;border:1px solid var(--ink);border-radius:2px;transition:transform .15s,background .15s,color .15s}.btn:hover{transform:translateY(-2px)}.btn-solid{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-solid:hover{background:var(--accent)}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.feature-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.feature-head h2{font-size:var(--step-3)}.feature-tag{font-family:var(--f-mono);font-size:var(--step--1);color:var(--ink-soft);letter-spacing:.04em}.feature-tag .beta{color:var(--navy);border:1px solid var(--navy);border-radius:999px;padding:2px 9px;margin-left:2px;font-weight:500;white-space:nowrap}.feature-desc{margin-top:clamp(22px,3vw,32px);font-size:var(--step-1);font-weight:400;color:var(--ink-soft);max-width:62ch;line-height:1.5}.feature-desc strong{color:var(--ink);font-weight:600}.feature-grid{margin-top:clamp(36px,5vw,56px);display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,4vw,48px);align-items:start}@media (max-width: 860px){.feature-grid{grid-template-columns:1fr}}.shot{border:1px solid var(--line);background:var(--card);border-radius:4px;overflow:hidden;box-shadow:0 1px 0 var(--line-soft),0 24px 48px -32px #142d5473}.shot .bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--paper-2)}.shot .bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}.shot .bar span{margin-left:8px;font-family:var(--f-mono);font-size:.72rem;color:var(--muted)}.shot img{display:block;width:100%;height:auto}.shot .placeholder{aspect-ratio:16 / 10;display:grid;place-content:center;gap:6px;text-align:center;color:var(--muted);font-family:var(--f-mono);font-size:.78rem;padding:20px;background:repeating-linear-gradient(-45deg,transparent 0 11px,var(--line-soft) 11px 12px)}.ledger{border:1px solid var(--ink);border-radius:4px;background:var(--card)}.ledger .ledger-head{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:12px 18px;border-bottom:1px solid var(--line)}.ledger dl{margin:0}.ledger .row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px dotted var(--line)}.ledger .row:last-child{border-bottom:0}.ledger dt{font-size:.9rem;color:var(--ink-soft)}.ledger dd{margin:0;font-family:var(--f-mono);font-weight:700;font-size:1.15rem;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.ledger dd small{color:var(--muted);font-weight:400;font-size:.72rem;margin-left:2px}.ledger .total{background:var(--navy);color:#fff;border-radius:0 0 3px 3px}.ledger .total dt{color:#cfd7e6}.ledger .total dd{color:#fff}.stack-block{margin-top:clamp(36px,5vw,56px)}.stack-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(20px,3vw,40px);margin-top:22px}@media (max-width: 520px){.stack-cols{grid-template-columns:1fr;gap:26px}}.stack-cols h4{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);margin:0 0 12px;font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--f-mono);font-size:.76rem;padding:5px 11px;border:1px solid var(--line);border-radius:2px;background:var(--card);color:var(--ink-soft)}.timeline{margin-top:clamp(32px,5vw,52px);border-top:1px solid var(--line)}.tl-item{display:grid;grid-template-columns:190px 1fr;gap:clamp(16px,4vw,56px);padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid var(--line)}@media (max-width: 680px){.tl-item{grid-template-columns:1fr;gap:8px}}.tl-when{font-family:var(--f-mono);font-size:.82rem;color:var(--navy);letter-spacing:.03em;padding-top:6px;font-variant-numeric:tabular-nums}.tl-role{font-family:var(--f-display);font-weight:700;font-size:var(--step-1);letter-spacing:-.01em;margin-bottom:8px}.tl-body p{margin:0;color:var(--ink-soft);max-width:60ch}.tl-note{margin-top:22px;font-family:var(--f-mono);font-size:.8rem;color:var(--muted)}#experiencia .feature-head h2{font-size:var(--step-2);max-width:20ch}.proj{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none}.proj:first-of-type{border-top:1px solid var(--line)}.proj .pname{font-family:var(--f-display);font-weight:700;font-size:var(--step-1);letter-spacing:-.01em}.proj .pdesc{grid-column:1 / -1;color:var(--ink-soft);max-width:68ch;margin:0}.proj .ptech{font-family:var(--f-mono);font-size:.74rem;color:var(--muted);white-space:nowrap}.proj:hover .pname{color:var(--navy)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px)}@media (max-width: 760px){.about-grid{grid-template-columns:1fr}}.about p{color:var(--ink-soft);max-width:52ch}.about h2{font-size:var(--step-2);margin-bottom:18px}.skill-list{list-style:none;margin:0;padding:0}.skill-list li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dotted var(--line);font-size:.95rem}.skill-list li span:last-child{font-family:var(--f-mono);font-size:.78rem;color:var(--muted);text-align:right}@media (max-width: 480px){.skill-list li{flex-direction:column;align-items:flex-start;gap:3px}.skill-list li span:last-child{text-align:left}}.contact h2{font-size:var(--step-3);max-width:16ch}.contact .lede{margin-top:18px;font-size:var(--step-1);max-width:42ch}.links{margin-top:clamp(28px,4vw,44px);display:flex;flex-wrap:wrap;gap:10px 28px;font-family:var(--f-mono);font-size:.9rem}.links a{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px;transition:border-color .15s,color .15s}.links a:hover{border-color:var(--navy);color:var(--navy)}.foot{border-top:1px solid var(--line);padding-block:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:var(--f-mono);font-size:.74rem;color:var(--muted)}a:focus-visible,.btn:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:2px}.reveal{opacity:0;transform:translateY(14px)}.reveal.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none}}