:root{--color-bg: #faf5f8;--color-surface: #ffffff;--color-surface-hover: #f4ecf2;--color-text: #2a1e2e;--color-text-muted: #7a6478;--color-text-subtle: #a896a6;--color-border: #e9d9e6;--color-border-hover: #d4bcd0;--color-accent: #ed43a2;--color-accent-hover: #c22f83;--color-accent-soft: rgba(237, 67, 162, .08);--color-warm: #bd75b4;--color-warm-hover: #a862a1;--color-warm-soft: rgba(189, 117, 180, .1);--color-overlay: rgba(42, 30, 46, .05);--hero-dot: rgba(237, 67, 162, .4);--md-sys-color-primary: #ed43a2;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: rgba(237, 67, 162, .12);--md-sys-color-on-primary-container: #2a1e2e;--md-sys-color-secondary: #bd75b4;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #f4ecf2;--md-sys-color-on-secondary-container: #2a1e2e;--md-sys-color-tertiary: #a862a1;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: rgba(189, 117, 180, .14);--md-sys-color-on-tertiary-container: #2a1e2e;--md-sys-color-background: #faf5f8;--md-sys-color-on-background: #2a1e2e;--md-sys-color-surface: #faf5f8;--md-sys-color-surface-dim: #f0e6ee;--md-sys-color-surface-bright: #ffffff;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #ffffff;--md-sys-color-surface-container: #f4ecf2;--md-sys-color-surface-container-high: #efe3ec;--md-sys-color-surface-container-highest: #e9d9e6;--md-sys-color-on-surface: #2a1e2e;--md-sys-color-on-surface-variant: #7a6478;--md-sys-color-outline: #d4bcd0;--md-sys-color-outline-variant: #e9d9e6;--md-sys-state-hover-opacity: .08;--md-sys-state-focus-opacity: .12;--md-sys-state-pressed-opacity: .12;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-elevation-1: 0 1px 3px rgba(26, 26, 26, .06), 0 1px 2px rgba(26, 26, 26, .04);--md-sys-elevation-2: 0 4px 16px rgba(26, 26, 26, .07), 0 2px 4px rgba(26, 26, 26, .04);--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-duration-short: .15s;--md-sys-motion-duration-medium: .25s;--font-display: "Pixelify Sans", "Plus Jakarta Sans", sans-serif;--font-pixel: "Pixelify Sans", "Plus Jakarta Sans", sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 3rem;--space-xl: 4rem;--space-2xl: 5rem;--radius-sm: var(--md-sys-shape-corner-small);--radius-md: var(--md-sys-shape-corner-medium);--radius-lg: var(--md-sys-shape-corner-large);--radius-full: var(--md-sys-shape-corner-full);--radius-control: var(--md-sys-shape-corner-small);--shadow-xs: none;--shadow-sm: var(--md-sys-elevation-1);--shadow-md: var(--md-sys-elevation-2);--shadow-lg: var(--md-sys-elevation-2);--ease-out: var(--md-sys-motion-easing-standard);--ease-in-out: var(--md-sys-motion-easing-standard);--duration-fast: var(--md-sys-motion-duration-short);--duration-normal: var(--md-sys-motion-duration-medium);--duration-slow: .35s;--content-width: 860px;--content-wide: 1140px}[data-theme=dark]{--color-bg: #201626;--color-surface: #2b1d31;--color-surface-hover: #362540;--color-text: #fff0f8;--color-text-muted: #b69ab7;--color-text-subtle: #7d6580;--color-border: rgba(232, 171, 216, .22);--color-border-hover: rgba(232, 171, 216, .45);--color-accent: #ed43a2;--color-accent-hover: #f58cbd;--color-accent-soft: rgba(237, 67, 162, .14);--color-warm: #e755a6;--color-warm-hover: #ff70bb;--color-warm-soft: rgba(231, 85, 166, .12);--color-overlay: rgba(255, 240, 248, .04);--hero-dot: #e5a9d0;--md-sys-color-primary: #ed43a2;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: rgba(237, 67, 162, .18);--md-sys-color-on-primary-container: #fff0f8;--md-sys-color-secondary: #e755a6;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #362540;--md-sys-color-on-secondary-container: #fff0f8;--md-sys-color-tertiary: #b69ab7;--md-sys-color-on-tertiary: #201626;--md-sys-color-tertiary-container: #362540;--md-sys-color-on-tertiary-container: #fff0f8;--md-sys-color-background: #201626;--md-sys-color-on-background: #fff0f8;--md-sys-color-surface: #201626;--md-sys-color-surface-dim: #19111e;--md-sys-color-surface-bright: #362540;--md-sys-color-surface-container-lowest: #1a111f;--md-sys-color-surface-container-low: #2b1d31;--md-sys-color-surface-container: #312138;--md-sys-color-surface-container-high: #362540;--md-sys-color-surface-container-highest: #412d4d;--md-sys-color-on-surface: #fff0f8;--md-sys-color-on-surface-variant: #b69ab7;--md-sys-color-outline: rgba(232, 171, 216, .38);--md-sys-color-outline-variant: rgba(232, 171, 216, .22);--md-sys-elevation-1: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .1);--md-sys-elevation-2: 0 4px 16px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-weight:400;font-size:1rem;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);text-align:left;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--hero-dot) .55px,transparent .55px);background-size:7px 7px;opacity:.24}[data-theme=dark] body:before{opacity:.18}img{max-width:100%;height:auto;display:block}a{color:var(--md-sys-color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--md-sys-color-on-surface);letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.1}h2{font-size:clamp(1.65rem,3vw,2.25rem);font-weight:700;letter-spacing:-.02em}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.0625rem;font-weight:600}h5,h6{font-size:.9375rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}p{font-family:var(--font-body);font-size:1rem;line-height:1.65;margin-bottom:1rem;max-width:70ch;color:var(--md-sys-color-on-surface-variant)}p:last-child{margin-bottom:0}.section-label{display:inline-flex;align-items:center;font-family:var(--font-pixel);font-size:.875rem;font-weight:500;letter-spacing:.04em;color:var(--md-sys-color-primary);margin-bottom:.5rem}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-pixel);font-size:.8125rem;font-weight:500;letter-spacing:.04em;color:var(--md-sys-color-primary)}.section-desc{font-family:var(--font-body);font-size:1.02rem;line-height:1.65;color:var(--md-sys-color-on-surface-variant);max-width:62ch}.text-display{font-family:var(--font-display)}.text-body{font-family:var(--font-body)}.text-muted{color:var(--md-sys-color-on-surface-variant)!important}.text-accent{color:var(--md-sys-color-primary)!important}.container-narrow{width:100%;max-width:var(--content-width);margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.container-wide{width:100%;max-width:var(--content-wide);margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.section{min-height:calc(100svh - 64px);display:flex;flex-direction:column;justify-content:center;padding-top:calc(4.5rem + var(--space-lg));padding-bottom:var(--space-xl)}.section-sm{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}main>section+section{border-top:1px solid var(--md-sys-color-outline-variant)}.btn-primary,.btn-tonal,.btn-secondary,.btn-ghost{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:0 1.5rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:.01em;line-height:1.25;border-radius:var(--md-sys-shape-corner-full);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn-primary:hover,.btn-tonal:hover,.btn-secondary:hover,.btn-ghost:hover{text-decoration:none}.btn-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-primary:hover{background-color:color-mix(in srgb,var(--md-sys-color-primary) 92%,var(--md-sys-color-on-primary) 8%);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-1)}.btn-primary:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.btn-tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.btn-tonal:hover{background-color:color-mix(in srgb,var(--md-sys-color-secondary-container) 92%,var(--md-sys-color-on-secondary-container) 8%);color:var(--md-sys-color-on-secondary-container)}.btn-secondary{background-color:transparent;color:var(--md-sys-color-primary);border-color:var(--md-sys-color-outline)}.btn-secondary:hover{background-color:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent);color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.btn-ghost{background-color:transparent;color:var(--md-sys-color-primary);padding:0 .75rem}.btn-ghost:hover{background-color:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent);color:var(--md-sys-color-primary)}.card{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);overflow:hidden}.card-body{padding:var(--space-md)}.card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--md-sys-color-on-surface);margin-bottom:.375rem}.card-subtitle{font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);margin-bottom:.75rem}.card-text{font-size:.9375rem;line-height:1.65;color:var(--md-sys-color-on-surface-variant)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:.375rem}.form-control{display:block;width:100%;font-family:var(--font-body);font-size:1rem;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);padding:.75rem 1rem;transition:border-color var(--duration-fast) var(--ease-out);outline:none}.form-control::placeholder{color:var(--md-sys-color-outline)}.form-control:hover{border-color:var(--md-sys-color-on-surface)}.form-control:focus{border-color:var(--md-sys-color-primary);border-width:2px;padding:calc(.75rem - 1px) calc(1rem - 1px);box-shadow:none;background-color:var(--md-sys-color-surface)}textarea.form-control{min-height:140px;resize:vertical;line-height:1.6}.navbar-custom{position:fixed;top:0;left:0;right:0;min-height:64px;display:flex;align-items:center;z-index:1040;background-color:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);transition:background-color var(--duration-normal) var(--ease-out)}.navbar-custom.scrolled{background-color:var(--md-sys-color-surface-container)}.navbar-brand{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--md-sys-color-on-surface)!important;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:center;gap:.625rem}.navbar-brand:hover{text-decoration:none;color:var(--md-sys-color-on-surface)!important}.wordmark-icon{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:var(--md-sys-shape-corner-small);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-family:var(--font-pixel);font-weight:700;font-size:15px;line-height:1}.offcanvas{background-color:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);border-top-right-radius:var(--md-sys-shape-corner-large);border-bottom-right-radius:var(--md-sys-shape-corner-large)}.navbar-toggler{border:none;width:40px;height:40px;border-radius:var(--md-sys-shape-corner-full);display:inline-grid;place-items:center;background-color:transparent;color:var(--md-sys-color-on-surface)}.navbar-toggler:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.navbar-toggler:focus{box-shadow:none;outline:2px solid var(--md-sys-color-primary)}.navbar-toggler-icon{background-image:none;position:relative;width:20px;height:2px;background:var(--md-sys-color-on-surface);display:block}.navbar-toggler-icon:before,.navbar-toggler-icon:after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--md-sys-color-on-surface)}.navbar-toggler-icon:before{top:-6px}.navbar-toggler-icon:after{top:6px}.hero-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-lg);align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .75rem;padding:.25rem .75rem;border-radius:var(--md-sys-shape-corner-small);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-family:var(--font-pixel);font-size:.8125rem;font-weight:500;letter-spacing:.04em}.hero-name{font-family:var(--font-display);font-size:clamp(2.75rem,5.5vw,4.5rem);font-weight:700;line-height:.98;letter-spacing:-.03em;color:var(--md-sys-color-on-surface);margin:0}.hero-role{font-family:var(--font-pixel);font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:500;color:var(--md-sys-color-primary);margin-top:.5rem;margin-bottom:0}.hero-description{margin:1rem 0 0;font-size:1.02rem;line-height:1.65;color:var(--md-sys-color-on-surface-variant);max-width:60ch}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 1rem;font-family:var(--font-pixel);font-size:.8125rem;font-weight:500;letter-spacing:.03em;color:var(--md-sys-color-on-surface-variant);background-color:var(--color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);cursor:pointer;user-select:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.filter-chip:hover{background-color:var(--color-surface-hover);color:var(--md-sys-color-on-surface)}.filter-chip.active-chip{color:#fff;background-color:var(--color-accent);border-color:var(--color-accent)}.filter-chip.active-chip:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.m3-chip{display:inline-flex;align-items:center;gap:.375rem;height:30px;padding:0 .75rem;font-family:var(--font-pixel);font-size:.78rem;font-weight:500;letter-spacing:.03em;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.25rem}.project-card{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:1.5rem;display:none;flex-direction:column;gap:.75rem}.project-card.visible{display:flex}.project-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--md-sys-color-on-surface);margin:0;line-height:1.25}.project-card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin:0}.project-card-desc{font-family:var(--font-body);font-size:.9375rem;line-height:1.6;color:var(--md-sys-color-on-surface-variant);flex:1;margin:0}.project-card-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;align-self:flex-start;height:36px;padding:0 1rem;font-size:.875rem;font-weight:600;color:var(--md-sys-color-on-secondary-container);background-color:var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-full);text-decoration:none;margin-top:.25rem;transition:background-color var(--duration-fast) var(--ease-out)}.project-card-link:hover{text-decoration:none;background-color:color-mix(in srgb,var(--md-sys-color-secondary-container) 90%,var(--md-sys-color-on-secondary-container) 10%);color:var(--md-sys-color-on-secondary-container)}.project-card-link svg{width:18px;height:18px}.blog-card{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:1.5rem;transition:background-color var(--duration-fast) var(--ease-out)}a:hover>.blog-card,.blog-card:hover{background-color:var(--md-sys-color-surface-container)}.blog-card-title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--md-sys-color-on-surface);margin-bottom:.5rem;line-height:1.25}.blog-card-desc{font-size:.9375rem;line-height:1.65;color:var(--md-sys-color-on-surface-variant)}.blog-link-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 1.5rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--md-sys-color-primary);background-color:transparent;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.blog-link-btn:hover{text-decoration:none;background-color:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.footer{background-color:var(--md-sys-color-surface-container-low);border-top:1px solid var(--md-sys-color-outline-variant);padding:var(--space-lg) 0;text-align:center}.footer-text{font-size:.875rem;color:var(--md-sys-color-on-surface-variant);margin-left:auto;margin-right:auto;margin-bottom:1.25rem}.footer-social{display:inline-flex;align-items:center;gap:.5rem}.footer-social a{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.footer-social a:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent);color:var(--md-sys-color-on-surface);text-decoration:none}.footer-social svg{width:20px;height:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:768px){:root{--space-2xl: 3rem;--space-xl: 2.5rem;--space-lg: 2rem}.section{padding-top:calc(4.5rem + var(--space-md));padding-bottom:var(--space-lg)}.project-grid{grid-template-columns:1fr}.hero-stage{grid-template-columns:1fr;gap:var(--space-md)}}