:root{color-scheme:light;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-soft: #f1f5f9;--color-text: #0f172a;--color-text-muted: #475569;--color-text-soft: #64748b;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #dbeafe;--color-secondary: #7c3aed;--color-accent: #f97316;--container-sm: 48rem;--container-lg: 80rem;--container-xl: 96rem;--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;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(15 23 42 / .06);--shadow-sm: 0 4px 12px rgb(15 23 42 / .08);--shadow-md: 0 12px 32px rgb(15 23 42 / .12);--transition-fast: .12s ease;--transition-base: .18s ease;--z-header: 40}[data-theme=dark]{color-scheme:dark;--color-bg: #020617;--color-surface: #0f172a;--color-surface-soft: #111827;--color-text: #f8fafc;--color-text-muted: #cbd5e1;--color-text-soft: #94a3b8;--color-border: #1e293b;--color-border-strong: #334155;--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-primary-soft: rgb(37 99 235 / .18);--color-secondary: #a78bfa;--color-accent: #fb923c;--shadow-xs: 0 1px 2px rgb(0 0 0 / .3);--shadow-sm: 0 4px 16px rgb(0 0 0 / .35);--shadow-md: 0 16px 40px rgb(0 0 0 / .45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:1rem;line-height:1.65;color:var(--color-text);background:radial-gradient(circle at top left,var(--color-primary-soft),transparent 32rem),radial-gradient(circle at top right,color-mix(in srgb,var(--color-secondary),transparent 84%),transparent 30rem),var(--color-bg)}img,svg{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--color-primary-soft);outline-offset:3px}[hidden]{display:none!important}.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}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:100;transform:translateY(-150%);border-radius:var(--radius-lg);background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-4);font-weight:800}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:var(--z-header);border-bottom:1px solid color-mix(in srgb,var(--color-border),transparent 20%);background:color-mix(in srgb,var(--color-bg),transparent 12%);backdrop-filter:blur(16px)}.site-nav{min-height:4.25rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;font-weight:900;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:var(--shadow-sm)}.nav-actions{display:flex;align-items:center;gap:var(--space-2)}.nav-link,.icon-button,.language-link{min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--color-text-muted);padding:.55rem .85rem;text-decoration:none;font-weight:800;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{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);transform:translateY(-1px)}.language-link[aria-current=true]{background:var(--color-primary-soft);color:var(--color-primary)}.hero{padding:var(--space-16) 0 var(--space-12)}.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{display:inline-flex;width:fit-content;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary);padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:900;box-shadow:var(--shadow-xs)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-5);max-width:13ch;font-size:clamp(2.4rem,8vw,5rem);line-height:.98;letter-spacing:-.07em}h2{margin-bottom:var(--space-3);font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;letter-spacing:-.055em}h3{margin-bottom:var(--space-2);font-size:1.25rem;line-height:1.25;letter-spacing:-.025em}.lead{max-width:65ch;color:var(--color-text-muted);font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;border:1px solid transparent;border-radius:var(--radius-lg);padding:.75rem 1rem;font-weight:900;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:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-with-arrow:after{content:"→";transition:transform var(--transition-base)}.btn-with-arrow:hover:after{transform:translate(.18rem)}.section{padding:var(--space-12) 0}.section-tight{padding-top:0}.section-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.filter-button{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);padding:.6rem .9rem;font-weight:850;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.filter-button:hover{transform:translateY(-1px);border-color:var(--color-border-strong);color:var(--color-text)}.filter-button[aria-pressed=true]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.projects-grid{display:grid;gap:var(--space-5)}.project-card{display:flex;flex-direction:column;min-height:100%;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);overflow:hidden;box-shadow:var(--shadow-xs);text-decoration:none;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.project-card:hover{transform:translateY(-3px);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.project-card-media{aspect-ratio:16 / 10;background:var(--color-surface-soft);overflow:hidden}.project-card-media img{width:100%;height:100%;object-fit:cover}.project-card-body{display:grid;gap:var(--space-3);padding:var(--space-5)}.project-icon{width:3.25rem;height:3.25rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);padding:.45rem;box-shadow:var(--shadow-xs)}.badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);background:var(--color-surface-soft);color:var(--color-text-muted);padding:.25rem .65rem;font-size:.8125rem;font-weight:800}.card-description{color:var(--color-text-muted);margin-bottom:0}.project-hero{padding:var(--space-12) 0 var(--space-8)}.project-hero-grid{display:grid;gap:var(--space-8);align-items:center}.project-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.screenshot-grid{display:grid;gap:var(--space-5)}.screenshot{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-xs)}.screenshot img{width:100%;height:auto}.content-card,.contact-card-simple{border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);padding:var(--space-6);box-shadow:var(--shadow-xs)}.content-card p:last-child{margin-bottom:0}.prose-card{display:grid;gap:var(--space-4)}.prose-card h2{margin-top:var(--space-4);margin-bottom:0;font-size:clamp(1.45rem,3vw,2.1rem)}.prose-card h2:first-child{margin-top:0}.prose-card p{color:var(--color-text-muted);margin-bottom:0}.contact-card-simple{position:relative;overflow:hidden;display:grid;gap:var(--space-6)}.contact-card-simple:before{content:"";position:absolute;inset:0 0 auto;height:.35rem;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-accent))}.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);font-size:clamp(1.65rem,4vw,2.35rem)}.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:4rem;height:4rem;border-radius:1.25rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-size:1.2rem;font-weight:950;letter-spacing:-.05em;box-shadow:var(--shadow-sm)}.contact-form,.form-grid{display:grid;gap:var(--space-4)}.form-field{display:grid;gap:var(--space-2)}.label{font-weight:850;color:var(--color-text)}.input,.textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-soft),var(--color-surface) 42%);color:var(--color-text);padding:.9rem 1rem;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.input{min-height:3rem}.textarea{min-height:11rem;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.2rem;margin-top:var(--space-1)}.form-disclaimer{color:var(--color-text-soft);font-size:.88rem;text-align:center;margin-bottom:0}.site-footer{margin-top:var(--space-12);border-top:1px solid var(--color-border);padding:var(--space-8) 0;color:var(--color-text-muted)}.footer-grid{display:grid;gap:var(--space-4)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer-links a{font-weight:800;text-decoration:none}.footer-links a:hover{color:var(--color-text)}@media(max-width:719px){.nav-link{display:none}.site-nav{min-height:3.75rem}.hero{padding:var(--space-12) 0 var(--space-8)}.hero-actions .btn{width:100%}h1{letter-spacing:-.055em}}@media(min-width:720px){.project-hero-grid{grid-template-columns:1.1fr .9fr}.projects-grid,.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header{flex-direction:row;align-items:end;justify-content:space-between}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr auto;align-items:center}}@media(min-width:1040px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-top:var(--space-20)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}