:root{color-scheme:light;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--color-bg: #f4f4f0;--color-surface: #ffffff;--color-surface-soft: #ecece7;--color-surface-glass: rgb(255 255 255 / .72);--color-text: #111111;--color-text-muted: #555552;--color-text-soft: #85857f;--color-border: rgb(17 17 17 / .12);--color-border-strong: rgb(17 17 17 / .26);--color-primary: #5b4df5;--color-primary-hover: #4738e8;--color-primary-soft: rgb(91 77 245 / .12);--color-secondary: #00a37a;--color-accent: #ff5d2e;--container-sm: 49rem;--container-lg: 82rem;--container-xl: 88rem;--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;--radius-md: .7rem;--radius-lg: 1rem;--radius-xl: 1.4rem;--radius-2xl: 2rem;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(17 17 17 / .04);--shadow-sm: 0 12px 34px rgb(17 17 17 / .07);--shadow-md: 0 28px 80px rgb(17 17 17 / .12);--transition-fast: .14s cubic-bezier(.2,.8,.2,1);--transition-base: .26s cubic-bezier(.2,.8,.2,1);--transition-slow: .7s cubic-bezier(.16,1,.3,1);--z-header: 40;--mouse-x: 50vw;--mouse-y: 15vh}[data-theme=dark]{color-scheme:dark;--color-bg: #0b0b0c;--color-surface: #121214;--color-surface-soft: #1a1a1d;--color-surface-glass: rgb(16 16 18 / .76);--color-text: #f4f4ef;--color-text-muted: #b4b4ad;--color-text-soft: #777773;--color-border: rgb(255 255 255 / .11);--color-border-strong: rgb(255 255 255 / .24);--color-primary: #8d83ff;--color-primary-hover: #aaa3ff;--color-primary-soft: rgb(141 131 255 / .14);--color-secondary: #49d6ad;--color-accent: #ff7b52;--shadow-xs: 0 1px 2px rgb(0 0 0 / .35);--shadow-sm: 0 16px 42px rgb(0 0 0 / .28);--shadow-md: 0 32px 90px rgb(0 0 0 / .42)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-bg)}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:var(--font-sans);font-size:1rem;line-height:1.65;color:var(--color-text);background:radial-gradient(circle at 10% 4%,color-mix(in srgb,var(--color-primary),transparent 91%),transparent 28rem),radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--color-secondary),transparent 92%),transparent 26rem),radial-gradient(circle at 55% 72%,color-mix(in srgb,var(--color-accent),transparent 95%),transparent 34rem),var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--color-border) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border) 1px,transparent 1px);background-size:4.5rem 4.5rem;opacity:.23;mask-image:linear-gradient(to bottom,black,transparent 80%)}body:after{content:"";position:fixed;z-index:-1;left:var(--mouse-x);top:var(--mouse-y);width:48rem;height:48rem;pointer-events:none;border-radius:50%;background:radial-gradient(circle,var(--color-primary-soft),transparent 66%);transform:translate(-50%,-50%);transition:left .9s cubic-bezier(.2,.8,.2,1),top .9s cubic-bezier(.2,.8,.2,1);opacity:.82}::selection{background:var(--color-primary);color:#fff}img,svg{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}[hidden]{display:none!important}main{position:relative}.container{width:min(100% - 2rem,var(--container-lg));margin-inline:auto}.container-wide{width:min(100% - 2rem,var(--container-xl));margin-inline:auto}.container-narrow{width:min(100% - 2rem,var(--container-sm));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:100;transform:translateY(-160%);border-radius:var(--radius-full);background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-4);font-weight:800;text-decoration:none;transition:transform var(--transition-base)}.skip-link:focus{transform:translateY(0)}.scroll-progress{position:fixed;inset:0 0 auto;z-index:80;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-accent));pointer-events:none}.site-header{position:sticky;top:0;z-index:var(--z-header);padding:.75rem 0 0;pointer-events:none}.site-nav{position:relative;min-height:4rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:1px solid transparent;border-radius:var(--radius-full);padding:.45rem .55rem .45rem .75rem;pointer-events:auto;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.site-header[data-scrolled] .site-nav{border-color:var(--color-border);background:var(--color-surface-glass);box-shadow:var(--shadow-sm);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0;text-decoration:none}.brand-mark{position:relative;display:grid;place-items:center;width:2.55rem;height:2.55rem;overflow:hidden;border-radius:50%;background:var(--color-text);color:var(--color-bg);font-size:.74rem;font-weight:950;letter-spacing:-.06em}.brand-mark:after{content:"";position:absolute;inset:-80%;background:conic-gradient(transparent,var(--color-primary),transparent 28%);animation:spin 5s linear infinite;opacity:.8}.brand-mark:before{content:"JA";position:absolute;z-index:1;inset:2px;display:grid;place-items:center;border-radius:50%;background:var(--color-text)}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:.9rem;letter-spacing:-.025em}.brand-copy small{margin-top:.22rem;color:var(--color-text-soft);font-family:var(--font-mono);font-size:.64rem}.nav-actions{display:flex;align-items:center;gap:.18rem}.language-group{display:inline-flex;align-items:center;gap:.1rem;margin-left:.25rem;border-left:1px solid var(--color-border);padding-left:.45rem}.nav-link,.icon-button,.language-link,.menu-button{min-height:2.65rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);padding:.58rem .85rem;text-decoration:none;font-size:.83rem;font-weight:780;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.nav-link:hover,.icon-button:hover,.language-link:hover,.menu-button:hover{background:var(--color-surface-soft);color:var(--color-text);transform:translateY(-1px)}.language-link{min-height:2.2rem;padding:.35rem .55rem;font-family:var(--font-mono);font-size:.68rem}.language-link[aria-current=true]{background:var(--color-text);color:var(--color-bg)}.icon-button{width:2.65rem;padding-inline:0;font-size:1rem}.menu-button{display:none;width:2.7rem;padding-inline:0}.menu-button span{width:1rem;height:1px;border-radius:var(--radius-full);background:currentColor;transition:transform var(--transition-base),opacity var(--transition-base)}.site-header[data-menu-open] .menu-button span:nth-child(1){transform:translateY(4px) rotate(45deg)}.site-header[data-menu-open] .menu-button span:nth-child(2){opacity:0}.site-header[data-menu-open] .menu-button span:nth-child(3){transform:translateY(-4px) rotate(-45deg)}.hero{padding:clamp(5rem,12vw,10rem) 0 clamp(4rem,9vw,7rem)}.hero-centered{text-align:center}.hero-centered .container-narrow{display:grid;justify-items:center}.hero-centered h1{max-width:12ch}.hero-centered .lead{margin-inline:auto}.kicker,.section-kicker{display:inline-flex;width:fit-content;align-items:center;gap:var(--space-2);margin:0 0 var(--space-5);color:var(--color-text-soft);font-family:var(--font-mono);font-size:.7rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.kicker:before,.section-kicker:before{content:"";width:1.7rem;height:1px;background:currentColor}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-6);max-width:12ch;font-size:clamp(2.8rem,6.5vw,5.2rem);line-height:.88;letter-spacing:-.085em;text-wrap:balance}h2{margin-bottom:var(--space-4);font-size:clamp(1.9rem,3.6vw,3.15rem);line-height:.96;letter-spacing:-.065em;text-wrap:balance}h3{margin-bottom:var(--space-2);font-size:1.25rem;line-height:1.15;letter-spacing:-.035em}.lead{max-width:62ch;color:var(--color-text-muted);font-size:clamp(1.02rem,2vw,1.28rem);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-8)}.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:3rem;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-full);padding:.82rem 1.2rem;font-size:.86rem;font-weight:850;line-height:1;text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.btn:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 25%,rgb(255 255 255 / .26),transparent 75%);transform:translate(-120%);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.btn:hover{transform:translateY(-2px)}.btn:hover:before{transform:translate(120%)}.btn-primary{background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary);color:#fff}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{border-color:var(--color-text);background:var(--color-surface-glass)}.btn-with-arrow:after{content:"↗";transition:transform var(--transition-base)}.btn-with-arrow:hover:after{transform:translate(.16rem,-.16rem)}.external-link:after{content:"↗";font-size:.9em;opacity:.75;transition:transform var(--transition-base)}.external-link:hover:after{transform:translate(.13rem,-.13rem)}.section{padding:clamp(4.5rem,10vw,9rem) 0}.section-tight{padding-top:0}.section-header{display:grid;gap:var(--space-8);margin-bottom:clamp(2.5rem,6vw,5rem)}.section-header-copy{max-width:58rem}.section-header .lead{margin-bottom:0}.project-controls{display:grid;gap:var(--space-4);width:100%}.project-control-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.search-field{position:relative;display:flex;align-items:center;flex:1 1 18rem;color:var(--color-text-muted)}.search-field>span{position:absolute;left:0;display:grid;place-items:center;width:2.5rem;color:var(--color-text-soft);font-family:var(--font-mono);font-size:.78rem;pointer-events:none}.search-field .input{min-width:0;border:0;border-radius:0;background:transparent;padding-left:2.5rem;box-shadow:none}.filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-button{border:1px solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);padding:.55rem .82rem;font-size:.78rem;font-weight:800;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-base),color var(--transition-base)}.filter-button:hover{color:var(--color-text);transform:translateY(-1px)}.filter-button[aria-pressed=true]{background:var(--color-text);color:var(--color-bg)}.project-result-count{margin:0;color:var(--color-text-soft);font-family:var(--font-mono);font-size:.72rem}.empty-state{border-top:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);color:var(--color-text-muted);padding:var(--space-8) 0;font-weight:750}.projects-grid{display:grid;gap:var(--space-5)}.badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);padding:.28rem .7rem;font-family:var(--font-mono);font-size:.7rem;font-weight:700}.card-description{color:var(--color-text-muted);margin-bottom:0}.content-card,.contact-card-simple{border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface-glass);padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--shadow-xs);backdrop-filter:blur(18px)}.content-card p:last-child{margin-bottom:0}.prose-card{display:grid;gap:var(--space-5)}.prose-card h2{margin-top:var(--space-8);margin-bottom:0;font-size:clamp(1.7rem,4vw,3rem)}.prose-card h2:first-child{margin-top:0}.prose-card p{color:var(--color-text-muted);margin-bottom:0;font-size:1.04rem}.contact-card-simple{position:relative;overflow:hidden;display:grid;gap:var(--space-8)}.contact-card-simple:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-secondary),transparent);animation:line-drift 5s ease-in-out infinite}.contact-card-header{display:grid;gap:var(--space-4);justify-items:center;text-align:center;padding-top:var(--space-2)}.contact-card-header h2{margin-bottom:var(--space-2)}.contact-card-header p{max-width:48ch;margin-inline:auto;color:var(--color-text-muted);margin-bottom:0}.contact-avatar{display:grid;place-items:center;width:4.2rem;height:4.2rem;border-radius:50%;background:var(--color-text);color:var(--color-bg);font-size:1rem;font-weight:950;letter-spacing:-.06em;box-shadow:var(--shadow-sm)}.contact-form{display:grid;gap:var(--space-5)}.form-grid{display:grid;gap:var(--space-4)}.form-field{display:grid;gap:var(--space-2)}.label{font-size:.8rem;font-weight:800;color:var(--color-text-muted)}.input,.textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface),transparent 25%);color:var(--color-text);padding:.95rem 1rem;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.input{min-height:3.2rem}.textarea{min-height:12rem;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--color-text-soft)}.input:hover,.textarea:hover{border-color:var(--color-border-strong)}.input:focus,.textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 4px var(--color-primary-soft)}.form-submit{width:100%;min-height:3.35rem}.form-disclaimer{color:var(--color-text-soft);font-size:.8rem;text-align:center;margin-bottom:0}.site-footer{margin-top:var(--space-16);border-top:1px solid var(--color-border);padding:var(--space-10) 0;color:var(--color-text-muted)}.footer-grid{display:grid;gap:var(--space-6)}.footer-copy{display:grid;gap:var(--space-2)}.footer-copy p{margin:0}.footer-status{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-family:var(--font-mono);font-size:.7rem}.footer-status:before{content:"";width:.48rem;height:.48rem;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--color-secondary),transparent 84%);animation:pulse 2.4s ease-in-out infinite}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.footer-links a{color:var(--color-text-soft);font-size:.82rem;font-weight:760;text-decoration:none;transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-text)}[data-reveal]{opacity:0;transform:translateY(2.5rem);transition:opacity var(--transition-slow),transform var(--transition-slow);transition-delay:var(--reveal-delay, 0ms)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes line-drift{0%,to{transform:translate(-35%);opacity:.35}50%{transform:translate(35%);opacity:1}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes blink{0%,45%{opacity:1}46%,to{opacity:0}}@media(max-width:719px){body:before{background-size:3rem 3rem}.site-header{padding-top:.45rem}.site-nav{min-height:3.75rem}.menu-button{display:inline-grid;align-content:center;gap:3px}.nav-actions{position:absolute;inset:calc(100% + var(--space-2)) 0 auto;display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-glass);padding:var(--space-3);box-shadow:var(--shadow-md);backdrop-filter:blur(22px);opacity:0;pointer-events:none;transform:translateY(-.6rem) scale(.98);transform-origin:top;transition:opacity var(--transition-base),transform var(--transition-base)}.site-header[data-menu-open] .nav-actions{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.nav-link,.icon-button,.language-link{width:100%;justify-content:flex-start;background:var(--color-surface-soft)}.language-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0;border:0;padding:0}.language-link{justify-content:center}.hero{padding-top:5rem}.hero-actions .btn{width:100%}h1{letter-spacing:-.07em}.project-control-bar{align-items:stretch}.filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter-button{white-space:nowrap}}@media(min-width:720px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header{grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr);align-items:end}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr auto;align-items:end}.footer-links{justify-content:flex-end}}@media(min-width:1024px){.hero{padding:5.75rem 0 4.5rem}.section{padding:5.5rem 0}.section-header{margin-bottom:3.25rem}.lead{font-size:1.05rem}}@media(min-width:1100px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}body:after{display:none}}