@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap);:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--secondary:#ec4899;--secondary-light:#f472b6;--secondary-dark:#db2777;--accent:#14b8a6;--accent-light:#2dd4bf;--accent-dark:#0f766e;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-secondary:linear-gradient(135deg,#ec4899,#f97316);--gradient-accent:linear-gradient(135deg,#14b8a6,#06b6d4);--gradient-creative:linear-gradient(135deg,#667eea,#764ba2);--gradient-subtle:linear-gradient(135deg,#f093fb,#f5576c 25%,#4facfe);--neutral-900:#0f172a;--neutral-800:#1e293b;--neutral-700:#334155;--neutral-600:#475569;--neutral-500:#64748b;--neutral-400:#94a3b8;--neutral-300:#cbd5e1;--neutral-200:#e2e8f0;--neutral-100:#f1f5f9;--neutral-50:#f8fafc;--white:#fff;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:var(--accent);--font-family-primary:"Manrope",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.333rem;--font-size-2xl:1.777rem;--font-size-3xl:2.369rem;--font-size-4xl:3.157rem;--font-size-5xl:4.209rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--space-32:8rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-creative:0 8px 32px #6366f126;--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);color:#1e293b;color:var(--neutral-800);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);margin:0;padding:0}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.333rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.777rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:2.369rem;font-size:var(--font-size-3xl)}.text-4xl{font-size:3.157rem;font-size:var(--font-size-4xl)}.text-5xl{font-size:4.209rem;font-size:var(--font-size-5xl)}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:800;font-weight:var(--font-weight-extrabold)}.leading-tight{line-height:1.25;line-height:var(--line-height-tight)}.leading-snug{line-height:1.375;line-height:var(--line-height-snug)}.leading-normal{line-height:1.5;line-height:var(--line-height-normal)}.leading-relaxed{line-height:1.625;line-height:var(--line-height-relaxed)}.leading-loose{line-height:2;line-height:var(--line-height-loose)}.text-primary{color:#6366f1;color:var(--primary)}.text-secondary{color:#ec4899;color:var(--secondary)}.text-accent{color:#14b8a6;color:var(--accent)}.text-neutral-900{color:#0f172a;color:var(--neutral-900)}.text-neutral-800{color:#1e293b;color:var(--neutral-800)}.text-neutral-700{color:#334155;color:var(--neutral-700)}.text-neutral-600{color:#475569;color:var(--neutral-600)}.text-neutral-500{color:#64748b;color:var(--neutral-500)}.bg-primary{background-color:#6366f1;background-color:var(--primary)}.bg-secondary{background-color:#ec4899;background-color:var(--secondary)}.bg-accent{background-color:#14b8a6;background-color:var(--accent)}.bg-gradient-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary)}.bg-gradient-secondary{background:linear-gradient(135deg,#ec4899,#f97316);background:var(--gradient-secondary)}.bg-gradient-creative{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-creative)}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);height:48px;justify-content:center;line-height:1;min-width:100px;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white)}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#ec4899,#f97316);background:var(--gradient-secondary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white)}.btn-outline{background:#0000;border:2px solid #6366f1;border:2px solid var(--primary);color:#6366f1;color:var(--primary)}.btn-outline:hover{background:#6366f1;background:var(--primary);color:#fff;color:var(--white)}.card{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-8);transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-creative{background:#fff;background:var(--white);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #6366f126;box-shadow:var(--shadow-creative);overflow:hidden;position:relative}.card-creative:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.p-12{padding:3rem;padding:var(--space-12)}.p-16{padding:4rem;padding:var(--space-16)}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-6{margin:1.5rem;margin:var(--space-6)}.m-8{margin:2rem;margin:var(--space-8)}.m-12{margin:3rem;margin:var(--space-12)}.m-16{margin:4rem;margin:var(--space-16)}@media (max-width:768px){.text-4xl{font-size:2.369rem;font-size:var(--font-size-3xl)}.text-5xl{font-size:3.157rem;font-size:var(--font-size-4xl)}.p-8{padding:1.5rem;padding:var(--space-6)}.p-12{padding:2rem;padding:var(--space-8)}.p-16{padding:2.5rem;padding:var(--space-10)}}:root{--primary:#2563eb!important;--primary-light:#3b82f6!important;--primary-dark:#1d4ed8!important;--primary-gradient:linear-gradient(135deg,#2563eb,#1d4ed8)!important;--secondary:#8b5cf6!important;--secondary-light:#a78bfa!important;--secondary-dark:#7c3aed!important;--accent:#06b6d4!important;--accent-light:#22d3ee!important;--accent-dark:#0891b2!important;--gradient-primary:linear-gradient(135deg,#2563eb,#1d4ed8)!important;--gradient-secondary:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;--gradient-accent:linear-gradient(135deg,#06b6d4,#0891b2)!important;--gradient-creative:linear-gradient(135deg,#2563eb,#8b5cf6)!important;--gradient-subtle:linear-gradient(135deg,#e0e7ff,#f0f9ff)!important;--shadow-creative:0 8px 32px #2563eb1f!important}.stacked-card:before{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;background:var(--gradient-primary)!important}.project-card{box-shadow:var(--shadow-md)!important}.project-card:hover{box-shadow:var(--shadow-lg)!important}.btn,.btn-primary,a.btn,a.btn-primary{max-width:none!important;min-width:100px!important;padding:16px 20px!important;width:auto!important}.stacked-card .card-left a.btn.btn-primary,div.card-left a.btn.btn-primary,div.project-content a.btn.btn-primary{background:#2563eb!important;background:var(--primary)!important;font-size:14px!important;max-width:120px!important;min-width:80px!important;padding:12px 16px!important;width:auto!important}.view-more-case-studies{margin-top:-1rem!important;padding:.5rem 0 4.5rem!important}.view-more-case-studies a.btn.btn-primary{max-width:none!important;min-width:180px!important;padding:16px 40px!important}.skills-showcase{padding:var(--space-8) 5vw var(--space-16) 5vw!important}.btn-primary{background:#2563eb!important;background:var(--primary)!important;border:1px solid #1d4ed8!important;border:1px solid var(--primary-dark)!important;box-shadow:0 2px 8px #2563eb26!important;font-weight:var(--font-weight-semibold)!important}.btn-primary:hover{background:#1d4ed8!important;background:var(--primary-dark)!important;border-color:#1d4ed8!important;border-color:var(--primary-dark)!important;box-shadow:0 4px 12px #2563eb40!important;transform:translateY(-1px)!important}.view-case-study{background:#2563eb!important;background:var(--primary)!important;border:1px solid #1d4ed8!important;border:1px solid var(--primary-dark)!important;box-shadow:0 2px 6px #2563eb1f!important}.view-case-study:hover{background:#1d4ed8!important;background:var(--primary-dark)!important;border-color:#1d4ed8!important;border-color:var(--primary-dark)!important;box-shadow:0 3px 8px #2563eb33!important;transform:translateY(-1px)!important}.contact-button{background:#2563eb!important;background:var(--primary)!important;border:1px solid #1d4ed8!important;border:1px solid var(--primary-dark)!important;box-shadow:0 2px 8px #2563eb26!important}.contact-button:hover{background:#1d4ed8!important;background:var(--primary-dark)!important;border-color:#1d4ed8!important;border-color:var(--primary-dark)!important;box-shadow:0 4px 12px #2563eb40!important;transform:translateY(-1px)!important}code{font-family:var(--font-family-mono)}.access-gate{background:linear-gradient(135deg,var(--neutral-50) 0,var(--white) 60%);display:flex;font-family:var(--font-family-primary);min-height:100vh;overflow:hidden;padding:var(--space-16) 5vw}.access-gate,.access-gate-content{align-items:center;position:relative;width:100%}.access-gate-content{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr;height:100%}.access-gate-text{margin-left:auto;max-width:500px;padding-right:var(--space-8);z-index:2}.access-gate-text h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;line-height:var(--line-height-tight);margin-bottom:var(--space-4);text-shadow:0 2px 4px #2563eb1a}.access-gate-text .tagline{color:var(--primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.05em;line-height:var(--line-height-snug);margin-bottom:var(--space-6);text-transform:uppercase}.access-gate-text h2{color:var(--neutral-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-6);margin-top:var(--space-2)}.access-gate-text .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);justify-content:center;margin-top:var(--space-4);padding:var(--space-4) var(--space-5);text-decoration:none;transition:all var(--transition-normal)}.access-gate-text .btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:var(--white)}.access-gate-text .btn-primary:hover{box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-2px)}.access-form{bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);left:50%;max-width:600px;position:absolute;text-align:center;transform:translateX(-50%);z-index:10}.access-form-inputs{align-items:center;display:flex;gap:var(--space-4);justify-content:center}.access-form h3{color:var(--neutral-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.access-input{background:var(--white);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--neutral-900);font-family:var(--font-family-primary);font-size:var(--font-size-lg);padding:var(--space-4) var(--space-6);transition:all var(--transition-normal)}.access-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.access-input::placeholder{color:var(--neutral-500)}.access-submit{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--white);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-8);transition:all var(--transition-normal)}.access-submit:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.access-submit:active{transform:translateY(0)}.access-error{background:#ef44441a;border-left:4px solid var(--red-600);border-radius:var(--radius-md);color:var(--red-600);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-top:var(--space-2);padding:var(--space-3) var(--space-4)}.access-gate-visual{height:100%;z-index:2}.access-dots-grid-container,.access-gate-visual{align-items:center;display:flex;justify-content:center;position:relative}.access-dots-grid-container{height:320px;width:320px}.access-dot{animation:8s ease-in-out infinite;background:var(--primary);border-radius:50%;box-shadow:0 4px 16px #2563eb66;height:32px;position:absolute;width:32px}.access-dot-1{animation-delay:0s;animation-name:accessDot1Animation}.access-dot-2{animation-delay:.2s;animation-name:accessDot2Animation}.access-dot-3{animation-delay:.4s;animation-name:accessDot3Animation}.access-dot-4{animation-delay:.6s;animation-name:accessDot4Animation}.access-dot-5{animation-delay:.8s;animation-name:accessDot5Animation}.access-dot-6{animation-delay:1s;animation-name:accessDot6Animation}.access-dot-7{animation-delay:1.2s;animation-name:accessDot7Animation}.access-dot-8{animation-delay:1.4s;animation-name:accessDot8Animation}.access-dot-9{animation-delay:1.6s;animation-name:accessDot9Animation}@keyframes accessDot1Animation{0%,to{transform:translate(-100px,-80px)}25%,75%{transform:translate(-50px,-50px)}}@keyframes accessDot2Animation{0%,to{transform:translate(60px,-120px)}25%,75%{transform:translateY(-50px)}}@keyframes accessDot3Animation{0%,to{transform:translate(120px,40px)}25%,75%{transform:translate(50px,-50px)}}@keyframes accessDot4Animation{0%,to{transform:translate(-130px,30px)}25%,75%{transform:translate(-50px)}}@keyframes accessDot5Animation{0%,to{transform:translate(0)}25%,75%{transform:translate(0)}}@keyframes accessDot6Animation{0%,to{transform:translate(140px,-60px)}25%,75%{transform:translate(50px)}}@keyframes accessDot7Animation{0%,to{transform:translate(-90px,100px)}25%,75%{transform:translate(-50px,50px)}}@keyframes accessDot8Animation{0%,to{transform:translate(30px,110px)}25%,75%{transform:translateY(50px)}}@keyframes accessDot9Animation{0%,to{transform:translate(150px,-100px)}25%,75%{transform:translate(50px,50px)}}@media (max-width:768px){.access-gate{min-height:100vh;padding:var(--space-8) var(--space-4)}.access-gate-content{flex-direction:column;gap:var(--space-8);grid-template-columns:1fr;text-align:center}.access-gate-text h1{font-size:var(--font-size-4xl)}.access-gate-text h2{font-size:var(--font-size-2xl)}.access-dots-grid-container{height:250px;width:250px}.access-dot{height:24px;width:24px}}.home{background:var(--white);color:var(--neutral-800);font-family:var(--font-family-primary);margin:0;padding:0;width:100%}.hero{align-items:center;background:linear-gradient(135deg,var(--neutral-50) 0,var(--white) 60%);display:flex;min-height:90vh;overflow:hidden;padding:var(--space-16) 5vw;position:relative;width:100%}.hero-bg-video{height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.diagonal-text h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;line-height:var(--line-height-tight);margin-bottom:var(--space-4);text-shadow:0 2px 4px #2563eb1a}.diagonal-text .tagline{color:var(--primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.05em;line-height:var(--line-height-snug);margin-bottom:var(--space-6);text-transform:uppercase}.diagonal-text h2{color:var(--neutral-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-6);margin-top:var(--space-2)}.diagonal-text .hero-description{color:var(--neutral-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin:var(--space-6) 0 var(--space-10) 0;max-width:480px}.diagonal-text .btn{margin-top:var(--space-4)}.hero-floating-elements{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.floating-card{align-items:center;animation:float 6s ease-in-out infinite;background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-4);min-width:200px;padding:var(--space-6);position:absolute;transition:all var(--transition-normal)}.floating-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-icon{align-items:center;background:var(--neutral-100);border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-2xl);height:48px;justify-content:center;width:48px}.card-content h4{color:var(--neutral-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.card-content p{color:var(--neutral-600);font-size:var(--font-size-sm);margin:0}.card-1{animation-delay:0s;right:10%;top:15%}.card-2{animation-delay:2s;right:25%;top:45%}.card-3{animation-delay:4s;right:5%;top:75%}.floating-metric{animation:float 8s ease-in-out infinite;background:var(--primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--white);padding:var(--space-4) var(--space-6);position:absolute;text-align:center}.metric-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.metric-label{font-size:var(--font-size-xs);margin-top:var(--space-1);opacity:.9}.metric-1{animation-delay:1s;right:45%;top:25%}.metric-2{animation-delay:3s;right:50%;top:60%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-option{align-items:center;border:2px dashed var(--neutral-300);display:flex;margin-bottom:var(--space-20);min-height:90vh;padding:var(--space-16) 5vw;position:relative;width:100%}.hero-option:before{background:var(--primary);border-radius:var(--radius-md);color:var(--white);content:attr(id);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);left:var(--space-4);padding:var(--space-2) var(--space-4);position:absolute;text-transform:uppercase;top:var(--space-4)}.hero-option-2{background:linear-gradient(135deg,var(--neutral-50) 0,var(--white) 60%);overflow:hidden}.hero-content-diagonal{grid-gap:var(--space-6);align-items:center;display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr;height:100%;position:relative;width:100%}.diagonal-text{margin-left:auto;max-width:500px;padding-right:var(--space-8);z-index:2}.diagonal-visual{align-items:center;display:flex;height:100%;justify-content:center;position:relative;z-index:2}.diagonal-divider{background:var(--neutral-900);display:none;height:100%;left:48%;opacity:.8;position:absolute;top:0;transform:skewX(-12deg);width:80px;z-index:1}.interactive-element{position:relative;z-index:2}.dots-grid-container{align-items:center;display:flex;height:320px;justify-content:center;position:relative;width:320px}.dot{animation:alignToGrid 8s ease-in-out infinite;background:var(--primary);border-radius:50%;box-shadow:0 4px 16px #2563eb66;height:32px;position:absolute;width:32px}.dot-1{animation-delay:0s;transform:translate(-80px,-60px)}.dot-2{animation-delay:.2s;transform:translate(40px,-80px)}.dot-3{animation-delay:.4s;transform:translate(70px,30px)}.dot-4{animation-delay:.6s;transform:translate(-90px,20px)}.dot-5{animation-delay:.8s;transform:translate(0)}.dot-6{animation-delay:1s;transform:translate(80px,-40px)}.dot-7{animation-delay:1.2s;transform:translate(-50px,70px)}.dot-8{animation-delay:1.4s;transform:translate(20px,80px)}.dot-9{animation-delay:1.6s;transform:translate(-20px,-90px)}.dot-1{animation-name:dot1Animation}.dot-2{animation-name:dot2Animation}.dot-3{animation-name:dot3Animation}.dot-4{animation-name:dot4Animation}.dot-5{animation-name:dot5Animation}.dot-6{animation-name:dot6Animation}.dot-7{animation-name:dot7Animation}.dot-8{animation-name:dot8Animation}.dot-9{animation-name:dot9Animation}@keyframes dot1Animation{0%,to{transform:translate(-100px,-80px)}25%,75%{transform:translate(-50px,-50px)}}@keyframes dot2Animation{0%,to{transform:translate(60px,-120px)}25%,75%{transform:translateY(-50px)}}@keyframes dot3Animation{0%,to{transform:translate(120px,40px)}25%,75%{transform:translate(50px,-50px)}}@keyframes dot4Animation{0%,to{transform:translate(-130px,30px)}25%,75%{transform:translate(-50px)}}@keyframes dot5Animation{0%,to{transform:translate(0)}25%,75%{transform:translate(0)}}@keyframes dot6Animation{0%,to{transform:translate(140px,-60px)}25%,75%{transform:translate(50px)}}@keyframes dot7Animation{0%,to{transform:translate(-90px,100px)}25%,75%{transform:translate(-50px,50px)}}@keyframes dot8Animation{0%,to{transform:translate(30px,110px)}25%,75%{transform:translateY(50px)}}@keyframes dot9Animation{0%,to{transform:translate(150px,-100px)}25%,75%{transform:translate(50px,50px)}}.bio-showcase{background:var(--neutral-50);padding:var(--space-16) 5vw}.bio-container{margin:0 auto;max-width:800px;text-align:center}.bio-container h3{color:var(--neutral-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-8)}.bio-container p{color:var(--neutral-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed)}.hero-option-3{background:radial-gradient(circle at center,var(--neutral-50) 0,var(--white) 70%)}.hero-content-centered{width:100%}.hero-content-centered,.orbiting-container{align-items:center;display:flex;justify-content:center}.orbiting-container{height:600px;position:relative;width:600px}.center-content{text-align:center;z-index:2}.center-content h1{margin-bottom:var(--space-4)}.center-content h2{font-size:var(--font-size-xl);margin:var(--space-6) 0}.orbit-element{align-items:center;background:var(--white);border:2px solid var(--primary);border-radius:50%;box-shadow:var(--shadow-lg);display:flex;font-size:var(--font-size-2xl);height:80px;justify-content:center;position:absolute;width:80px}.orbit-1{animation:orbit1 20s linear infinite;left:50%;top:10%;transform:translateX(-50%)}.orbit-2{animation:orbit2 25s linear infinite;right:10%;top:50%;transform:translateY(-50%)}.orbit-3{animation:orbit3 30s linear infinite;bottom:10%;left:50%;transform:translateX(-50%)}.orbit-4{animation:orbit4 22s linear infinite;left:10%;top:50%;transform:translateY(-50%)}@keyframes orbit1{0%{transform:translateX(-50%) rotate(0deg) translateX(250px) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn) translateX(250px) rotate(-1turn)}}@keyframes orbit2{0%{transform:translateY(-50%) rotate(0deg) translateX(250px) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn) translateX(250px) rotate(-1turn)}}@keyframes orbit3{0%{transform:translateX(-50%) rotate(0deg) translateX(250px) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn) translateX(250px) rotate(-1turn)}}@keyframes orbit4{0%{transform:translateY(-50%) rotate(0deg) translateX(250px) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn) translateX(250px) rotate(-1turn)}}.hero-option-4{background:var(--white)}.hero-content-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin:0 auto;max-width:1200px;width:100%}.grid-item{padding:var(--space-8)}.grid-name{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);color:var(--white);display:flex}.grid-name h1{-webkit-text-fill-color:var(--white);background:none;color:var(--white);font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin:0}.grid-visual{background:var(--neutral-100);border-radius:var(--radius-xl);justify-content:center}.grid-visual,.staggered-visual{align-items:center;display:flex}.staggered-visual{gap:var(--space-4)}.visual-block{animation:stagger 4s ease-in-out infinite;border-radius:var(--radius-md)}.block-1{animation-delay:0s;background:var(--primary);height:120px;width:60px}.block-2{animation-delay:.5s;background:var(--secondary);height:160px;width:60px}.block-3{animation-delay:1s;background:var(--accent);height:100px;width:60px}@keyframes stagger{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.2)}}.grid-title{align-items:center;background:var(--white);border:2px solid var(--primary);border-radius:var(--radius-xl);display:flex}.grid-title h2{color:var(--primary);font-size:var(--font-size-2xl);margin:0}.grid-description{background:var(--neutral-50);border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center}.grid-description p{color:var(--neutral-700);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.work-grid{grid-gap:var(--space-1);background:var(--neutral-200);border-radius:var(--radius-xl);display:grid;gap:var(--space-1);grid-template-columns:repeat(2,1fr);margin:var(--space-20) auto;max-width:1200px;padding:var(--space-1)}.work-item{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-16);transition:all var(--transition-normal)}.work-item:hover{background:var(--neutral-50);transform:translateY(-2px)}.work-item h2{color:var(--neutral-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.work-item p{color:var(--neutral-600);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.about{background:var(--neutral-50);padding:var(--space-32) 5vw}.about-content{margin:0 auto;max-width:800px}.about h2{color:var(--neutral-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-8)}.about p{color:var(--neutral-700);font-size:var(--font-size-lg);line-height:var(--line-height-loose)}.contact{padding:8rem 5vw;text-align:center}.contact-content{margin:0 auto;max-width:600px}.contact h2{font-size:2.5rem;font-weight:500;margin-bottom:1rem}.contact p{color:#666;font-size:1.25rem;margin-bottom:2rem}.navigation{background:#0000;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navigation.scrolled{background:#fff;box-shadow:0 2px 10px #0000001a}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.5rem 5vw}.nav-logo{color:var(--neutral-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-decoration:none;transition:all var(--transition-fast)}.nav-logo:hover{color:var(--primary);text-decoration:none}.nav-links{display:flex;gap:2rem;opacity:1;position:relative;transition:opacity .2s ease;will-change:opacity}.nav-link{color:var(--neutral-800);display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{color:var(--primary)}.hamburger{display:none}.hamburger span{background:#1a1a1a;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{background:#fff;bottom:0;box-shadow:2px 0 10px #0000001a;left:0;padding:6rem 2rem 2rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:999}.mobile-menu.open{transform:translateX(0)}.mobile-link{border-bottom:1px solid #f0f0f0;color:#1a1a1a;display:block;font-size:1.25rem;padding:1rem 0;text-decoration:none}.mobile-link:last-child{border-bottom:none}@media (max-width:768px){.hero{min-height:80vh}.hero-content{gap:var(--space-8);grid-template-columns:1fr;padding:0 var(--space-4)}.hero h1{font-size:var(--font-size-4xl)}.hero-text{text-align:center}.hero-cta{align-self:center}.hero-floating-elements{height:300px;margin-top:var(--space-8);position:relative}.floating-card{animation:none;transform:none!important}.card-1,.card-2,.card-3,.floating-card{margin-bottom:var(--space-4);position:relative}.card-1,.card-2,.card-3{right:auto;top:auto}.floating-metric{animation:none;display:inline-block;margin:var(--space-2);position:relative}.metric-1,.metric-2{position:relative;right:auto;top:auto}.work-grid{grid-template-columns:1fr}.work-item{padding:2rem}.nav-links{display:none}.hamburger{display:flex}}h2{color:#000}.wavy-divider{align-items:center;background:#0000;display:flex;justify-content:center;margin-bottom:0;margin-top:0;min-height:120px;overflow:hidden;position:relative;width:100vw;z-index:2}.wavy-svg{display:block;height:80px;width:100%}.dropdown-menu{animation:dropdownFadeIn .2s;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;min-width:160px;padding:1rem 0;position:absolute;right:2rem;top:100%;z-index:1002}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-link{color:#1a1a1a;font-size:1.1rem;font-weight:500;padding:.75rem 2rem;text-decoration:none;transition:background .2s,color .2s}.dropdown-link:hover{background:#f4f8fd;color:#2196f3}.view-more-projects{padding:2rem 0 4rem;text-align:center}.view-more-link{border:2px solid #2196f3;color:#2196f3;padding:.5rem 1rem;transition:color .2s ease}.view-more-link:hover{border-color:#1976d2;color:#1976d2}.mini-resume{background:#fafafa;padding:8rem 5vw}.mini-resume-content{margin:0 auto;max-width:800px}.mini-resume h2{color:#000;font-size:2rem;font-weight:500;margin-bottom:2rem}.resume-entry{margin-bottom:2.5rem}.resume-company-row{align-items:center;display:flex;gap:.75rem;position:relative}.resume-icon{color:#2196f3;font-size:1.2rem;margin-right:.5rem}.resume-company{color:#222;font-size:1.1rem;font-weight:700}.resume-line{background:linear-gradient(90deg,#2196f3,#e0e0e0);flex:1 1;height:1.5px;margin:0 1rem}.resume-date{color:#666;font-size:1rem;font-weight:500;white-space:nowrap}.resume-title{color:#444;font-size:1.05rem;font-weight:400;margin-left:2.2rem;margin-top:.3rem}.education-title{color:#000;font-size:2rem;font-weight:500;margin-bottom:2rem;margin-top:3.5rem}.resume-logo{height:28px;margin-right:.5rem;object-fit:contain;vertical-align:middle;width:28px}.stacked-cards-section{background:var(--white);padding:var(--space-20) 0 var(--space-4);position:relative}.sticky-case-studies-header{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:30vh}.section-title{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle{color:#fff;font-size:1.25rem;margin-bottom:3rem;text-align:center}.stacked-cards-list{margin:0 auto;max-width:900px;padding:var(--space-8) var(--space-4);padding-bottom:var(--space-16);position:relative;width:100%}.stacked-cards-list li,.stacked-cards-list ul{list-style:none;margin-left:0;padding-left:0}.sticky-card:first-child{margin-top:0}.sticky-card{height:420px;margin-bottom:var(--space-6);padding-bottom:var(--space-4);position:-webkit-sticky;position:sticky;top:150px}.sticky-card:first-child{z-index:10}.sticky-card:first-child,.sticky-card:nth-child(2){transform:translateX(0);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.sticky-card:nth-child(2){top:170px;z-index:20}.sticky-card:nth-child(3){top:190px;transform:translateX(0);transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:30}.stacked-card{align-items:center;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-creative);display:flex;gap:var(--space-8);height:380px;margin-bottom:var(--space-4);min-height:340px;overflow:hidden;padding:var(--space-10) var(--space-8);position:relative;transition:all var(--transition-normal)}.stacked-card:before{background:var(--gradient-accent);content:"";height:4px;left:0;position:absolute;right:0;top:0}.card-left,.card-right{padding-bottom:2rem;padding-top:2rem}.card-left{display:flex;flex:1.2 1;flex-direction:column;justify-content:center}.card-right{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:1rem}.case-study-image{aspect-ratio:16/9;background:#eee;border-radius:16px;object-fit:cover;width:100%}.tags{flex-direction:column;gap:.5rem;margin:1.5rem 0}.tag,.tags{display:flex}.tag{align-items:center;background:#fff;border-radius:999px;box-shadow:0 2px 8px #0000000a;color:#333;font-size:1rem;font-weight:500;padding:.4rem 1.2rem .4rem .8rem}.tag-dot{background:linear-gradient(135deg,#ffd600,#ff6bcb);border-radius:50%;display:inline-block;height:12px;margin-right:.7em;width:12px}.view-more-case-studies{background:#0000;margin-top:2rem;padding:2.5rem 0 4.5rem;position:relative;text-align:center;width:100%;z-index:2}.view-more-link{border:2px solid #fff;border-radius:30px;color:#fff;display:inline-block;font-size:1.25rem;font-weight:500;padding:.75rem 2rem;text-decoration:none;transition:all .2s ease}.view-more-link:hover{background:#fff;color:#000}.stacked-card li,.stacked-card ul{list-style:none!important;margin-left:0!important;padding-left:0!important}.card-left h3{color:var(--neutral-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-5)}@media (max-width:900px){.stacked-card{flex-direction:column;min-height:400px;padding:2rem 1rem}.card-right{gap:.5rem}}.projects-page{margin:0 auto;max-width:1400px;padding:8rem 5vw 4rem}.projects-header{margin-bottom:4rem;text-align:center}.projects-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.projects-header p{color:#666;font-size:1.25rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transition:all var(--transition-normal)}.project-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.project-image-container{height:200px;overflow:hidden;width:100%}.project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-content{padding:1.5rem}.project-content h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:.75rem}.project-content p{color:#666;font-size:1rem;line-height:1.5;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{background:#f5f5f5;border-radius:20px;color:#666;font-size:.875rem;padding:.4rem .8rem}.project-card.small-card{border-radius:14px;box-shadow:0 2px 10px #00000014;font-size:.95rem;max-width:320px;min-width:220px;padding:.75rem .75rem 1.25rem}.project-card.small-card .project-image-container{height:140px}.project-card.small-card .project-content h3{font-size:1.1rem}.project-card.small-card .project-content p{font-size:.95rem}@media (max-width:768px){.projects-page{padding:6rem 5vw 3rem}.projects-header h1{font-size:2.5rem}.projects-grid{grid-template-columns:1fr}}.projects-grid li,.projects-grid ul{list-style:none;margin-left:0;padding-left:0}.case-study-page{background:var(--white);color:var(--neutral-800);font-family:var(--font-family-primary);min-height:100vh}.case-study-hero-timeline{align-items:center;background:linear-gradient(135deg,#2563eb1f 0,var(--white) 60%);border-radius:var(--radius-2xl);display:flex;gap:4rem;margin-left:auto;margin-right:auto;margin-top:80px;max-width:1200px;padding:6rem 5vw 4rem}.client-tag{background:#0000;border:2px solid var(--primary);border-radius:var(--radius-lg);color:var(--primary);display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-5);text-transform:uppercase;transition:all var(--transition-normal)}.hero-content h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.hero-subtitle{color:var(--neutral-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.hero-meta{flex-wrap:wrap;gap:var(--space-4)}.hero-meta span{background:var(--primary);border-radius:var(--radius-full);color:var(--white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4)}.hero-image{border:none!important;max-width:400px;outline:none!important}.hero-image img{border:none!important;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);height:250px;object-fit:cover;outline:none!important;width:100%}.timeline-container{margin:0 auto;max-width:900px;padding:var(--space-16) var(--space-4) var(--space-32);position:relative}.timeline-container:before{background:var(--primary);border-radius:var(--radius-full);bottom:0;content:"";left:calc(var(--space-4) + 30px);position:absolute;top:0;width:3px}.timeline-item{margin-bottom:var(--space-16)}.timeline-marker{background:var(--gradient-primary);box-shadow:0 0 0 6px var(--white),0 0 0 9px var(--primary);font-size:var(--font-size-xl);margin-right:var(--space-8);position:relative;z-index:2}.timeline-marker-star{background:var(--gradient-secondary);box-shadow:0 0 0 6px var(--white),0 0 0 9px var(--secondary);font-size:var(--font-size-2xl)}.timeline-content-block{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10);transition:all var(--transition-normal)}.timeline-content-block:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.timeline-content-block h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.timeline-content-block h4{color:var(--neutral-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.timeline-content-block p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.timeline-content-block p:last-child{margin-bottom:0}.content-area{color:var(--neutral-700);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);min-height:40px}.content-area p{margin-bottom:var(--space-4)}.content-area p:last-child{margin-bottom:0}.lessons-learned-section{background:linear-gradient(135deg,#2563eb14 0,var(--white) 60%);margin-top:var(--space-16);padding:4rem 5vw}.lessons-learned-container{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1200px;padding:var(--space-12)}.lessons-learned-container h2{color:var(--primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);text-align:center}.lessons-content{color:var(--neutral-700);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.lessons-content p{margin-bottom:var(--space-4)}.lessons-content p:last-child{margin-bottom:0}@media (max-width:768px){.case-study-hero-timeline{flex-direction:column;gap:var(--space-8);padding:4rem var(--space-4) var(--space-8);text-align:center}.hero-content h1{font-size:var(--font-size-3xl)}.hero-meta{justify-content:center}.timeline-container{padding:var(--space-8) var(--space-4) var(--space-16)}.timeline-container:before{left:calc(var(--space-4) + 15px)}.timeline-marker{font-size:var(--font-size-base);height:40px;margin-right:var(--space-4);width:40px}.timeline-content-block{padding:var(--space-6)}.timeline-content-block h3{font-size:var(--font-size-xl)}.timeline-item{margin-bottom:var(--space-12)}.lessons-learned-section{padding:var(--space-12) var(--space-4)}.lessons-learned-container{padding:var(--space-8)}.lessons-learned-container h2{font-size:var(--font-size-2xl)}.lessons-content{font-size:var(--font-size-base)}}.case-study-layouts-page{background:var(--white);font-family:var(--font-family-primary);margin:0;padding:0}.layouts-header{background:var(--neutral-50);margin-top:80px;padding:8rem 2rem 4rem;text-align:center}.layouts-header h1{color:var(--neutral-900);font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.layouts-header p{color:var(--neutral-600);font-size:var(--font-size-lg)}.layout-option{border-bottom:2px solid var(--neutral-200);margin-bottom:6rem;padding-bottom:4rem}.layout-title{color:var(--primary);font-size:var(--font-size-2xl);margin-bottom:3rem;padding:0 2rem;text-align:center}.layout-container{margin:0 auto;max-width:1200px;padding:0 2rem}.wireframe{background:var(--neutral-50);border:2px dashed var(--neutral-300)}.section-block{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.section-block h3{color:var(--primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:.75rem}.section-block p{color:var(--neutral-700);line-height:1.6;margin:0}.hero-section{align-items:center;border-radius:var(--radius-xl);display:flex;gap:3rem;margin-bottom:3rem;padding:3rem}.hero-content h1{color:var(--neutral-900);font-size:var(--font-size-3xl);margin-bottom:1rem}.hero-meta{color:var(--neutral-600);display:flex;font-size:var(--font-size-sm);gap:2rem}.hero-meta span{border-radius:var(--radius-md);padding:.5rem 1rem}.hero-image,.hero-meta span{background:var(--neutral-200)}.hero-image{align-items:center;border:2px dashed var(--neutral-400);border-radius:var(--radius-lg);color:var(--neutral-500);display:flex;flex:1 1;font-size:var(--font-size-lg);height:200px;justify-content:center}.traditional-vertical .content-section{margin:0 auto;max-width:800px}.two-column-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.card-item{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:2rem;transition:all var(--transition-normal)}.card-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-item h3{color:var(--primary);font-size:var(--font-size-lg);margin-bottom:1rem}.summary-card{border-left:4px solid var(--primary)}.challenge-card{border-left:4px solid var(--secondary)}.role-card{border-left:4px solid var(--accent)}.findings-card{border-left:4px solid var(--success)}.deliverables-card{border-left:4px solid var(--warning)}.lessons-card{border-left:4px solid var(--neutral-500)}.timeline-content{margin:0 auto;max-width:800px;position:relative}.timeline-content:before{background:var(--primary);bottom:0;content:"";left:30px;position:absolute;top:0;width:2px}.timeline-item{align-items:flex-start;display:flex;margin-bottom:3rem}.timeline-marker{align-items:center;background:var(--primary);border-radius:50%;box-shadow:0 0 0 4px var(--white),0 0 0 6px var(--primary);color:var(--white);display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:60px;justify-content:center;margin-right:2rem;width:60px}.timeline-content-block{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1 1;padding:2rem}.timeline-content-block h3{color:var(--primary);font-size:var(--font-size-lg);margin-bottom:1rem}.timeline-content-block p{color:var(--neutral-700);line-height:1.6;margin:0}@media (max-width:768px){.layout-container{padding:0 1rem}.hero-section{flex-direction:column;text-align:center}.hero-meta{flex-wrap:wrap;justify-content:center}.two-column-content{gap:2rem}.cards-grid,.two-column-content{grid-template-columns:1fr}.timeline-content:before{left:15px}.timeline-marker{font-size:var(--font-size-sm);height:30px;margin-right:1rem;width:30px}.timeline-item{margin-bottom:2rem}}
/*# sourceMappingURL=main.44fbb818.css.map*/