.our-work-container,.our-work-container *,.tabs-bar,.tabs-bar *,.approach-container-enhanced,.approach-container-enhanced *,.what-we-built,.what-we-built *,.portfolio-section,.portfolio-section *,.experience-section,.experience-section *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.hero-wrapper-shopify{background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;padding-bottom:8%;display:flex;position:relative;overflow:hidden;background-image:url(../media/hero-bg.50588dda.png)!important}.our-work-container{text-align:center;background:url(../media/ourwork-bg.24b4a97f.png) 0 0/cover no-repeat;justify-content:center;align-items:center;height:35vh;padding-top:3vh;display:flex;overflow:hidden}.our-work-title{color:#000;margin-bottom:10vh;font-size:90px;font-weight:700;line-height:1.1;transition:all .3s;font-family:Space Grotesk,sans-serif!important}@media (max-width:1024px){.our-work-container{height:70vh}.our-work-title{margin-bottom:15vh;font-size:70px}}@media (max-width:768px){.our-work-container{height:60vh;padding:0 20px}.our-work-title{margin-bottom:12vh;font-size:52px}}@media (max-width:480px){.our-work-container{height:auto;min-height:24vh;padding:40px 16px 20px}.our-work-title{border-bottom:none;margin-bottom:20px;font-size:clamp(2.2rem,8vw,3.2rem)}}@media (max-width:360px){.our-work-title{margin-bottom:15px;font-size:28px}}.tabs-bar{background-color:#120942;padding:0 30px}.tabs-bar .MuiTab-root{text-transform:none;padding-right:45px;font-size:15px;color:#d7d3e3!important}.tabs-bar .Mui-selected{font-weight:500;color:#fff!important}.tabs-bar .MuiTabs-indicator{border-radius:2px;height:3px;background-color:#fff!important}.approach-container-enhanced{background:linear-gradient(#f8f8fb 0%,#f3f1fb 55%,#f8f8fb 100%);padding:clamp(50px,8vw,100px) 0;position:relative;overflow:hidden}.approach-header{text-align:center;max-width:640px;margin:0 auto;padding:0 20px 40px}.approach-eyebrow{color:#5344bc;letter-spacing:1.2px;text-transform:uppercase;opacity:0;background:#5344bc14;border-radius:999px;margin-bottom:18px;padding:7px 18px;font-size:13px;font-weight:700;display:inline-block;transform:translateY(16px)}.approach-header.animate-in .approach-eyebrow{animation:.7s cubic-bezier(.34,1.56,.64,1) forwards fadeInUp}.approach-title{color:#1e1b3ceb;letter-spacing:-.5px;opacity:0;margin-bottom:22px;font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.15;transform:translateY(30px)}.approach-header.animate-in .approach-title{animation:.8s cubic-bezier(.34,1.56,.64,1) .1s forwards fadeInUp}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.header-divider{transform-origin:50%;background:linear-gradient(90deg,#ffab4a -19.03%,#5344bc 57.79%);border-radius:4px;width:70px;height:4px;margin:0 auto;transform:scaleX(0)}.approach-header.animate-in .header-divider{animation:.8s cubic-bezier(.22,1,.36,1) .25s forwards scaleInX}@keyframes scaleInX{to{transform:scaleX(1)}}.approach-subtitle{color:#666;opacity:0;margin-top:20px;font-size:16px;line-height:1.7;transform:translateY(16px)}.approach-header.animate-in .approach-subtitle{animation:.8s .35s forwards fadeInUp}.approach-steps{flex-direction:column;gap:28px;max-width:1140px;margin:0 auto;padding:0 24px;display:flex}.approach-section{opacity:0;will-change:transform,opacity;background:#fff;border:1px solid #1f145a0d;border-radius:24px;width:100%;min-height:300px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;transform:translateY(50px);box-shadow:0 10px 35px #1f145a0f}.approach-section.animate-in{animation:.9s cubic-bezier(.22,1,.36,1) forwards sectionFadeInUp}@media (hover:hover){.approach-section.animate-in:hover{transform:translateY(-10px)scale(1.01);box-shadow:0 26px 60px #1f145a24}.approach-section.animate-in:hover .illustration-container img{transform:translateY(-4px)scale(1.03)}.approach-section.animate-in:hover .approach-number{transform:scale(1.08)}}@keyframes sectionFadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (min-width:769px){.approach-steps .approach-section:nth-child(odd){transform:translateY(40px)translate(-30px)}.approach-steps .approach-section:nth-child(2n){transform:translateY(40px)translate(30px)}.approach-steps .approach-section:nth-child(odd).animate-in{animation-name:sectionSlideLeft}.approach-steps .approach-section:nth-child(2n).animate-in{animation-name:sectionSlideRight}@keyframes sectionSlideLeft{0%{opacity:0;transform:translateY(40px)translate(-30px)}to{opacity:1;transform:translateY(0)translate(0)}}@keyframes sectionSlideRight{0%{opacity:0;transform:translateY(40px)translate(30px)}to{opacity:1;transform:translateY(0)translate(0)}}}.approach-steps .approach-section:first-child.animate-in{animation-delay:0s}.approach-steps .approach-section:nth-child(2).animate-in{animation-delay:.1s}.approach-steps .approach-section:nth-child(3).animate-in{animation-delay:.12s}.approach-steps .approach-section:nth-child(4).animate-in{animation-delay:.14s}.section-left,.section-right{flex:1;align-items:center;gap:30px;padding:48px 56px;display:flex}.section-left{justify-content:flex-end}.section-right{justify-content:flex-start}.approach-border-right,.approach-border-right-alt{border-right:1px solid #1f145a17}.mobile-section-divider{display:none}.desktop-only{display:flex}.content-wrapper{opacity:0;border-radius:12px;max-width:480px;padding:10px;transform:translate(-40px)}.content-wrapper.animate-in{animation:.8s cubic-bezier(.22,1,.36,1) .15s forwards slideInLeft}.approach-section.reverse .content-wrapper{transform:translate(40px)}@keyframes slideInLeft{to{opacity:1;transform:translate(0)scale(1)}}.section-heading{color:#211b3d;letter-spacing:.2px;opacity:0;margin-bottom:18px;font-size:28px;font-weight:600;display:inline-block;position:relative;transform:translateY(20px)}.content-wrapper.animate-in .section-heading{animation:.7s cubic-bezier(.34,1.56,.64,1) .2s forwards headingPop}@keyframes headingPop{0%{opacity:0;transform:translateY(20px)scale(.9)}60%{transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.section-text{color:#555;letter-spacing:.3px;opacity:0;font-size:15px;font-weight:300;line-height:1.9;transform:translateY(15px)}.content-wrapper.animate-in .section-text{animation:.7s .4s forwards textFadeIn}@keyframes textFadeIn{to{opacity:1;transform:translateY(0)}}.image-col{background:linear-gradient(135deg,#ffab4a0f,#5344bc0f);position:relative}.illustration-container{opacity:0;perspective:1000px;flex-direction:column;align-items:center;width:100%;max-width:300px;margin:0 auto;display:flex;position:relative;transform:scale(.7)rotateY(-25deg)}.illustration-container.animate-in{animation:1s cubic-bezier(.34,1.56,.64,1) .2s forwards illustrationEntrance}@keyframes illustrationEntrance{0%{opacity:0;transform:scale(.7)rotateY(-25deg)}60%{transform:scale(1.05)rotateY(5deg)}to{opacity:1;transform:scale(1)rotateY(0)}}.illustration-container:before{content:"";z-index:0;opacity:0;background:radial-gradient(circle,#6d60d214 0%,#0000 70%);border-radius:50%;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.illustration-container.animate-in:before{animation:1.2s .4s forwards glowPulse}@keyframes glowPulse{0%,to{opacity:0;width:0;height:0}50%{opacity:1;width:160%;height:160%}}.illustration-container img{z-index:1;filter:drop-shadow(0 15px 30px #0000000d);opacity:0;width:100%;height:auto;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(20px)}.illustration-container.animate-in img{animation:.8s .5s forwards imageFloat}@keyframes imageFloat{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.approach-number{color:#fff;letter-spacing:0;-webkit-user-select:none;user-select:none;z-index:2;opacity:0;background:linear-gradient(135deg,#ffab4a -19.03%,#5344bc 87.79%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:700;line-height:1;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:22px;left:22px;transform:translateY(-14px)scale(.8);box-shadow:0 8px 22px #5344bc4d;font-family:Space Grotesk,sans-serif!important}.approach-section.animate-in .approach-number{animation:.7s cubic-bezier(.34,1.56,.64,1) .15s forwards fadeInScale}@keyframes fadeInScale{to{opacity:1;transform:translateY(0)scale(1)}}.approach-arrow{display:none}@media (max-width:1400px){.section-left,.section-right{padding:40px 48px}.illustration-container{max-width:250px}}@media (max-width:1200px){.approach-steps{max-width:960px}.section-left,.section-right{padding:34px 36px}.illustration-container{max-width:220px}.content-wrapper{max-width:420px}.section-heading{font-size:26px}.section-text{font-size:14px}}@media (max-width:968px){.approach-header{padding:0 20px 32px}.section-left,.section-right{gap:22px;padding:26px 28px}.section-heading{margin-bottom:14px;font-size:24px}.section-text{font-size:13.5px}.illustration-container{max-width:180px}.approach-number{width:48px;height:48px;font-size:17px;top:16px;left:16px}}@media (max-width:768px){.approach-header{padding:0 16px 28px}.approach-subtitle{font-size:15px}.mobile-section-divider{background:linear-gradient(90deg,#0000 0%,#1f145a1f 20% 80%,#0000 100%);width:100%;height:1px;margin:4px 0 0;display:block}.approach-steps{gap:20px;padding:0 16px}.approach-section{border-radius:20px;min-height:auto;display:flex;flex-direction:column!important}.approach-steps .approach-section:nth-child(odd){transform:translate(-42px)}.approach-steps .approach-section:nth-child(2n){transform:translate(42px)}.approach-steps .approach-section:nth-child(odd).animate-in{animation-name:cardSlideLeftMobile}.approach-steps .approach-section:nth-child(2n).animate-in{animation-name:cardSlideRightMobile}@keyframes cardSlideLeftMobile{0%{opacity:0;transform:translate(-42px)}to{opacity:1;transform:translate(0)}}@keyframes cardSlideRightMobile{0%{opacity:0;transform:translate(42px)}to{opacity:1;transform:translate(0)}}.image-col{order:1;padding:32px 20px 20px!important}.mobile-section-divider{order:2}.text-col{order:3;padding:20px 24px 30px!important}.section-left,.section-right{width:100%;border:none!important;justify-content:center!important;margin:0!important}.approach-border-right,.approach-border-right-alt{border-right:none}.illustration-container{max-width:220px;margin-bottom:0}.content-wrapper,.approach-section.reverse .content-wrapper{text-align:center;opacity:1;max-width:100%;padding:0;transform:none}.content-wrapper.animate-in,.content-wrapper.animate-in .section-heading,.content-wrapper.animate-in .section-text{animation:none}.section-heading{opacity:1;margin-bottom:12px;font-size:24px;transform:none}.section-text{opacity:1;font-size:14px;line-height:1.7;transform:none}.approach-number{top:18px;left:18px}}@media (max-width:480px){.approach-header{padding:0 14px 22px}.approach-eyebrow{padding:6px 14px;font-size:12px}.approach-subtitle{font-size:14px}.approach-steps{gap:16px;padding:0 12px}.image-col{padding:26px 16px 16px!important}.text-col{padding:16px 18px 24px!important}.section-heading{font-size:21px}.section-text{font-size:13.5px;line-height:1.65}.illustration-container{max-width:170px}.approach-number{width:42px;height:42px;font-size:15px;top:14px;left:14px}}@media (max-width:360px){.approach-title{font-size:26px}.section-heading{font-size:19px}.section-text{font-size:13px}.illustration-container{max-width:145px}}@media (min-width:1600px){.approach-steps{max-width:1280px}.section-heading{font-size:32px}.section-text{font-size:16px}.illustration-container{max-width:360px}.content-wrapper{max-width:560px}.approach-number{width:64px;height:64px;font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline-offset:4px;border-radius:4px;outline:3px solid #6d60d2}@media print{.mobile-section-divider{display:none}.approach-section{page-break-inside:avoid}}.what-we-built{text-align:left;padding:20px 100px 60px}.what-we-built .title{color:#111;margin-bottom:30px;font-size:56px;font-weight:700}.what-we-built .grid-container{background-color:#0000;border:none;border-radius:0;grid-template-columns:repeat(4,1fr);gap:14px;padding:0;display:grid}.what-we-built .card{color:#111;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid #ffffffb3;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000005}.what-we-built .card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:100%;height:100%;transition:left .7s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-120%}.what-we-built .card:hover:before{left:120%}.what-we-built .card:hover{border-color:#6366f14d;transform:translateY(-8px)scale(1.02);box-shadow:0 16px 32px #00000017,0 4px 12px #0000000a}.what-we-built .card:active{transition-duration:.15s;transform:translateY(-3px)scale(1.005)}.what-we-built .card:first-child{background:linear-gradient(135deg,#f8e8e5 0%,#f5ddd8 100%);grid-area:1/span 1;height:190px}.what-we-built .card:nth-child(2){background:linear-gradient(135deg,#f3e8f5 0%,#ecdff0 100%);grid-area:1/span 2;height:190px}.what-we-built .card:nth-child(3){background:linear-gradient(135deg,#e8e8f5 0%,#ddddef 100%);grid-area:1/span 1;height:190px}.what-we-built .card:nth-child(4){background:linear-gradient(135deg,#e3f0f5 0%,#d8e8ef 100%);grid-area:2/span 1;height:230px}.what-we-built .card:nth-child(5){background:linear-gradient(135deg,#fffae8 0%,#fff5dd 100%);grid-area:2/span 1;height:230px}.what-we-built .card:nth-child(6){background:linear-gradient(135deg,#d5f0e8 0%,#c8ebe0 100%);grid-area:2/span 1;height:230px}.what-we-built .card:nth-child(7){background:linear-gradient(135deg,#e8e8f5 0%,#ddddef 100%);grid-area:2/span 1;height:230px}.what-we-built .icon{opacity:.85;justify-content:center;align-items:center;margin-bottom:15px;font-size:2.5rem;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex}.what-we-built .icon img,.what-we-built .icon svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}.what-we-built .card:hover .icon{opacity:1;transform:scale(1.14)translateY(-3px)}.what-we-built .card:hover .icon img,.what-we-built .card:hover .icon svg{transform:scale(1.1)}.what-we-built h3{color:#1e1e2f;margin:0;font-size:18px;font-weight:500;line-height:1.4;transition:color .3s,transform .3s}.what-we-built .card:hover h3{color:#4338ca;transform:translateY(-1px)}@media (max-width:1024px){.what-we-built{text-align:center;padding:40px 60px}.what-we-built .title{font-size:48px}.what-we-built .grid-container{grid-template-columns:repeat(3,1fr);grid-auto-rows:150px;gap:16px}.what-we-built .card{grid-area:auto/span 1!important;height:100%!important;margin-top:0!important}}@media (max-width:900px){.what-we-built{padding:30px 40px}.what-we-built .title{font-size:40px}.what-we-built .grid-container{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px;gap:15px}.what-we-built .card{padding:20px}.what-we-built .card:nth-child(2){grid-column:span 1}}@media (max-width:600px){.what-we-built{text-align:center;padding:20px}.what-we-built .title{margin-bottom:20px;font-size:34px}.what-we-built .grid-container{background-color:#0000;flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.what-we-built .card{box-sizing:border-box;border-radius:15px;flex:calc(50% - 12px);max-width:calc(50% - 12px);min-height:130px;padding:20px}.what-we-built .card:last-child:nth-child(odd){flex:100%;max-width:100%}.what-we-built .icon{margin-bottom:10px;font-size:1.8rem}.what-we-built h3{font-size:16px}}.coming-soon-box{text-align:center;opacity:.8;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-left:auto;margin-right:auto;padding:60px 20px;display:flex}.coming-soon-box h2{color:#fff;margin-bottom:10px;font-size:32px}.coming-soon-box p{color:#fff;font-size:18px}.portfolio-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:30px clamp(16px,4vw,60px);display:flex}.portfolio-container{box-sizing:border-box;background:radial-gradient(circle at 10% 20%,#1c0e58fa 0%,#0f0830fc 100%);border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:100%;padding:36px 40px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.portfolio-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-40%;right:-20%}.portfolio-container:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f11f 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-30%;left:-20%}.portfolio-header-enhanced{z-index:1;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex;position:relative}.portfolio-header-left{flex:1;max-width:850px}.portfolio-badge-pill{color:#c4b5fd;letter-spacing:.5px;background:#a78bfa1f;border:1px solid #a78bfa4d;border-radius:9999px;align-items:center;gap:8px;margin-bottom:10px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.pulse-dot{background-color:#a78bfa;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseGlow;box-shadow:0 0 8px #a78bfa}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.portfolio-title-modern{color:#fff;letter-spacing:-.5px;margin:0 0 10px;font-family:Space Grotesk,Poppins,sans-serif;font-size:clamp(28px,3.5vw,46px);font-weight:800;line-height:1.15}.portfolio-title-underline{background:linear-gradient(90deg,#a78bfa 0%,#818cf8 60%,#0000 100%);border-radius:2px;width:120px;height:3.5px;margin-bottom:12px}.portfolio-subtext-modern{color:#c7c3d8;max-width:780px;margin:0;font-size:clamp(13.5px,1.1vw,15px);line-height:1.6}.portfolio-header-right{flex-shrink:0;align-items:center;gap:16px;padding-top:6px;display:flex}.view-all-button-modern{color:#fff;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff29;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.view-all-button-modern:hover{background:linear-gradient(135deg,#a78bfa40,#6366f140);border-color:#a78bfa80;transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed4d}.view-all-button-modern svg{transition:transform .3s}.view-all-button-modern:hover svg{transform:translate(4px)}.portfolio-controls-row{z-index:1;flex-direction:column;gap:14px;margin-bottom:24px;display:flex;position:relative}.portfolio-search-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background:#110934a6;border:1.5px solid #a78bfa38;border-radius:14px;align-items:center;width:100%;padding:2px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.portfolio-search-box:focus-within{background:#170b44e6;border-color:#8b5cf6;box-shadow:0 0 0 3.5px #8b5cf633,0 8px 25px #00000059}.portfolio-search-icon{color:#a78bfa;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;display:flex}.portfolio-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-family:Poppins,sans-serif;font-size:14px;font-weight:400}.portfolio-search-input::placeholder{color:#d7d3e38c;font-size:13.5px}.portfolio-search-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:10px;display:flex}.portfolio-search-clear{color:#e2e8f0;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.portfolio-search-clear:hover{color:#fff;background:#ef444466;transform:scale(1.1)}.portfolio-search-count-badge{color:#c4b5fd;white-space:nowrap;background:#a78bfa29;border:1px solid #a78bfa4d;border-radius:7px;padding:3px 9px;font-size:11.5px;font-weight:600}.portfolio-filter-scroll-wrap{width:100%;position:relative;overflow:hidden}.portfolio-filter-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.portfolio-filter-scroll::-webkit-scrollbar{display:none}.portfolio-pill-btn{color:#d7d3e3;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;flex-shrink:0;align-items:center;gap:7px;padding:8px 15px;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.portfolio-pill-btn:hover{color:#fff;background:#ffffff1a;border-color:#a78bfa73;transform:translateY(-2px)}.portfolio-pill-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);border-color:#c4b5fd99;font-weight:600;transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed66}.pill-count-badge{min-width:18px;height:18px;color:inherit;background:#ffffff24;border-radius:9999px;justify-content:center;align-items:center;padding:0 5px;font-size:10.5px;font-weight:700;transition:background .25s;display:inline-flex}.portfolio-pill-btn.active .pill-count-badge{color:#fff;background:#ffffff40}.portfolio-status-bar{color:#c7c3d8;z-index:1;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13.5px;display:flex;position:relative}.portfolio-status-left{align-items:center;gap:6px;display:flex}.portfolio-status-highlight{color:#fff;font-weight:600}.portfolio-grid-modern{z-index:1;grid-template-columns:repeat(4,1fr);gap:18px;width:100%;display:grid;position:relative}.portfolio-card-modern{cursor:pointer;box-sizing:border-box;background:#180d44b3;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040}.portfolio-card-modern:hover{background:#20115ae0;border-color:#a78bfa8c;transform:translateY(-6px);box-shadow:0 16px 36px #7c3aed59}.card-image-box{aspect-ratio:16/10;background:#0d061c;width:100%;position:relative;overflow:hidden}.card-image-box img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.portfolio-card-modern:hover .card-image-box img{transform:scale(1.07)}.card-badge-tag{z-index:2;text-transform:uppercase;letter-spacing:.6px;color:#c4b5fd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e072ce0;border:1px solid #a78bfa59;border-radius:7px;padding:4px 10px;font-size:10.5px;font-weight:700;position:absolute;top:10px;left:10px}.card-hover-overlay{opacity:0;pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#0c062659 40%,#0c0626eb 100%);justify-content:flex-end;align-items:flex-end;padding:14px;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card-modern:hover .card-hover-overlay{opacity:1}.card-view-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:11.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #7c3aed66}.card-details-box{flex-direction:column;flex-grow:1;gap:6px;padding:14px 16px 16px;display:flex}.card-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-arrow-icon{color:#ffffff73;flex-shrink:0;align-items:center;transition:all .3s;display:flex}.portfolio-card-modern:hover .card-arrow-icon{color:#a78bfa;transform:translate(3px,-3px)}.card-title-modern{color:#fff;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;flex:1;margin:0;font-family:Poppins,sans-serif;font-size:15.5px;font-weight:700;line-height:1.3;transition:color .3s;display:-webkit-box;overflow:hidden}.portfolio-card-modern:hover .card-title-modern{color:#c4b5fd}.card-subtitle-modern{color:#d7d3e3bf;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:12.5px;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}.portfolio-empty-state{text-align:center;background:#ffffff08;border:1.5px dashed #a78bfa40;border-radius:20px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;margin:10px 0;padding:50px 20px;display:flex}.empty-icon-wrap{color:#a78bfa;background:#a78bfa1f;border:1px solid #a78bfa4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:2px;display:flex}.empty-state-title{color:#fff;margin:0;font-size:20px;font-weight:700}.empty-state-text{color:#c7c3d8;max-width:500px;margin:0;font-size:14px;line-height:1.55}.empty-state-text span{color:#a78bfa;font-weight:600}.empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.empty-reset-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:9px;padding:9px 20px;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #7c3aed4d}.empty-reset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed73}.empty-all-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:9px;padding:9px 20px;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:500;transition:all .3s}.empty-all-btn:hover{background:#ffffff26;border-color:#a78bfa66;transform:translateY(-2px)}@media (max-width:1280px){.portfolio-wrapper{padding:24px clamp(12px,3vw,40px)}.portfolio-container{border-radius:20px;padding:30px 32px}.portfolio-grid-modern{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:992px){.portfolio-wrapper{padding:20px 16px}.portfolio-container{border-radius:18px;padding:26px 22px}.portfolio-header-enhanced{flex-direction:column;align-items:stretch;gap:16px}.portfolio-header-right{width:100%;padding-top:0}.view-all-button-modern{justify-content:center;width:100%}.portfolio-grid-modern{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width:640px){.portfolio-wrapper{padding:16px 10px}.portfolio-container{border-radius:16px;padding:20px 14px}.portfolio-title-modern{font-size:26px}.portfolio-subtext-modern{font-size:13.5px}.portfolio-search-box{padding:2px 12px}.portfolio-search-input{font-size:13px}.portfolio-search-input::placeholder{font-size:12.5px}.portfolio-pill-btn{padding:7px 12px;font-size:12.5px}.portfolio-grid-modern{grid-template-columns:1fr;gap:14px}.portfolio-card-modern:hover{transform:translateY(-4px)}}@media (max-width:380px){.portfolio-wrapper{padding:12px 6px}.portfolio-container{padding:16px 10px}.portfolio-title-modern{font-size:22px}.portfolio-search-count-badge{display:none}}.experience-section{color:#111;background-color:#fff;justify-content:space-between;align-items:flex-start;padding:40px 100px 80px;display:flex}.left-content{flex:1;max-width:40%}.left-content h2{letter-spacing:.5px;color:#2b2b2b;font-size:36px;font-weight:600;line-height:1.6}.right-content{flex:1.5;max-width:50%}.right-content p{color:#000;margin-bottom:15px;font-size:17px;font-weight:300;line-height:32px}@media (max-width:900px){.experience-section{flex-direction:column;padding:60px 40px}.left-content,.right-content{max-width:100%}.left-content{margin-bottom:30px}.left-content h2{font-size:30px}.right-content p{font-size:16px}}