diff --git a/package-lock.json b/package-lock.json
index 5988bd5..63ba547 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -142,9 +142,6 @@
       "cpu": [
         "arm"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -161,9 +158,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -180,9 +174,6 @@
       "cpu": [
         "ppc64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -199,9 +190,6 @@
       "cpu": [
         "riscv64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -218,9 +206,6 @@
       "cpu": [
         "s390x"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -237,9 +222,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -256,9 +238,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -275,9 +254,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -294,9 +270,6 @@
       "cpu": [
         "arm"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -319,9 +292,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -344,9 +314,6 @@
       "cpu": [
         "ppc64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -369,9 +336,6 @@
       "cpu": [
         "riscv64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -394,9 +358,6 @@
       "cpu": [
         "s390x"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -419,9 +380,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -444,9 +402,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -469,9 +424,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -658,9 +610,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -677,9 +626,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -696,9 +642,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -715,9 +658,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -901,9 +841,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -921,9 +858,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -941,9 +875,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -961,9 +892,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1124,6 +1052,7 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
       "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -1720,9 +1649,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -1744,9 +1670,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -1768,9 +1691,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -1792,9 +1712,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -2902,6 +2819,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
       "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2911,6 +2829,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
       "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 57f2090..eccf959 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -342,7 +342,7 @@ export default function AboutPage() {
           </div>
 
           {/* Gallery Grid - Enhanced Design */}
-          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2 md:gap-3">
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 md:gap-4">
             {filteredImages.map((image, index) => (
               <div
                 key={image.id}
@@ -350,7 +350,7 @@ export default function AboutPage() {
                 className="group relative aspect-square cursor-pointer"
               >
                 {/* Decorative Frame */}
-                <div className="absolute -inset-2 bg-linear-to-br from-green-500/20 via-transparent to-blue-500/20 rounded-xl blur-sm opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
+                <div className="absolute -inset-1 md:-inset-2 bg-linear-to-br from-green-500/20 via-transparent to-blue-500/20 rounded-xl blur-sm opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
 
                 {/* Outer Border Frame */}
                 <div className="relative bg-card/10 backdrop-blur-sm rounded-xl p-2 border border-border group-hover:border-foreground/40 transition-all duration-300 shadow-lg shadow-black/20">
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index c258836..0d2fd08 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -78,7 +78,7 @@ export default function ContactPage() {
                 <p className="mono-font text-xs text-muted mb-2">// connection.config</p>
 
                 <div className="space-y-4">
-                  <InfoRow icon="✉" label="email" value="hello@knurdz.com" href="mailto:hello@knurdz.com" />
+                  <InfoRow icon="✉" label="email" value="hello@knurdz.org" href="mailto:hello@knurdz.org" />
                   <InfoRow icon="🔗" label="linkedin" value="/company/knurdz" href="https://linkedin.com/company/knurdz" />
                   <InfoRow icon="🐙" label="github" value="github.com/knurdz" href="https://github.com/knurdz" />
                   <InfoRow icon="𝕏" label="X (Twitter)" value="@knurdz_org" href="https://x.com/knurdz_org" />
diff --git a/src/app/globals.css b/src/app/globals.css
index bcb6b94..3718e6b 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -107,6 +107,7 @@ body.light {
     background: var(--card);
     border: 1px solid var(--border);
     border-radius: 0.5rem;
+    -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
 }
 
@@ -247,6 +248,7 @@ body.light {
 /* Navigation */
 body.light nav {
     background: rgba(250, 247, 242, 0.88);
+    -webkit-backdrop-filter: blur(16px);
     backdrop-filter: blur(16px);
     box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08);
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 273b64f..841e60b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -48,10 +48,10 @@ export default function Home() {
       {/* Hero Section */}
       <section
         id="hero"
-        className="relative min-h-[calc(100vh-80px)] md:min-h-screen flex items-center justify-center px-6 pt-20"
+        className="relative min-h-[calc(100vh-80px)] md:min-h-screen flex items-center justify-center px-6 pt-20 md:pt-24"
       >
         <div className="container mx-auto max-w-7xl">
-          <div className="grid lg:grid-cols-2 gap-12 items-center">
+          <div className="grid md:grid-cols-2 gap-12 items-center">
             {/* Left Content */}
             <div className="space-y-8 text-center lg:text-left">
               <div className="inline-block">
@@ -59,7 +59,7 @@ export default function Home() {
                   $ ./welcome --community
                 </span>
               </div>
-              <h1 className="text-5xl md:text-7xl lg:text-8xl font-bold leading-tight mono-font">
+              <h1 className="text-4xl md:text-7xl lg:text-8xl font-bold leading-tight mono-font">
                 <span className="text-foreground">Build.</span>
                 <br />
                 <span className="text-faded">Innovate.</span>
@@ -81,7 +81,7 @@ export default function Home() {
               </div>
             </div>
             {/* Right Visual: Terminal-like */}
-            <div className="relative hidden lg:block">
+            <div className="relative hidden md:block">
               <Terminal />
             </div>
           </div>
@@ -165,11 +165,11 @@ export default function Home() {
 
                 return (
                   <div key={project.name} className="grid lg:grid-cols-2 gap-8 items-center">
-                    <div className={`lg:order-1 ${!isRight ? "block" : "hidden lg:block"}`}>
-                      {!isRight && card}
+                    <div className={`${isRight ? "lg:order-2" : "lg:order-1"}`}>
+                      {card}
                     </div>
-                    <div className={`lg:order-2 ${isRight ? "block" : "hidden lg:block"}`}>
-                      {isRight && card}
+                    <div className={`${isRight ? "lg:order-1" : "lg:order-2"} hidden lg:block`}>
+                      {/* Spacer for desktop branch visualization */}
                     </div>
                   </div>
                 );
@@ -242,7 +242,7 @@ export default function Home() {
       </section>
 
       {/* Partners Section */}
-      <section id="partners" className="relative py-32 px-6 bg-background-alt">
+      <section id="partners" className="relative py-16 md:py-32 px-6 bg-background-alt">
         <div className="container mx-auto max-w-7xl">
           {/* Section Header */}
           <div className="text-center mb-20">
@@ -381,7 +381,7 @@ export default function Home() {
       </section>
 
       {/* CTA Section */}
-      <section id="cta" className="relative py-32 px-6">
+      <section id="cta" className="relative py-16 md:py-32 px-6">
         <div className="container mx-auto max-w-5xl">
           <div className="relative bg-card rounded-lg border border-border p-8 md:p-20 text-center overflow-hidden">
             <div className="relative z-10 space-y-8">
diff --git a/src/app/projects/[slug]/page.tsx b/src/app/projects/[slug]/page.tsx
index ed7c8b0..d426f2b 100644
--- a/src/app/projects/[slug]/page.tsx
+++ b/src/app/projects/[slug]/page.tsx
@@ -205,7 +205,7 @@ export default async function ProjectPage({ params }: PageProps) {
       <Navbar activePage="projects" />
 
       {/* Banner */}
-      <div className="relative w-full h-[55vh] min-h-80 mt-0 overflow-hidden">
+      <div className="relative w-full h-[40vh] md:h-[55vh] min-h-80 mt-0 overflow-hidden">
         <div className="absolute inset-0 bg-linear-to-b from-transparent via-background/40 to-background z-10" />
         
         {frontmatter.banner ? (
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index f98a7c5..c547a01 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -104,11 +104,11 @@ export default function ProjectsPage() {
                       key={project.name}
                       className="grid lg:grid-cols-2 gap-8 items-center"
                     >
-                      <div className={`lg:order-1 ${!isRight ? "block" : "hidden lg:block"}`}>
-                        {!isRight && card}
+                      <div className={`${isRight ? "lg:order-2" : "lg:order-1"}`}>
+                        {card}
                       </div>
-                      <div className={`lg:order-2 ${isRight ? "block" : "hidden lg:block"}`}>
-                        {isRight && card}
+                      <div className={`${isRight ? "lg:order-1" : "lg:order-2"} hidden lg:block`}>
+                        {/* Spacer for desktop branch visualization */}
                       </div>
                     </div>
                   );
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 6aba383..03e300b 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -6,9 +6,9 @@ export default function Footer() {
   return (
     <footer className="relative border-t border-border py-12 px-6 bg-background-alt">
       <div className="container mx-auto max-w-7xl">
-        <div className="grid md:grid-cols-4 gap-12 mb-12">
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12 mb-12">
           {/* Brand */}
-          <div className="space-y-4">
+          <div className="col-span-2 md:col-span-1 space-y-4">
             <Link href="/" aria-label="Knurdz home" className="block hover:opacity-80 transition-opacity">
               <img
                 src="/logo/knurdz-logo-horizontal.png"
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 4aec577..188a82f 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -22,12 +22,12 @@ export default function Navbar({ activePage }: NavbarProps) {
 
   return (
     <>
-      <nav className="fixed top-0 w-full z-50 bg-background/80 backdrop-blur-xl border-b border-border">
-        <div className="container mx-auto px-6 py-4 flex items-center justify-between relative">
+      <nav className="fixed top-0 w-full z-50 bg-background/80 backdrop-blur-xl shadow-[0_1px_0_var(--border)]">
+        <div className="container mx-auto max-w-7xl px-6 py-4 flex items-center justify-between relative">
           <Link
             href="/"
             aria-label="Knurdz home"
-            className="flex items-center gap-3 hover:opacity-80 transition-opacity z-10 relative"
+            className="block hover:opacity-80 transition-opacity z-10 relative"
             onClick={() => setIsMenuOpen(false)}
           >
             <img
@@ -126,13 +126,13 @@ export default function Navbar({ activePage }: NavbarProps) {
 
       {/* Mobile Menu Dropdown */}
       <div 
-        className={`lg:hidden fixed top-20 left-0 w-full bg-background/95 backdrop-blur-xl border-b border-border shadow-2xl z-40 transition-all duration-300 ease-in-out transform origin-top ${
+        className={`lg:hidden fixed top-20 left-0 w-full bg-background/95 backdrop-blur-xl shadow-[0_1px_0_var(--border)] shadow-2xl z-40 transition-all duration-300 ease-in-out transform origin-top ${
           isMenuOpen 
             ? "translate-y-0 opacity-100 scale-y-100 visible" 
             : "-translate-y-4 opacity-0 scale-y-95 invisible pointer-events-none"
         }`}
       >
-        <div className="container mx-auto px-6 py-6 flex flex-col gap-2">
+        <div className="container mx-auto max-w-7xl px-6 py-6 flex flex-col gap-2">
           <Link
             href="/"
             onClick={() => setIsMenuOpen(false)}
diff --git a/src/components/TeamMemberPreview.tsx b/src/components/TeamMemberPreview.tsx
index 5ef8182..3244327 100644
--- a/src/components/TeamMemberPreview.tsx
+++ b/src/components/TeamMemberPreview.tsx
@@ -62,12 +62,12 @@ export default function TeamMemberPreview({ member, onClose }: TeamMemberPreview
     if (!member) return null;
 
     return (
-        <div className={`fixed inset-0 z-50 transition-colors duration-500 ${isVisible ? 'bg-background/80 backdrop-blur-sm' : 'bg-transparent pointer-events-none'}`}>
+        <div className={`fixed inset-0 z-50 flex flex-col md:block items-center justify-center p-4 overflow-y-auto transition-colors duration-500 ${isVisible ? 'bg-background/80 backdrop-blur-sm' : 'bg-transparent pointer-events-none'}`}>
             {/* Click Outside Handler */}
             <div className="absolute inset-0 w-full h-full" onClick={onClose} />
 
-            {/* SVG Connector Layer */}
-            <svg className="absolute inset-0 w-full h-full pointer-events-none z-40 overflow-visible">
+            {/* SVG Connector Layer - Desktop Only */}
+            <svg className="absolute inset-0 w-full h-full pointer-events-none z-40 overflow-visible hidden md:block">
                  <defs>
                     <linearGradient id="line-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
                         <stop offset="0%" stopColor="#22c55e" stopOpacity="0.8" />
@@ -113,10 +113,10 @@ export default function TeamMemberPreview({ member, onClose }: TeamMemberPreview
                 )}
             </svg>
 
-            {/* Large Member Preview - Centered */}
+            {/* Large Member Preview - Centered on desktop, stacked on mobile */}
             <div 
                 ref={imageRef}
-                className={`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50 transition-all duration-500 ease-out ${isVisible ? 'scale-100 opacity-100' : 'scale-50 opacity-0'}`}
+                className={`relative md:absolute md:top-1/2 md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 z-50 transition-all duration-500 ease-out ${isVisible ? 'scale-100 opacity-100' : 'scale-50 opacity-0'}`}
                 onClick={(e) => e.stopPropagation()} 
             >
                 <div className="relative w-64 h-64 md:w-112.5 md:h-112.5 rounded-full border-4 border-green-500 overflow-hidden shadow-[0_0_50px_rgba(34,197,94,0.4)] bg-card group cursor-default">
@@ -127,10 +127,10 @@ export default function TeamMemberPreview({ member, onClose }: TeamMemberPreview
                 </div>
             </div>
 
-            {/* Info Card - Top Right */}
+            {/* Info Card - Top Right on desktop, stacked on mobile */}
             <div 
                 ref={cardRef}
-                className={`absolute top-24 right-5 md:right-10 w-80 md:w-96 z-50 transition-all duration-500 delay-100 ease-out ${isVisible ? 'translate-x-0 opacity-100' : 'translate-x-20 opacity-0'}`}
+                className={`relative md:absolute mt-8 md:mt-0 md:top-24 md:right-10 w-full max-w-96 md:w-96 z-50 transition-all duration-500 delay-100 ease-out ${isVisible ? 'translate-x-0 opacity-100' : 'translate-x-20 opacity-0'}`}
                 onClick={(e) => e.stopPropagation()} 
             >
                 <div className="bg-card/90 backdrop-blur-xl border rounded-xl p-5 border-green-500 transition-colors duration-300 relative overflow-visible shadow-[0_0_20px_rgba(34,197,94,0.2)]">
diff --git a/src/components/Terminal.tsx b/src/components/Terminal.tsx
index 1fb5231..5ed0a9c 100644
--- a/src/components/Terminal.tsx
+++ b/src/components/Terminal.tsx
@@ -218,7 +218,7 @@ export default function Terminal() {
 
       {/* Body */}
       <div
-        className="p-8 mono-font text-sm cursor-text transition-all duration-300"
+        className="p-4 md:p-8 mono-font text-sm cursor-text transition-all duration-300"
         onClick={() => inputElRef.current?.focus()}
       >
         <div className="space-y-1 leading-relaxed">