.navbar{align-items:center;background:#fff;border-bottom:.5px solid #000;display:flex;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.nav-brand{font-size:1.2rem;font-weight:700}.nav-brand a,.nav-links a{color:#3c3f47;text-decoration:none}.nav-links a{font-size:1rem;margin-left:1.5rem}.contact-page-button,.portfolio-link{display:inline-block;font-weight:700;padding:.25rem .1rem;position:relative;z-index:0}.contact-page-button:before,.portfolio-link:before{background-color:#4fe9a4fc;border-radius:2px;bottom:3px;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease-in-out;width:calc(100% - 4px);z-index:-1}.contact-page-button:hover:before,.portfolio-link:hover:before{bottom:0;height:100%;left:-5px;transform:translateX(0);width:calc(100% + 10px)}@media (max-width:768px){.navbar{padding:1rem .5rem}.nav-links a{font-size:.9rem;margin-left:1rem}}@media (max-width:480px){.navbar{padding:.75rem .25rem}.nav-links a{font-size:.85rem;margin-left:.75rem}}.hero-section{align-items:flex-start;display:flex;justify-content:space-between;padding:4rem 0}.hero-col-left{flex:1 1;opacity:1;padding-right:1rem;transform:translateY(0);transition:transform .8s ease-out,opacity .8s ease-out}.hero-col-left.animate-entrance{animation:slideFromLeft 1s ease-out forwards}.hero-col-left h1{font-family:Styrene A Bold Regular,sans-serif;font-size:6.5rem;font-weight:600;line-height:1.2;margin-bottom:1rem}.highlight{display:inline-block;height:6.5rem;line-height:5.5rem;padding:0 5px}.hero-col-right{flex:1 1;opacity:1;padding-left:1rem;transform:translateY(0);transition:transform .8s ease-out,opacity .8s ease-out}.hero-col-right.animate-entrance{animation:slideFromRight 1s ease-out forwards}.hero-col-right p{color:#555;font-size:2rem;line-height:1.6}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:991px){.hero-section{flex-direction:column;padding:2rem 0}.hero-col-left,.hero-col-right{margin-bottom:2rem;padding:0}.hero-col-left h1{font-size:3rem;line-height:1.2}.highlight{height:3.5rem;line-height:3rem}.hero-col-right p{font-size:1.5rem}}@media screen and (max-width:480px){.hero-col-left h1{font-size:2.5rem}.highlight{height:3rem;line-height:2.5rem}.hero-col-right p{font-size:1.2rem}}.workflow-section{align-items:flex-start;display:flex;gap:10rem;justify-content:space-between;padding:3rem 0}.workflow-left{flex:0.7 1;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.workflow-left.animate{opacity:1;transform:translateY(0)}.workflow-left h2{font-size:2rem;margin-bottom:1rem}.workflow-left p{color:#444;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.workflow-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.workflow-item{border-top:2px solid #ccc;color:#999;cursor:pointer;padding:1rem 0;transition:color .6s,transform .3s}.workflow-item:hover{transform:translateX(5px)}.workflow-item.active{border-image:linear-gradient(90deg,#00a86b,#f03737) 1;border-image-slice:1;border-top:2px solid #0000;color:#000}.workflow-title{font-size:1.2rem;font-weight:700}.workflow-desc{overflow:hidden;transition:max-height .9s ease,opacity 1s ease}.workflow-desc.collapsed{max-height:0;opacity:0}.workflow-desc.expanded{color:#444;font-size:.95rem;line-height:1.4;margin-top:.5rem;max-height:100px;opacity:1}.workflow-right{flex:1.3 1;opacity:0;text-align:center;transform:translateY(30px);transition:opacity .8s ease-out .3s,transform .8s ease-out .3s}.workflow-right.animate{opacity:1;transform:translateY(0)}.workflow-right img{border:1px solid #424242;border-radius:16px;max-width:90%;padding:0;transition:transform .5s ease}.workflow-right img:hover{transform:scale(1.02)}@media (max-width:991px){.workflow-section{flex-direction:column;gap:3rem}.workflow-right{margin-top:2rem}}@media (max-width:768px){.workflow-section{gap:2rem;padding:2rem 0}.workflow-left h2{font-size:1.5rem}.workflow-left p{font-size:1rem}}.features-section{margin:0 auto;padding:7rem 2rem;text-align:center;width:80%}.features-heading{color:#333;font-size:3.5rem;font-weight:400;margin-bottom:4rem}.features-grid{display:flex;gap:4rem;justify-content:space-between}.feature-item{flex:1 1;text-align:left}.feature-icon{display:block;margin-bottom:1rem;width:60px}.feature-title{color:#000;font-size:1.2rem;font-weight:400;margin-bottom:.5rem}.feature-text{color:#555;font-size:1rem;font-weight:400;line-height:1.5}@media (max-width:991px){.features-grid{flex-direction:column;gap:2rem}}.dialogue-section{align-items:flex-start;display:flex;gap:1rem;margin:0 auto;padding:10rem 0;width:90%}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-up.animate{opacity:1;transform:translateY(0)}.dialogue-left{border:1px solid #373737;border-radius:16px;flex:1 1;height:700px;overflow:hidden;position:relative;transition:transform .3s ease,opacity .8s ease-out,transform .8s ease-out}.dialogue-left:hover{transform:translateY(-5px)}.dialogue-left .dialogue-image{display:block;height:100%;object-fit:cover;width:100%}.dialogue-right{border:1px solid #373737;border-radius:16px;flex:1 1;height:700px;overflow:hidden;position:relative;text-align:center;transition:transform .3s ease,opacity .8s ease-out,transform .8s ease-out}.dialogue-right:hover{transform:translateY(-5px)}.dialogue-right img{border-radius:16px;height:100%;object-fit:cover;object-position:center top;width:100%}@media (max-width:991px){.dialogue-section{flex-direction:column;gap:2rem;padding:5rem 0}.dialogue-left,.dialogue-right{height:auto;margin-bottom:2rem;width:100%}}@media (max-width:768px){.dialogue-left,.dialogue-right{height:500px}}@media (max-width:480px){.dialogue-left,.dialogue-right{height:400px}}.industries-section{margin:0 auto;padding:4rem 0;text-align:left;width:95%}.section-heading{color:#333;font-size:2rem;font-weight:400;margin-bottom:2rem}.industries-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));place-items:center}.industry-card{height:420px;max-width:420px;perspective:1000px;width:100%}.flip-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.industry-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front{backface-visibility:hidden;overflow:hidden;position:absolute}.flip-card-front,.flip-card-front img{border-radius:12px;height:100%;width:100%}.flip-card-front img{display:block;object-fit:cover}.overlay{background:linear-gradient(180deg,#0006 0,#0000001a);border-radius:12px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.overlay-text{color:#fff;font-size:1.1rem;font-weight:400;left:.8rem;margin:0;max-width:80%;position:absolute;text-shadow:0 1px 3px #000000b3;top:.8rem}.flip-card-back{align-items:center;backface-visibility:hidden;background:#fff;border:1px solid #373737;border-radius:12px;color:#333;display:flex;height:100%;justify-content:flex-start;padding:.5rem;position:absolute;text-align:left;transform:rotateY(180deg);width:100%}.back-text{font-size:1rem;font-weight:400;line-height:1.5;margin:0;padding:1.5rem}@media (max-width:991px){.industries-grid{gap:2rem;grid-template-columns:1fr}}.ai-section{align-items:center;display:flex;gap:10rem;justify-content:space-between;margin:0 auto;padding:4rem 0}.ai-left{flex:1 1;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.ai-left.animate{opacity:1;transform:translateY(0)}.ai-heading{color:#333;font-size:1.8rem;font-weight:400;margin-bottom:2rem}.ai-list{color:#555;line-height:1.6;list-style:none;padding-left:0}.ai-list li{margin-bottom:1.5rem;opacity:0;padding-left:2rem;position:relative;transform:translateY(15px);transition:opacity .5s ease-out,transform .5s ease-out}.ai-list li:first-child{transition-delay:.1s}.ai-list li:nth-child(2){transition-delay:.2s}.ai-list li:nth-child(3){transition-delay:.3s}.ai-list li:nth-child(4){transition-delay:.4s}.ai-list li.animate{opacity:1;transform:translateY(0)}.ai-list li:before{background:linear-gradient(135deg,#00a86b,#00a86b);border-radius:2px;content:"";height:8px;left:0;position:absolute;top:5px;transform:rotate(45deg);transition:transform .3s ease;width:8px}.ai-list li:hover:before{transform:rotate(45deg) scale(1.2)}.ai-list li:after{background:linear-gradient(180deg,#00a86b4d,#f037370d);content:"";height:calc(100% + .7rem);left:4px;opacity:.5;position:absolute;top:14px;width:1px;z-index:-1}.ai-list li:last-child:after{display:none}.ai-list strong{font-weight:600;position:relative;z-index:1}.ai-list strong:after{background-color:#4fe9a426;bottom:0;content:"";height:30%;left:0;position:absolute;transition:height .3s ease;width:100%;z-index:-1}.ai-list li:hover strong:after{height:50%}.ai-right{align-items:center;display:flex;flex:1 1;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out .3s,transform .6s ease-out .3s}.ai-right.animate{opacity:1;transform:translateY(0)}.ai-image-wrapper{height:900px;overflow:hidden;padding:30px;position:relative;width:100%}.ai-image{display:block;height:100%;object-fit:contain;transition:transform .5s ease;width:100%}.ai-image:hover{transform:scale(1.02)}@media (max-width:991px){.ai-section{flex-direction:column;gap:4rem;padding:2rem 0}.ai-left,.ai-right{margin-bottom:2rem;width:100%}.ai-image-wrapper{height:600px}}@media (max-width:768px){.ai-section{gap:2rem;padding:3rem 0}.ai-heading{font-size:1.5rem}.ai-image-wrapper{height:400px;padding:15px}.ai-list li{margin-bottom:1.2rem}}@media (max-width:480px){.ai-image-wrapper{height:300px;padding:10px}}.contact-section{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Styrene A Regular Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin-left:calc(-50vw + 50%);min-height:100vh;padding:96px 0;padding:var(--space-24,96px) 0;position:relative;width:100vw}.contact-section:before{background:linear-gradient(180deg,#fff6 0,#ffffff59 50%,#fff6);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.contact-container{box-sizing:border-box;margin:0 auto;max-width:1280px;max-width:var(--container-xl,1280px);padding:0 32px;padding:0 var(--space-8,32px);position:relative;width:100%;z-index:2}.contact-row{grid-gap:96px;grid-gap:var(--space-24,96px);align-items:flex-start;display:grid;gap:96px;gap:var(--space-24,96px);grid-template-columns:1fr 1fr}.contact-left{display:flex;flex-direction:column;gap:24px;gap:var(--space-6,24px);padding:48px;padding:var(--space-12,48px);position:relative}.contact-left:before{backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);background:radial-gradient(ellipse 100% 100% at center,#fff 0,#fff 50%,#fffffff2 65%,#ffffffd9 75%,#ffffffb3 82%,#ffffff80 88%,#ffffff4d 93%,#ffffff26 97%,#fff0 100%);border-radius:48px;bottom:-80px;content:"";left:-80px;pointer-events:none;position:absolute;right:-80px;top:-80px;z-index:-1}.contact-title{color:#0f172a;color:var(--color-text-primary,#0f172a);font-family:Styrene A Bold Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:16px;margin-bottom:var(--space-4,16px)}.contact-desc{color:#334155;color:var(--color-text-secondary,#334155);font-size:1.125rem;line-height:1.6}.seo-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px);list-style:none;margin:0;padding-left:0}.seo-item{background-color:#f8fafc;background-color:var(--color-bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border-light,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);color:#334155;color:var(--color-text-secondary,#334155);cursor:pointer;padding:16px 24px;padding:var(--space-4,16px) var(--space-6,24px);transition:all .3s ease}.seo-item:hover{border-color:#cbd5e1;border-color:var(--color-border-medium,#cbd5e1);box-shadow:0 4px 12px #0f172a14}.seo-item.active{background-color:#fff;background-color:var(--color-bg-primary,#fff);border-color:#0f172a;border-color:var(--color-accent-primary,#0f172a);box-shadow:0 6px 16px #0f172a1a;color:#0f172a;color:var(--color-text-primary,#0f172a)}.seo-title{color:inherit;font-family:Styrene A Bold Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.125rem;font-weight:700}.seo-desc{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease,margin-top .5s ease}.seo-desc.expanded{color:#64748b;color:var(--color-text-tertiary,#64748b);font-size:1rem;line-height:1.6;margin-top:12px;margin-top:var(--space-3,12px);max-height:150px;opacity:1}.contact-right{display:flex;flex:1 1;justify-content:flex-start;min-width:280px;perspective:1000px}.card-container{height:auto;max-width:1000px;min-height:fit-content;overflow:visible;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.card-container.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:auto;left:0;min-height:100%;position:absolute;top:0;width:100%}.card-back{transform:rotateY(180deg)}.contact-form-wrapper{background-color:#fff;background-color:var(--color-bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-light,#e2e8f0);border-radius:24px;box-shadow:0 8px 24px #0f172a1f;box-sizing:border-box;padding:48px;padding:var(--space-12,48px);transition:all .3s ease;width:100%}.contact-form-wrapper:hover{border-color:#cbd5e1;border-color:var(--color-border-medium,#cbd5e1);box-shadow:0 12px 32px #0f172a26}.form-header{margin-bottom:32px;margin-bottom:var(--space-8,32px)}.form-header h3{color:#0f172a;color:var(--color-text-primary,#0f172a);font-family:Styrene A Bold Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 12px;margin:0 0 var(--space-3,12px) 0}.form-header p{color:#334155;color:var(--color-text-secondary,#334155);font-size:1.0625rem;line-height:1.6;margin:0}.contact-form{gap:24px;gap:var(--space-6,24px)}.contact-form,.form-group{display:flex;flex-direction:column}.contact-form label{font-family:Styrene A Bold Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2,8px)}.contact-form label,.contact-input,.contact-textarea{color:#0f172a;color:var(--color-text-primary,#0f172a)}.contact-input,.contact-textarea{background-color:#fff;background-color:var(--color-bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-light,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);box-sizing:border-box;font-family:Styrene A Regular Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;outline:none;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);transition:all .2s ease;width:100%}.contact-textarea{line-height:1.6;max-height:400px;min-height:160px;resize:vertical}.contact-input:focus,.contact-textarea:focus{background-color:#fff;background-color:var(--color-bg-primary,#fff);border-color:#0f172a;border-color:var(--color-accent-primary,#0f172a);box-shadow:0 0 0 3px #0f172a1a}.contact-input::placeholder,.contact-textarea::placeholder{color:#94a3b8;color:var(--color-text-muted,#94a3b8)}.contact-submit-btn{background-color:#0f172a;background-color:var(--color-accent-primary,#0f172a);border:none;border-radius:16px;box-shadow:0 4px 12px #0f172a26;color:#fff;cursor:pointer;font-family:Styrene A Bold Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;margin-top:8px;margin-top:var(--space-2,8px);padding:12px 24px;padding:var(--space-3,12px) var(--space-6,24px);transition:all .2s ease}.contact-submit-btn:hover{background-color:#1e293b;background-color:var(--color-accent-hover,#1e293b);box-shadow:0 6px 20px #0f172a33;transform:translateY(-1px)}.contact-submit-btn:active{background-color:#334155;transform:translateY(0)}.success-container{align-items:center;background-color:#fff;background-color:var(--color-bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-light,#e2e8f0);border-radius:24px;box-shadow:0 8px 24px #0f172a1f;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:48px;padding:var(--space-12,48px);text-align:center;width:100%}.success-icon{margin-bottom:32px;margin-bottom:var(--space-8,32px)}.success-circle{stroke:#10b981;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.success-check{stroke:#10b981;stroke-width:2;stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;stroke-linejoin:round;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) .3s forwards}@keyframes stroke{to{stroke-dashoffset:0}}.success-container h3{color:#0f172a;color:var(--color-text-primary,#0f172a);font-family:Styrene A Bold Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem;font-weight:700;line-height:1.3}.success-container h3,.success-container p{margin-bottom:16px;margin-bottom:var(--space-4,16px)}.success-container p{color:#334155;color:var(--color-text-secondary,#334155);font-size:1.125rem;line-height:1.6;max-width:90%}.success-email{background-color:#f8fafc;background-color:var(--color-bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border-light,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:1rem;margin:16px 0;margin:var(--space-4,16px) 0;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.reset-btn{background-color:initial;border:2px solid #0f172a;border:2px solid var(--color-accent-primary,#0f172a);border-radius:8px;border-radius:var(--radius-md,8px);color:#0f172a;color:var(--color-accent-primary,#0f172a);cursor:pointer;font-family:Styrene A Bold Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;margin-top:24px;margin-top:var(--space-6,24px);padding:12px 24px;padding:var(--space-3,12px) var(--space-6,24px);transition:all .3s ease}.reset-btn:hover{background-color:#0f172a;background-color:var(--color-accent-primary,#0f172a);box-shadow:0 4px 12px #0f172a26;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.contact-section{background-attachment:scroll;padding:64px 0;padding:var(--space-16,64px) 0}.contact-container{padding:0 16px;padding:0 var(--space-4,16px)}.contact-row{gap:48px;gap:var(--space-12,48px);grid-template-columns:1fr}.contact-left{padding:32px;padding:var(--space-8,32px)}.contact-title{font-size:1.75rem}.contact-desc{font-size:1rem}.contact-form-wrapper,.success-container{padding:32px;padding:var(--space-8,32px)}.form-header h3{font-size:1.5rem}.form-header p{font-size:1rem}.card-container,.card-face{height:auto;position:relative;width:100%}.card-face.card-front{display:block}.card-container.flipped .card-face.card-front{display:none}.card-face.card-back{display:none;position:static;transform:none}.card-container.flipped .card-face.card-back{display:block}.card-container.flipped{transform:none}.success-container{min-height:auto}}@media (min-width:769px) and (max-width:992px){.contact-section{background-attachment:scroll;padding:80px 0;padding:var(--space-20,80px) 0}.contact-container{padding:0 24px;padding:0 var(--space-6,24px)}.contact-row{gap:64px;gap:var(--space-16,64px);grid-template-columns:1fr}.contact-form-wrapper,.contact-left,.success-container{padding:40px;padding:var(--space-10,40px)}}@media (min-width:993px) and (max-width:1200px){.contact-row{gap:64px;gap:var(--space-16,64px)}}@media (max-width:480px){.contact-section{padding:48px 0;padding:var(--space-12,48px) 0}.contact-container{padding:0 16px;padding:0 var(--space-4,16px)}.contact-form-wrapper,.contact-left,.success-container{padding:24px;padding:var(--space-6,24px)}.contact-title{font-size:1.5rem}.form-header h3{font-size:1.25rem}.contact-input,.contact-textarea{font-size:1rem;padding:12px;padding:var(--space-3,12px)}.contact-submit-btn{font-size:1rem}.contact-submit-btn,.seo-item{padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.seo-title{font-size:1rem}}:root{--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-tertiary:#64748b;--color-text-muted:#94a3b8;--color-border-light:#e2e8f0;--color-border-medium:#cbd5e1;--color-accent-primary:#0f172a;--color-accent-hover:#1e293b;--color-tender-base:#0ea5e9;--color-tender-light:#e0f2fe;--gradient-tender:linear-gradient(135deg,#0ea5e9,#06b6d4);--color-erp-base:#f59e0b;--color-erp-light:#fef3c7;--gradient-erp:linear-gradient(135deg,#f59e0b,#eab308);--color-ai-base:#7c3aed;--color-ai-light:#ede9fe;--gradient-ai:linear-gradient(135deg,#7c3aed,#a855f7);--color-compliance-base:#10b981;--color-compliance-light:#d1fae5;--gradient-compliance:linear-gradient(135deg,#10b981,#14b8a6);--color-data-base:#ec4899;--color-data-light:#fce7f3;--gradient-data:linear-gradient(135deg,#ec4899,#f472b6);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px -1px #0000000d;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}.portfolio-redesign{color:#0f172a;color:var(--color-text-primary);font-family:Styrene A Regular Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.portfolio-section{padding:96px 0;padding:var(--space-24) 0;position:relative}.portfolio-section-muted{background-color:#f8fafc;background-color:var(--color-bg-secondary)}.portfolio-container{margin:0 auto;max-width:1280px;max-width:var(--container-xl);padding:0 24px;padding:0 var(--space-6)}.section-overline{align-items:center;color:#94a3b8;color:var(--color-text-muted);display:flex;font-family:Styrene A Bold Regular,sans-serif;font-size:12px;font-weight:600;gap:8px;gap:var(--space-2);letter-spacing:.1em;margin-bottom:16px;margin-bottom:var(--space-4);text-transform:uppercase}.section-overline:before{color:#0f172a;color:var(--color-accent-primary);content:"●"}.section-title{font-family:Styrene A Bold Regular,sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-bottom:24px;margin-bottom:var(--space-6)}.section-subtitle{color:#334155;color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;max-width:42rem}.portfolio-hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;margin-bottom:-80px;margin-left:calc(-50vw + 50%);min-height:90vh;overflow:hidden;padding:80px 24px 120px;padding:var(--space-20) var(--space-6) 120px;position:relative;width:100vw}.portfolio-hero:before{background:linear-gradient(180deg,#ffffff4d,#fff3);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.portfolio-hero-content{margin:0 auto;max-width:48rem;position:relative;text-align:center;z-index:1}.portfolio-hero-headline{font-family:Styrene A Bold Regular,sans-serif;font-size:4rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px;margin-bottom:var(--space-6)}.portfolio-hero-subtitle{color:#334155;color:var(--color-text-secondary);font-size:1.25rem;line-height:1.6;margin:0 auto 32px;margin:0 auto var(--space-8);max-width:36rem}.portfolio-hero-quote{color:#94a3b8;color:var(--color-text-muted);font-size:1.125rem;font-style:italic;margin-top:96px;margin-top:var(--space-24);opacity:.6}.portfolio-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Styrene A Bold Regular,sans-serif;font-size:16px;font-weight:500;gap:8px;gap:var(--space-2);justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.portfolio-btn-primary{background-color:#0f172a;background-color:var(--color-accent-primary);color:#fff}.portfolio-btn-primary:hover{background-color:#1e293b;background-color:var(--color-accent-hover);box-shadow:0 4px 6px -1px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.portfolio-btn-secondary{background-color:initial;border:1px solid #cbd5e1;border:1px solid var(--color-border-medium);color:#0f172a;color:var(--color-text-primary)}.portfolio-btn-secondary:hover{background-color:#f8fafc;background-color:var(--color-bg-secondary)}.portfolio-btn-group{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:center}.portfolio-metrics{background-color:#f8fafc;background-color:var(--color-bg-secondary);margin-top:0;padding:48px 0;padding:var(--space-12) 0;position:relative;z-index:2}.portfolio-metrics-grid{grid-gap:32px;grid-gap:var(--space-8);display:grid;gap:32px;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.portfolio-metric-value{font-family:Styrene A Bold Regular,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:8px;margin-bottom:var(--space-2)}.portfolio-metric-label{color:#64748b;color:var(--color-text-tertiary);font-size:.875rem}.portfolio-pillars-grid{grid-gap:32px;grid-gap:var(--space-8);display:grid;gap:32px;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:32px;margin-top:var(--space-8)}.portfolio-pillar{padding:24px;padding:var(--space-6)}.portfolio-pillar-title{font-family:Styrene A Bold Regular,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-3)}.portfolio-pillar-description{color:#334155;color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.portfolio-tabs{margin-top:32px;margin-top:var(--space-8)}.portfolio-tabs-list{grid-gap:8px;grid-gap:var(--space-2);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border-light);display:grid;gap:8px;gap:var(--space-2);grid-template-columns:repeat(4,1fr);margin-bottom:48px;margin-bottom:var(--space-12)}.portfolio-tab-trigger{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--color-text-tertiary);cursor:pointer;font-family:Styrene A Bold Regular,sans-serif;font-size:.875rem;font-weight:500;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s ease}.portfolio-tab-trigger.active,.portfolio-tab-trigger:hover{color:#0f172a;color:var(--color-text-primary)}.portfolio-tab-trigger.active{border-bottom-color:#0f172a;border-bottom-color:var(--color-accent-primary)}.portfolio-tab-content{animation:fadeIn .4s ease-in-out;display:none}.portfolio-tab-content.active{grid-gap:48px;grid-gap:var(--space-12);align-items:start;display:grid;gap:48px;gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.portfolio-tab-text{display:flex;flex-direction:column;gap:24px;gap:var(--space-6);max-width:100%;min-width:0;overflow:hidden}.portfolio-tab-number{align-items:center;border:1px solid #cbd5e1;border:1px solid var(--color-border-medium);border-radius:6px;border-radius:var(--radius-sm);color:#64748b;color:var(--color-text-tertiary);display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:4px 8px;padding:var(--space-1) var(--space-2);width:fit-content}.portfolio-tab-title{word-wrap:break-word;font-family:Styrene A Bold Regular,sans-serif;font-size:1.875rem;font-weight:700;line-height:1.2;max-width:100%;overflow-wrap:break-word;word-break:break-word}.portfolio-tab-description{color:#334155;color:var(--color-text-secondary);font-size:1rem;white-space:pre-line}.portfolio-tab-description,.portfolio-tab-insight{word-wrap:break-word;line-height:1.6;max-width:100%;overflow-wrap:break-word}.portfolio-tab-insight{border-left:2px solid #0f172a;border-left:2px solid var(--color-accent-primary);color:#0f172a;color:var(--color-text-primary);font-size:.875rem;font-weight:500;-webkit-hyphens:none;hyphens:none;padding-left:16px;padding-left:var(--space-4);padding-right:8px;padding-right:var(--space-2);word-break:break-word}.portfolio-tab-visual{align-items:center;aspect-ratio:16/9;background-color:#f1f5f9;background-color:var(--color-bg-tertiary);border-radius:12px;border-radius:var(--radius-lg);color:#94a3b8;color:var(--color-text-muted);display:flex;justify-content:center;max-width:100%;min-width:0;overflow:hidden;padding:32px;padding:var(--space-8)}.portfolio-tab-visual-image{animation:fadeIn .6s ease-in-out;height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:center;width:100%}.portfolio-case-studies-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:32px;margin-top:var(--space-8)}.portfolio-case-card{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:16px;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:16px;gap:var(--space-4);padding:32px;padding:var(--space-8);transition:all .2s ease}.portfolio-case-card:hover{border-color:#cbd5e1;border-color:var(--color-border-medium);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.portfolio-case-card-title{font-family:Styrene A Bold Regular,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.3;transition:color .2s ease}.portfolio-case-card-transformation,.portfolio-case-card:hover .portfolio-case-card-title{color:#0f172a;color:var(--color-accent-primary)}.portfolio-case-card-transformation{font-family:Styrene A Bold Regular,sans-serif;font-size:1.5rem;font-weight:700}.portfolio-case-card-description{color:#334155;color:var(--color-text-secondary);flex-grow:1;font-size:.9375rem;line-height:1.6}.portfolio-case-card-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);margin-top:8px;margin-top:var(--space-2)}.portfolio-case-tag{background-color:#f8fafc;background-color:var(--color-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:9999px;border-radius:var(--radius-full);color:#334155;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;padding:4px 12px}.portfolio-about{margin:0 auto;max-width:48rem;text-align:center}.portfolio-about-quote{color:#0f172a;color:var(--color-text-primary);font-size:1.5rem;font-style:italic;line-height:1.6;margin-bottom:32px;margin-bottom:var(--space-8)}.portfolio-personality-badges{display:flex;gap:8px;gap:var(--space-2);justify-content:center;margin-bottom:48px;margin-bottom:var(--space-12)}.portfolio-personality-badge{border:1px solid #cbd5e1;border:1px solid var(--color-border-medium);border-radius:9999px;border-radius:var(--radius-full);color:#334155;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding:6px 16px}.portfolio-philosophy{margin:48px 0;margin:var(--space-12) 0;text-align:left}.portfolio-philosophy-title{font-family:Styrene A Bold Regular,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:16px;margin-bottom:var(--space-4);text-align:center}.portfolio-philosophy-text{color:#334155;color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto 24px;margin:0 auto var(--space-6);max-width:42rem;text-align:center}.portfolio-unique-value{margin-top:64px;margin-top:var(--space-16)}.portfolio-unique-grid{grid-gap:32px;grid-gap:var(--space-8);display:grid;gap:32px;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:32px 0;margin:var(--space-8) 0}.portfolio-unique-item{display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.portfolio-unique-item-title{font-family:Styrene A Bold Regular,sans-serif;font-size:1rem;font-weight:600}.portfolio-unique-item-description{color:#334155;color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.portfolio-unique-punchline{color:#334155;color:var(--color-text-secondary);font-size:1rem;margin-top:32px;margin-top:var(--space-8)}.portfolio-unique-punchline strong{color:#0f172a;color:var(--color-text-primary);font-weight:600}.portfolio-contact{margin:0 auto;max-width:42rem;text-align:center}.portfolio-contact-title{font-family:Styrene A Bold Regular,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:24px;margin-bottom:var(--space-6)}.portfolio-contact-subtitle{color:#334155;color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:32px;margin-bottom:var(--space-8)}.portfolio-contact-details{color:#94a3b8;color:var(--color-text-muted);font-size:.875rem;margin-top:48px;margin-top:var(--space-12)}.portfolio-contact-details p{margin:8px 0;margin:var(--space-2) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.portfolio-hero-headline{font-size:2.5rem}.portfolio-hero-subtitle{font-size:1.125rem}.section-title{font-size:1.875rem}.portfolio-metric-value{font-size:2rem}.portfolio-tabs-list{grid-template-columns:repeat(2,1fr)}.portfolio-tab-content.active{grid-template-columns:1fr}.portfolio-tab-visual{padding:24px;padding:var(--space-6)}.portfolio-case-studies-grid{grid-template-columns:1fr}.portfolio-btn-group{flex-direction:column;width:100%}.portfolio-btn{width:100%}}@media (max-width:640px){.portfolio-hero-headline{font-size:2rem}.section-title{font-size:1.5rem}.portfolio-section{padding:64px 0;padding:var(--space-16) 0}.portfolio-container{padding:0 16px;padding:0 var(--space-4)}.portfolio-pillars-grid,.portfolio-unique-grid{grid-template-columns:1fr}.portfolio-about-quote{font-size:1.125rem}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}:focus-visible{outline:2px solid #0f172a;outline:2px solid var(--color-accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.selected-work-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(500px,1fr));margin-top:48px;margin-top:var(--space-12)}.selected-work-card{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px;gap:var(--space-3);padding:24px;padding:var(--space-6);transition:all .2s ease}.selected-work-card:hover{border-color:#cbd5e1;border-color:var(--color-border-medium);box-shadow:0 4px 6px -1px #0000000d;box-shadow:var(--shadow-md);transform:translateX(4px)}.selected-work-header{align-items:flex-start;display:flex;justify-content:space-between}.selected-work-category{color:#94a3b8;color:var(--color-text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:4px;margin-bottom:var(--space-1);text-transform:uppercase}.selected-work-title{color:#0f172a;color:var(--color-text-primary);font-family:Styrene A Bold Regular,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.selected-work-description{color:#334155;color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.selected-work-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.selected-work-tag{background-color:#f8fafc;background-color:var(--color-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:9999px;border-radius:var(--radius-full);color:#64748b;color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;padding:4px 12px}@media (max-width:768px){.selected-work-grid{grid-template-columns:1fr}}.selected-work-card:hover{box-shadow:0 12px 24px -8px #0f172a1a;transform:translateY(-4px) translateX(2px)}.portfolio-case-card:hover{box-shadow:0 12px 24px -8px #0f172a1f;transform:translateY(-6px)}.portfolio-tab-trigger.active{position:relative}.portfolio-tab-trigger.active:after{background:#0f172a;background:var(--color-accent-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.portfolio-btn-primary{position:relative}.portfolio-btn-primary:hover svg{transform:translateX(3px)}.portfolio-btn-primary svg{transition:transform .2s ease}.drawer-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a99;inset:0;opacity:0;pointer-events:none;position:fixed;transition:all .45s cubic-bezier(.16,1,.3,1);z-index:999}.drawer-overlay-visible{opacity:1;pointer-events:all}.project-drawer{background:#fff;bottom:0;box-shadow:-12px 0 48px #0f172a1f,-4px 0 16px #0f172a14;display:flex;flex-direction:column;max-width:100vw;opacity:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(calc(100% + 20px)) scale(.96);transition:all .5s cubic-bezier(.16,1,.3,1);width:clamp(500px,45vw,850px);z-index:1000}.project-drawer-open{opacity:1;transform:translateX(0) scale(1);transition:all .6s cubic-bezier(.16,1,.3,1)}.project-drawer::-webkit-scrollbar{width:8px}.project-drawer::-webkit-scrollbar-track{background:#f8fafc;background:var(--color-bg-secondary)}.project-drawer::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--color-border-medium);border-radius:4px}.project-drawer::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--color-text-tertiary)}.project-drawer-header{align-items:flex-start;animation:slideDownFade .6s cubic-bezier(.16,1,.3,1) .1s backwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffffa;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border-light);display:flex;gap:24px;gap:var(--space-6);justify-content:space-between;padding:32px;padding:var(--space-8);position:sticky;top:0;z-index:10}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.project-drawer-close{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:8px;border-radius:var(--radius-md);color:#334155;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .25s cubic-bezier(.16,1,.3,1);width:44px}.project-drawer-close:hover{background:#0f172a;background:var(--color-accent-primary);border-color:#0f172a;border-color:var(--color-accent-primary);box-shadow:0 4px 12px #0f172a26;color:#fff;transform:rotate(90deg) scale(1.05)}.project-drawer-close:active{transform:rotate(90deg) scale(.95)}.project-drawer-category{background:#f8fafc;background:var(--color-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:6px;border-radius:var(--radius-sm);color:#0f172a;color:var(--color-accent-primary);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:12px;margin-bottom:var(--space-3);padding:6px 12px;text-transform:uppercase}.project-drawer-title{color:#0f172a;color:var(--color-text-primary);font-family:Styrene A Bold Regular,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0 0 16px;margin:0 0 var(--space-4) 0}.project-drawer-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);margin-top:16px;margin-top:var(--space-4)}.project-drawer-tag{background:#f1f5f9;background:var(--color-bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:9999px;border-radius:var(--radius-full);color:#334155;color:var(--color-text-secondary);display:inline-block;font-size:.875rem;font-weight:500;padding:6px 14px;transition:all .2s ease}.project-drawer-tag:hover{background:#0f172a;background:var(--color-accent-primary);border-color:#0f172a;border-color:var(--color-accent-primary);color:#fff;transform:translateY(-2px)}.project-drawer-body{flex:1 1;padding:32px;padding:var(--space-8)}.project-drawer-content{padding:0}.project-drawer-section{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards;margin-bottom:48px;margin-bottom:var(--space-12)}.project-drawer-section:first-child{animation-delay:.2s}.project-drawer-section:nth-child(2){animation-delay:.3s}.project-drawer-section:nth-child(3){animation-delay:.4s}.project-drawer-section:nth-child(4){animation-delay:.5s}.project-drawer-section:nth-child(5){animation-delay:.6s}.project-drawer-section:nth-child(6){animation-delay:.7s}.project-drawer-section:last-child{margin-bottom:32px;margin-bottom:var(--space-8)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-drawer-section-title{color:#64748b;color:var(--color-text-tertiary);font-family:Styrene A Bold Regular,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.1em;margin-bottom:16px;margin-bottom:var(--space-4);padding-bottom:8px;padding-bottom:var(--space-2);position:relative;text-transform:uppercase}.project-drawer-section-title:after{background:#0f172a;background:var(--color-accent-primary);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.project-drawer-text{color:#334155;color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.75;margin:0}.project-drawer-list{list-style:none;margin:0;padding:0}.project-drawer-list li{color:#334155;color:var(--color-text-secondary);font-size:1rem;line-height:1.7;margin-bottom:16px;margin-bottom:var(--space-4);padding-left:32px;padding-left:var(--space-8);position:relative;transition:all .2s ease}.project-drawer-list li:hover{color:#0f172a;color:var(--color-text-primary);transform:translateX(4px)}.project-drawer-list li:before{color:#0f172a;color:var(--color-accent-primary);content:"→";font-size:1.125rem;font-weight:700;left:0;position:absolute;transition:all .2s ease}.project-drawer-list li:hover:before{transform:translateX(4px)}.project-drawer-impact-list li:before{color:#10b981;content:"✓"}.project-drawer-meta-grid{grid-gap:24px;grid-gap:var(--space-6);background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0f172a0a;display:grid;gap:24px;gap:var(--space-6);padding:24px;padding:var(--space-6)}.project-drawer-meta-item{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;gap:var(--space-2);padding:16px;padding:var(--space-4);transition:all .2s ease}.project-drawer-meta-item:hover{box-shadow:0 4px 12px #0f172a14;transform:translateY(-2px)}.project-drawer-meta-label{color:#64748b;color:var(--color-text-tertiary);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-drawer-meta-value{color:#334155;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;line-height:1.7}.selected-work-card{cursor:pointer;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.selected-work-card:hover{border-color:#0f172a;border-color:var(--color-accent-primary);box-shadow:0 16px 32px -8px #0f172a1f,0 8px 16px -4px #0f172a14;transform:translateY(-6px) translateX(4px)}.selected-work-card:active{transform:translateY(-4px) translateX(2px) scale(.98)}.selected-work-card:focus{outline:2px solid #0f172a;outline:2px solid var(--color-accent-primary);outline-offset:4px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #0f172a33}50%{box-shadow:0 0 0 8px #0f172a00}}.selected-work-card:focus-visible{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}html{scroll-behavior:smooth}@media (max-width:1024px){.project-drawer{width:clamp(400px,60vw,700px)}}@media (max-width:768px){.project-drawer{width:100vw}.project-drawer-title{font-size:1.5rem}.project-drawer-body,.project-drawer-header{padding:24px;padding:var(--space-6)}.project-drawer-section{margin-bottom:32px;margin-bottom:var(--space-8)}}@media (max-width:640px){.project-drawer-body,.project-drawer-header{padding:16px;padding:var(--space-4)}.project-drawer-title{font-size:1.375rem}}.not-found-container{align-items:center;color:#333;display:flex;flex-direction:column;font-family:Styrene A Regular Regular,sans-serif;justify-content:center;min-height:calc(100vh - 200px);padding:2.5rem 1rem;text-align:center}.not-found-image{border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:auto;margin-bottom:2rem;width:250px}.not-found-title-404{color:#f03737;font-family:Styrene A Bold Regular,sans-serif;font-size:5rem;margin-bottom:1rem}.not-found-title-text{color:#1f2937;font-family:Styrene UI Medium Regular,sans-serif;font-size:2rem;margin-bottom:1.5rem}.not-found-message{color:#4b5563;font-size:1.125rem;line-height:1.6;margin-bottom:2rem;max-width:36rem}.not-found-home-button{background-color:#00a86b;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease-in-out}.not-found-home-button:hover{background-color:#008f5a}.project-detail-page{background-color:#fff;min-height:100vh;padding-bottom:120px}.project-detail-container{margin:0 auto;max-width:1280px;padding:2rem 1rem;width:100%}.project-breadcrumb{color:#6b7280;font-family:Styrene A Regular Regular,sans-serif;font-size:.9rem;margin-bottom:1.5rem}.project-breadcrumb-link{color:#00a86b;text-decoration:none;transition:color .2s ease-in-out}.project-breadcrumb-link:hover{color:#008f5a;text-decoration:underline}.project-breadcrumb-separator{color:#d1d5db;margin:0 .5rem}.project-breadcrumb-current{color:#374151}.project-title-main{color:#111827;font-family:Styrene A Bold Regular,sans-serif;font-size:2.5rem;line-height:1.2;margin-bottom:.75rem}@media (min-width:640px){.project-title-main{font-size:3rem}}.project-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.project-tag-item{background-color:#d1fae5;border-radius:9999px;color:#00a86b;font-family:Styrene UI Medium Regular,sans-serif;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.project-layout-grid{display:flex;flex-direction:column;gap:2rem}@media (min-width:1024px){.project-layout-grid{flex-direction:row;gap:3rem}}.project-left-column{width:100%}@media (min-width:1024px){.project-left-column{flex-shrink:0;width:33.333333%}}.project-image-main-wrapper{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:1.5rem;overflow:hidden}.project-image-main{height:auto;max-height:400px;object-fit:cover;width:100%}.project-section-heading{border-bottom:1px solid #e5e7eb;color:#1f2937;font-family:Styrene UI Medium Regular,sans-serif;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.project-overview-section{margin-bottom:2rem}.project-description-content{color:#374151;font-family:Styrene A Regular Regular,sans-serif;font-size:1rem;line-height:1.6}.project-description-content p{margin-bottom:1em}.project-description-content ol,.project-description-content ul{margin-bottom:1em;margin-left:1.5em}.project-description-content li{margin-bottom:.5em}.project-description-content strong{color:#111827;font-weight:600}.project-right-column{width:100%}@media (min-width:1024px){.project-right-column{width:66.666667%}}.project-workflow-steps{display:flex;flex-direction:column;gap:1.25rem}.project-workflow-step{border-bottom:1px solid #f3f4f6;padding-bottom:1.25rem}.project-workflow-step:last-child{border-bottom:0}.project-workflow-step-title{color:#1f2937;font-family:Styrene A Bold Regular,sans-serif;font-size:1.125rem;margin-bottom:.375rem}.project-workflow-step-description{color:#4b5563;font-family:Styrene A Regular Regular,sans-serif;font-size:.9rem;line-height:1.6}.project-host-message{color:#6b7280;font-family:Styrene A Regular Regular,sans-serif;font-size:.875rem;margin-top:2rem;text-align:center}@media (min-width:1024px){.project-host-message{text-align:left}}.project-fixed-cta{background-color:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;bottom:0;box-shadow:0 -10px 25px -5px #0000001a,0 -8px 10px -6px #0000001a;left:50%;max-width:600px;position:fixed;transform:translateX(-50%);width:calc(100% - 2rem);z-index:40}@media (min-width:640px){.project-fixed-cta{left:25%;transform:translateX(0);width:auto}}.project-fixed-cta-content{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem}@media (min-width:640px){.project-fixed-cta-content{flex-direction:row;gap:1rem;padding:1.5rem}}.project-fixed-cta-text-group{flex-grow:1;margin-bottom:.75rem;text-align:center}@media (min-width:640px){.project-fixed-cta-text-group{margin-bottom:0;text-align:left}}.project-fixed-cta-headline{color:#111827;font-family:Styrene A Bold Regular,sans-serif;font-size:1rem}.project-fixed-cta-subtext{color:#374151;font-family:Styrene A Regular Regular,sans-serif;font-size:.775rem;margin-top:.25rem}.project-fixed-cta-button{background-color:#f03737;border-radius:.9rem;color:#fff;display:inline-block;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .3s ease-in-out,transform .2s ease-in-out;width:100%}@media (min-width:640px){.project-fixed-cta-button{width:auto}}.project-fixed-cta-button:hover{background-color:#ca2d2d;transform:scale(1.05)}.project-fixed-cta-button:focus{box-shadow:0 0 0 3px #00a86b66;outline:2px solid #0000;outline-offset:2px}.main-footer{background-color:#fff;color:#fff;font-size:.9rem;padding:2rem;text-align:center}@media (max-width:768px){.main-footer{padding:1.5rem .5rem}}@media (max-width:480px){.main-footer{padding:1rem .25rem}}.App{background-color:#fff;color:#333}.container{margin:0 auto;width:80%}@media (max-width:768px){.container{padding:0 1.5rem;width:100%}}@media (max-width:480px){.container{padding:0 1rem}}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}body,html{background-color:#fbf7f0;color:#1b1917;font-family:Styrene A Regular,sans-serif;font-size:16px;font-weight:400;line-height:1.4}body,h1,html{margin:0;padding:0}h1{font-family:Styrene A Bold Regular,sans-serif;font-weight:700}h2,h3{font-family:Styrene A Regular,sans-serif;font-weight:500;margin:0;padding:0}.highlight{background:#4fe9a4fc!important;color:#3c3f47!important;padding:0 6px}
/*# sourceMappingURL=main.eb93ea7d.css.map*/