@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;0,800;0,900;1,400&family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=JetBrains+Mono:wght@400;700&display=swap");:root{--bg:#FFFFFF;--bg-dark:#0d0d0d;--bg-beige:#F5F5F5;--ink:#000000;--ink-soft:#2a2a2a;--ink-mid:#666666;--white:#FFFFFF;--pink:#FF00CC;--yellow:#FFE566;--blue:#00E5FF;--green:#00FF9C;--accent:#FF3D00;--border:2px solid var(--ink);--shadow:6px 6px 0 var(--ink);--shadow-lg:10px 10px 0 var(--ink);--f-display:"Inter",system-ui,sans-serif;--f-serif:"Playfair Display",Georgia,serif;--f-mono:"JetBrains Mono",monospace;--max:1280px;--pad:clamp(1.25rem,5vw,4rem)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--f-display);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.nb{min-height:100vh}.nb-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;gap:2rem;padding:1rem var(--pad);background:var(--bg);border-bottom:var(--border)}.nb-header,.nb-header-logo{display:flex;align-items:center}.nb-header-logo{gap:.75rem}.nb-logo-box{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ink) url(/javi-icon.png) center /cover no-repeat;color:transparent;font-size:0;border:var(--border);box-shadow:3px 3px 0 var(--ink);flex-shrink:0}.nb-logo-box-sm{width:32px;height:32px;font-size:.65rem;box-shadow:2px 2px 0 var(--ink)}.nb-logo-name{font-weight:800;font-size:.95rem;letter-spacing:-.02em}.nb-header-nav{display:flex;gap:0;margin-left:auto;border:var(--border)}.nb-nav-item{padding:.5rem 1rem;font-family:var(--f-mono);font-size:.72rem;font-weight:700;border-right:var(--border);transition:background .15s}.nb-nav-item:last-child{border-right:none}.nb-nav-item:hover{background:var(--yellow)}.nb-nav-item.nb-nav-active{background:var(--ink);color:var(--white)}.nb-header-btn,.nb-nav-item.nb-nav-active:hover{background:var(--ink)}.nb-header-btn{padding:.6rem 1.25rem;color:var(--white);font-family:var(--f-mono);font-size:.72rem;font-weight:700;border:var(--border);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;white-space:nowrap}.nb-header-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.nb-tag{display:inline-block;padding:.3rem .75rem;font-family:var(--f-mono);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:var(--border);background:var(--white)}.nb-tag-inv{background:var(--ink);color:var(--white);border-color:rgba(255,255,255,.3)}.nb-hero{padding:3rem var(--pad) 0;border-bottom:var(--border);position:relative;overflow:hidden}.nb-hero-eyebrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.nb-hero-year{font-family:var(--f-mono);font-size:.68rem;color:var(--ink-mid);letter-spacing:.1em}.nb-hero-h1{display:flex;flex-direction:column;font-size:clamp(2.4rem,7.5vw,6rem);font-weight:900;line-height:.95;letter-spacing:-.04em;margin-bottom:3rem}.nb-h1-line{display:block}.nb-h1-outline{-webkit-text-stroke:2px var(--ink);color:transparent}.nb-h1-accent{color:var(--accent)}.nb-h1-rot{display:flex;flex-wrap:wrap;align-items:center;gap:.25em .3em;margin-top:.15em}.rot-word{display:inline-block;background:var(--yellow);color:var(--ink);padding:.02em .25em;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);-webkit-text-stroke:0;line-height:1;vertical-align:baseline;overflow:hidden}.rot-word-inner{display:inline-block;animation:rotWord .5s cubic-bezier(.16,1,.3,1) both}@keyframes rotWord{0%{opacity:0;transform:translateY(.7em) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media (prefers-reduced-motion:reduce){.rot-word-inner{animation:none}}.nb-sticker{position:absolute;top:4rem;right:var(--pad);width:140px;height:140px;border-radius:50%;border:var(--border);background:var(--yellow);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;text-align:center;animation:sticker-spin 25s linear infinite;cursor:default}@keyframes sticker-spin{to{transform:rotate(1turn)}}.nb-sticker-icon{font-size:2rem}.nb-sticker-icon,.nb-sticker-text{animation:sticker-spin 25s linear infinite reverse}.nb-sticker-text{font-family:var(--f-mono);font-size:.52rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}.nb-hero-bottom{display:grid;grid-template-columns:1fr auto;grid-gap:3rem;gap:3rem;align-items:center;padding:2.5rem 0;border-top:var(--border);margin-bottom:0}.nb-hero-desc{font-family:var(--f-serif);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65;color:var(--ink-soft);max-width:560px}.nb-cta-giant{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(160px,18vw,240px);height:clamp(160px,18vw,240px);border-radius:50%;background:var(--ink);color:var(--white);border:var(--border);box-shadow:var(--shadow-lg);transition:transform .2s,box-shadow .2s;flex-shrink:0;text-align:center}.nb-cta-giant:hover{transform:translate(-4px,-4px);box-shadow:14px 14px 0 var(--ink)}.nb-cta-label{font-weight:900;font-size:clamp(1rem,2.5vw,1.5rem);letter-spacing:-.03em;text-transform:uppercase}.nb-cta-arrow{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1;margin-top:.25rem}.nb-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;border-top:var(--border);margin:0 calc(-1 * var(--pad))}.nb-card{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;border-right:var(--border);border-radius:12px 12px 0 0;transition:transform .2s,box-shadow .2s,background .2s;background:var(--white);text-decoration:none;color:inherit}.nb-card:last-child{border-right:none}.nb-card:hover{transform:translateY(-6px);box-shadow:0 6px 0 var(--ink);background:var(--bg-beige)}.nb-card-tag{font-family:var(--f-mono);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid)}.nb-card-title{font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:900;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}.nb-card-stat{font-family:var(--f-mono);font-size:.72rem;margin-top:auto;padding-top:1rem;color:var(--ink-soft);line-height:1.5}.nb-section{padding:5rem var(--pad);border-bottom:var(--border);background:var(--white)}.nb-section-dark{background:var(--bg-dark);color:var(--white)}.nb-section-beige{background:var(--bg-beige)}.nb-section-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:3.5rem;padding-bottom:1.25rem;border-bottom:var(--border)}.nb-section-head-inv{border-bottom-color:rgba(255,255,255,.15)}.nb-section-num{font-family:var(--f-mono);font-size:.7rem;color:var(--ink-mid);letter-spacing:.08em}.nb-section-dark .nb-section-num{color:rgba(255,255,255,.3)}.nb-section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.04em;line-height:1}.nb-more-link{margin-left:auto;font-family:var(--f-mono);font-size:.75rem;font-weight:700;padding:.4rem .9rem;border:var(--border);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s}.nb-more-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.nb-quote-section{padding:5rem var(--pad);background:var(--yellow);border-bottom:var(--border)}.nb-quote-box{max-width:var(--max);margin:0 auto;position:relative;padding-left:3rem;border-left:6px solid var(--ink)}.nb-quote-mark{position:absolute;left:.5rem;top:-2rem;font-family:Georgia,serif;font-size:8rem;line-height:1;color:rgba(0,0,0,.12);pointer-events:none}.nb-quote-text{font-family:var(--f-serif);font-style:italic;font-size:clamp(1.3rem,3.5vw,2.25rem);line-height:1.4;letter-spacing:-.01em;font-weight:700;margin-bottom:1.25rem}.nb-quote-cite{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;color:rgba(0,0,0,.55);font-style:normal}.nb-about-grid{display:grid;grid-template-columns:320px 1fr;grid-gap:4rem;gap:4rem;align-items:start;max-width:var(--max)}.nb-photo-frame{border:var(--border);box-shadow:var(--shadow-lg);overflow:hidden}.nb-photo-inner{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--bg-dark)}.nb-about-social{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.nb-social-btn{padding:.45rem .9rem;font-family:var(--f-mono);font-size:.68rem;font-weight:700;border:var(--border);box-shadow:3px 3px 0 var(--ink);background:var(--white);transition:transform .15s,box-shadow .15s,background .15s}.nb-social-btn:hover{background:var(--ink);color:var(--white);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.nb-about-sub{font-size:clamp(1.4rem,3vw,2rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.5rem}.nb-about-bio{font-family:var(--f-serif);font-size:1.1rem;line-height:1.8;color:var(--ink-soft)}.nb-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;border:var(--border);max-width:var(--max)}.nb-proj{padding:2.5rem;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:1rem;transition:background .2s}.nb-proj:last-child{border-right:none}.nb-proj-a{background:rgba(255,255,255,.04)}.nb-proj-b{background:rgba(255,61,0,.08)}.nb-proj-c{background:rgba(255,229,102,.06)}.nb-proj:hover{background:rgba(255,255,255,.1)}.nb-proj-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.nb-proj-num{font-family:var(--f-mono);font-size:.65rem;color:rgba(255,255,255,.3)}.nb-proj-type{font-family:var(--f-mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.nb-proj-name{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;color:var(--white)}.nb-proj-desc{font-family:var(--f-serif);font-size:.95rem;line-height:1.65;color:rgba(255,255,255,.55);flex:1 1}.nb-proj-stats{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.nb-proj-stat{display:flex;flex-direction:column;gap:.15rem}.nb-proj-stat-v{font-size:1.75rem;font-weight:900;letter-spacing:-.04em;color:var(--white)}.nb-proj-stat-l{font-family:var(--f-mono);font-size:.62rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.08em}.nb-proj-link{font-family:var(--f-mono);font-size:.72rem;font-weight:700;color:var(--yellow);margin-top:auto;transition:opacity .15s}.nb-proj-link:hover{opacity:.7}.nb-talks{max-width:var(--max)}.nb-talk{display:grid;grid-template-columns:48px 1fr 1fr 100px;grid-gap:1.5rem;gap:1.5rem;align-items:center;padding:1.4rem 0;border-bottom:1px solid rgba(0,0,0,.1);transition:padding-left .15s}.nb-talk:first-child{border-top:1px solid rgba(0,0,0,.1)}.nb-talk:hover{padding-left:.5rem;background:var(--yellow);padding-right:.5rem;border-radius:4px}.nb-talk-n{font-family:var(--f-mono);font-size:.65rem;color:var(--ink-mid)}.nb-talk-title{font-weight:800;font-size:1rem;letter-spacing:-.01em}.nb-talk-event{font-size:.7rem}.nb-talk-date,.nb-talk-event{font-family:var(--f-mono);color:var(--ink-mid)}.nb-talk-date{font-size:.65rem;text-align:right;letter-spacing:.06em;text-transform:uppercase}.nb-posts{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:var(--max)}.nb-post{padding:2rem;border:var(--border);box-shadow:var(--shadow);background:var(--white);display:flex;flex-direction:column;gap:.6rem;transition:transform .2s,box-shadow .2s}.nb-post:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}.nb-post-meta{font-family:var(--f-mono);font-size:.65rem;color:var(--ink-mid);letter-spacing:.08em;text-transform:uppercase}.nb-post-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;line-height:1.25}.nb-post-excerpt{font-family:var(--f-serif);font-size:.9rem;color:var(--ink-soft);line-height:1.65;flex:1 1}.nb-post-arrow{font-family:var(--f-mono);font-size:.75rem;font-weight:700;color:var(--accent);margin-top:.5rem}.nb-nl{padding:5rem var(--pad);background:var(--bg-dark);border-bottom:var(--border)}.nb-nl-box{display:grid;grid-template-columns:1fr auto;grid-gap:4rem;gap:4rem;align-items:center;max-width:var(--max);margin:0 auto;border:1px solid rgba(255,255,255,.1);padding:3rem;box-shadow:var(--shadow-lg)}.nb-nl-title{font-size:clamp(2rem,6vw,4.5rem);font-weight:900;letter-spacing:-.04em;line-height:.95;color:var(--white);margin:1rem 0;white-space:pre-line}.nb-nl-desc{font-family:var(--f-serif);font-size:1rem;color:rgba(255,255,255,.5);line-height:1.6}.nb-nl-proof{display:block;margin-top:1.25rem;font-family:var(--f-mono);font-size:.7rem;color:rgba(255,255,255,.3);letter-spacing:.08em}.nb-nl-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:180px;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:900;font-size:1.15rem;letter-spacing:-.03em;border:2px solid var(--yellow);box-shadow:8px 8px 0 rgba(255,229,102,.3);text-align:center;gap:.25rem;transition:transform .2s,box-shadow .2s}.nb-nl-btn span{font-size:1.5rem;line-height:1}.nb-nl-btn:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 rgba(255,229,102,.25)}.nb-nl-todo{font-family:var(--f-mono);font-size:.7rem;color:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;max-width:200px;line-height:1.6}.nb-clients{padding:2.5rem var(--pad);background:var(--bg);border-bottom:var(--border);display:flex;align-items:center;gap:3rem;flex-wrap:wrap}.nb-clients-label{font-family:var(--f-mono);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mid);white-space:nowrap}.nb-clients-row{display:flex;flex-wrap:wrap;gap:.75rem 2rem}.nb-client{font-family:var(--f-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mid);padding:.3rem .6rem;border:1px solid rgba(0,0,0,.12)}.nb-client-cta{background:var(--ink);color:var(--white);border-color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.nb-client-cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.nb-footer{padding:2rem var(--pad);background:var(--bg);border-top:var(--border);justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.nb-footer,.nb-footer-brand{display:flex;align-items:center}.nb-footer-brand{gap:.75rem}.nb-footer-brand>div{display:flex;flex-direction:column;gap:.15rem}.nb-footer-brand strong{font-weight:800;font-size:.9rem;letter-spacing:-.02em}.nb-footer-brand span{font-size:.65rem}.nb-footer-brand span,.nb-footer-tagline{font-family:var(--f-mono);color:var(--ink-mid)}.nb-footer-tagline{font-size:.75rem;letter-spacing:.04em}.nb-footer-emoji{color:var(--ink);font-style:normal}.nb-footer-links{display:flex;gap:1.25rem;flex-wrap:wrap;font-family:var(--f-mono);font-size:.7rem;color:var(--ink-mid)}.nb-footer-links a:hover{color:var(--ink)}.nb-footer-admin{padding:.3rem .7rem;border:1px solid rgba(0,0,0,.15);font-size:.65rem}.nf{flex-direction:column;gap:.75rem;width:100%}.nf,.nf-row{display:flex}.nf-row{gap:0}.nf-input{padding:.85rem 1rem;border:var(--border);background:var(--white);font-size:.95rem;font-family:var(--f-sans);color:var(--ink);flex:1 1;transition:outline .15s}.nf-input:focus{outline:3px solid var(--yellow);outline-offset:0}.nf-input::placeholder{color:var(--ink-mid)}.nf-input:disabled{opacity:.5;cursor:not-allowed}.nf-email{min-width:0}.nf-btn{padding:.85rem 1.5rem;flex-shrink:0;background:var(--ink);color:var(--white);border:var(--border);border-left:none;font-family:var(--f-mono);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,opacity .15s}.nf-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.nf-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow)}.nf-consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.78rem;color:var(--ink-soft);line-height:1.5;cursor:pointer}.nf-checkbox{width:16px;height:16px;min-width:16px;margin-top:2px;accent-color:var(--ink);cursor:pointer}.nf-consent a{color:var(--ink);text-decoration:underline}.nf-msg{font-family:var(--f-mono);font-size:.75rem;padding:.4rem 0}.nf-msg-ok{color:#007a4d}.nf-msg-err{color:var(--accent)}.nb-nl .nf-input,.nf-on-dark .nf-input{background:var(--white);color:var(--ink);border-color:var(--white)}.nb-nl .nf-input::placeholder,.nf-on-dark .nf-input::placeholder{color:var(--ink-mid)}.nb-nl .nf-input:focus,.nf-on-dark .nf-input:focus{outline-color:var(--yellow)}.nb-nl .nf-btn,.nf-on-dark .nf-btn{background:var(--yellow);color:var(--ink);border-color:var(--yellow);box-shadow:4px 4px 0 rgba(255,229,102,.45)}.nb-nl .nf-btn:hover:not(:disabled),.nf-on-dark .nf-btn:hover:not(:disabled){box-shadow:6px 6px 0 rgba(255,229,102,.6)}.nb-nl .nf-consent,.nf-on-dark .nf-consent{color:rgba(255,255,255,.85)}.nb-nl .nf-consent a,.nf-on-dark .nf-consent a{color:var(--yellow)}.nb-nl .nf-checkbox,.nf-on-dark .nf-checkbox{accent-color:var(--yellow)}.nb-nl .nf-msg-ok,.nf-on-dark .nf-msg-ok{color:#4ade80}.nb-nl .nf-msg-err,.nf-on-dark .nf-msg-err{color:#ff8a7a}.nb-nl-desc{color:rgba(255,255,255,.78)!important}@media (max-width:860px){.rec-hero-grid{grid-template-columns:1fr!important;gap:2rem!important}.rec-hero-grid>div:last-child{position:static!important}}.rec-form-wrap .nf-input{background:var(--white)}.rec-form-wrap .nf-btn{background:var(--ink);color:var(--white)}@media (max-width:1024px){.nb-cards{grid-template-columns:repeat(2,1fr)}.nb-card{border-bottom:var(--border)}.nb-projects-grid{grid-template-columns:1fr}.nb-proj{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}@media (max-width:768px){.nb-header-btn,.nb-header-nav{display:none}.nb-sticker{width:100px;height:100px;top:2rem}.nb-sticker-icon{font-size:1.5rem}.nb-sticker-text{font-size:.4rem}.nb-hero-bottom{grid-template-columns:1fr;gap:2rem}.nb-cta-giant{width:140px;height:140px}.nb-cards{grid-template-columns:1fr 1fr}.nb-about-grid,.nb-nl-box{grid-template-columns:1fr}.nb-nl-box{gap:2rem}.nb-talk{grid-template-columns:40px 1fr}.nb-talk-date,.nb-talk-event{display:none}.nb-posts{grid-template-columns:1fr}.nb-footer{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width:480px){.nb-cards{grid-template-columns:1fr}.nb-hero-h1{font-size:clamp(3.5rem,16vw,5rem)}}