@font-face{font-family:Space Grotesk Variable;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-wght-normal.woff2) format("woff2-variations")}@font-face{font-family:Geist Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-latin-wght-normal.woff2) format("woff2-variations")}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2-variations")}:root{--color-bg: #ffffff;--color-panel: #f6f6f4;--color-line: rgb(16 18 22 / 10%);--color-line-strong: rgb(16 18 22 / 18%);--color-text: #101216;--color-text-soft: #5c6066;--color-text-faint: #6e737a;--color-accent: #1d4ed8;--color-accent-deep: #1740b2;--color-accent-soft: rgb(29 78 216 / 8%);--color-accent-contrast: #ffffff;--font-display: "Space Grotesk Variable", "Geist Variable", system-ui, sans-serif;--font-sans: "Geist Variable", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", monospace;--text-xs: clamp(.875rem, .84rem + .18vw, 1rem);--text-sm: .875rem;--text-kicker: clamp(1rem, .825rem + .75vw, 1.5rem);--text-base: clamp(1rem, .96rem + .2vw, 1.125rem);--text-md: clamp(1.25rem, 1.18rem + .35vw, 1.5rem);--text-lg: clamp(1.55rem, 1.4rem + .75vw, 2rem);--text-xl: clamp(1.95rem, 1.7rem + 1.25vw, 2.75rem);--text-hero: clamp(2.4rem, 1.1rem + 7vw, 6.75rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-section: clamp(6rem, 5rem + 6vw, 11rem);--radius-sm: 10px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgb(16 18 22 / 4%), 0 10px 26px rgb(16 18 22 / 5%);--shadow-card-hover: 0 2px 6px rgb(16 18 22 / 7%), 0 16px 38px rgb(16 18 22 / 10%);--content-max: 74rem;--content-pad: clamp(1.25rem, 4vw, 3rem);--header-h: 5.625rem;--z-header: 100;--z-menu: 200;--ease-premium: cubic-bezier(.32, .72, 0, 1);--duration-fast: .25s;--duration-reveal: .75s}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{line-height:1.6;-webkit-font-smoothing:antialiased}img,picture,video,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}p,h1,h2,h3,h4{overflow-wrap:break-word}ul[class],ol[class]{list-style:none;padding:0}html{color-scheme:light}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;color:var(--color-text);background-color:var(--color-bg)}body.menu-open,body.dialog-open{overflow:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.08;letter-spacing:-.015em;text-wrap:balance}p{max-width:70ch}a:not(.button){color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--duration-fast) var(--ease-premium)}a:not(.button):hover{color:var(--color-accent-deep)}::selection{background:var(--color-accent);color:var(--color-accent-contrast)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.container{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--content-pad)}section[id]{scroll-margin-top:calc(var(--header-height, 6rem) + var(--space-4))}.tech-stack-tile[data-icon=angular],.project-card-stack-chip[data-icon=angular]{--brand: #dd0031}.tech-stack-tile[data-icon=typescript],.project-card-stack-chip[data-icon=typescript]{--brand: #3178c6}.tech-stack-tile[data-icon=javascript],.project-card-stack-chip[data-icon=javascript]{--brand: #f7df1e}.tech-stack-tile[data-icon=html5],.project-card-stack-chip[data-icon=html5]{--brand: #e34f26}.tech-stack-tile[data-icon=css],.project-card-stack-chip[data-icon=css]{--brand: #663399}.tech-stack-tile[data-icon=sass],.project-card-stack-chip[data-icon=sass]{--brand: #cc6699}.tech-stack-tile[data-icon=nextdotjs],.project-card-stack-chip[data-icon=nextdotjs]{--brand: #000000}.tech-stack-tile[data-icon=firebase],.project-card-stack-chip[data-icon=firebase]{--brand: #dd2c00}.tech-stack-tile[data-icon=supabase],.project-card-stack-chip[data-icon=supabase]{--brand: #3fcf8e}.tech-stack-tile[data-icon=bootstrap],.project-card-stack-chip[data-icon=bootstrap]{--brand: #7952b3}.tech-stack-tile[data-icon=git],.project-card-stack-chip[data-icon=git]{--brand: #f03c2e}.tech-stack-tile[data-icon=python],.project-card-stack-chip[data-icon=python]{--brand: #3776ab}.tech-stack-tile[data-icon=django],.project-card-stack-chip[data-icon=django]{--brand: #092e20}.tech-stack-tile[data-icon=n8n],.project-card-stack-chip[data-icon=n8n]{--brand: #ea4b71}.tech-stack-tile[data-icon=figma],.project-card-stack-chip[data-icon=figma]{--brand: #f24e1e}.tech-stack-tile[data-icon=cloudflarepages],.project-card-stack-chip[data-icon=cloudflarepages]{--brand: #f38020}.tech-stack-tile[data-icon=materialdesign],.project-card-stack-chip[data-icon=materialdesign]{--brand: #6750a4}.tech-stack-tile[data-icon=googlegemini],.project-card-stack-chip[data-icon=googlegemini]{--brand: #8e75b2}.reveal{opacity:0;transform:translateY(24px);filter:blur(6px);transition:opacity var(--duration-reveal) var(--ease-premium),transform var(--duration-reveal) var(--ease-premium),filter var(--duration-reveal) var(--ease-premium)}.reveal.is-visible{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;filter:none;transition:none}}.button{display:inline-flex;align-items:center;gap:var(--space-2);padding:.875rem 1.5rem;border-radius:12px;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;text-decoration:none;transition:background var(--duration-fast) var(--ease-premium),border-color var(--duration-fast) var(--ease-premium),color var(--duration-fast) var(--ease-premium)}.button:active{transform:scale(.98)}.button-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;font-size:var(--text-sm);transition:transform var(--duration-fast) var(--ease-premium)}.button:hover .button-icon{transform:translate(2px,-1px)}.button-primary{background:var(--color-accent);color:var(--color-accent-contrast)}.button-primary:hover{background:var(--color-accent-deep)}.button-ghost{border:1.5px solid var(--color-line-strong);color:var(--color-text)}.button-ghost:hover{border-color:var(--color-text)}.kicker{font-family:var(--font-mono);font-size:var(--text-kicker);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.visually-hidden{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:absolute;top:var(--space-2);left:var(--space-2);z-index:var(--z-menu);padding:var(--space-2) var(--space-4);background-color:var(--color-accent);color:var(--color-accent-contrast);border-radius:var(--radius-pill);font-weight:600;text-decoration:none;transform:translateY(-300%)}.skip-link:focus-visible{transform:none}