.portfolio-page{font-family:var(--font-primary);color:var(--color-dark);line-height:1.2}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-dark);position:relative;display:inline-block;font-family:var(--font-secondary)}.section-header h2:after{content:"";position:absolute;width:60px;height:3px;background-color:var(--color-primary);bottom:-10px;left:50%;transform:translate(-50%)}.section-header p{font-size:1.125rem;max-width:700px;margin:0 auto;color:#666;font-family:var(--font-primary)}.portfolio-hero{background:linear-gradient(135deg,var(--color-gray) 0%,var(--color-primary) 100%);color:var(--color-light);padding:var(--spacing-xl) 0 var(--spacing-xl);position:relative;text-align:center;overflow:hidden;font-family:var(--font-primary)}.portfolio-hero:before{content:"";position:absolute;top:-100px;left:0;right:0;bottom:0;background-image:url(/assets/contact-B2oxjcUw.webp);opacity:.3;pointer-events:none}.portfolio-hero-content{text-align:center;max-width:800px;margin:0 auto;padding:var(--spacing-lg) 0}.portfolio-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-md);font-family:var(--font-secondary);animation:fadeInUp var(--transition-medium)}.portfolio-hero p{font-size:1.25rem;margin-bottom:var(--spacing-lg);opacity:.9;animation:fadeInUp var(--transition-medium) .2s both}.portfolio-intro{padding:var(--spacing-xl) 0 var(--spacing-lg);background-color:var(--color-gray)}.portfolio-gallery{padding:var(--spacing-lg) 0 var(--spacing-xl);background-color:var(--color-gray)}.portfolio-filters{display:flex;justify-content:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-sm)}.filter-btn{background:var(--color-light);border:none;border-radius:var(--radius-full);padding:var(--spacing-md) var(--spacing-lg);font-size:.95rem;font-weight:500;color:var(--color-gray-medium);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-primary)}.filter-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);color:var(--color-light)}.filter-icon{font-size:.9rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.portfolio-item{display:flex;flex-direction:column;height:280px;background-color:var(--color-light);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition-fast)}.portfolio-item:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.portfolio-item-image{flex:1 1 65%;width:100%;overflow:hidden}.portfolio-item-image img{width:100%;height:100%;object-fit:cover}.portfolio-item:hover .portfolio-item-image img{transform:scale(1.05)}.portfolio-item-text{flex:1 1 35%;padding:10px 15px;background-color:var(--color-gray);color:#000}.portfolio-item-text h3{font-size:1rem;font-weight:600;margin-bottom:5px}.portfolio-item-text p{font-size:.85rem;margin-bottom:8px}.portfolio-tags{display:flex;flex-wrap:wrap;gap:6px}.portfolio-tag{background:var(--color-light);padding:4px 10px;border-radius:20px;font-size:.75rem;color:#000}.portfolio-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:25px 20px;color:var(--color-light);transition:var(--transition-fast)}.portfolio-item:hover .portfolio-item-overlay{background:linear-gradient(to top,#000000e6,#00000080)}.portfolio-item-content h3{font-size:1.2rem;font-weight:600;margin-bottom:5px;font-family:var(--font-secondary)}.portfolio-item-content p{font-size:.9rem;opacity:.8;margin-bottom:var(--spacing-sm)}.case-study-section{padding:var(--spacing-xl) 0;background-color:var(--color-light)}.case-study-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.case-study-image{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);animation:fadeIn var(--transition-medium)}.case-study-image img{width:100%;height:auto;display:block;transform:scale(1);transition:transform var(--transition-medium)}.case-study-image:hover img{transform:scale(1.05)}.case-study-details{animation:fadeInUp var(--transition-medium) .2s both}.case-study-details h3{font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-dark);line-height:1.3;font-family:var(--font-secondary)}.case-stats{display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.case-stat{text-align:center;flex:1;animation:countUp var(--transition-medium)}.case-stat h4{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:5px;font-family:var(--font-secondary)}.case-stat p{font-size:.9rem;color:var(--color-gray-medium)}.case-description{margin-bottom:var(--spacing-lg);color:var(--color-gray-dark);line-height:1.8}.case-approach{margin-bottom:var(--spacing-lg)}.case-approach h4{font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-dark);font-family:var(--font-secondary)}.case-approach ul{padding-left:var(--spacing-md);margin-bottom:var(--spacing-lg)}.case-approach li{margin-bottom:var(--spacing-sm);color:var(--color-gray-medium);line-height:1.6}.clients-section{padding:var(--spacing-xl) 0;background-color:var(--color-gray)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--spacing-lg);align-items:center}.client-logo{background-color:var(--color-light);border-radius:var(--radius-sm);padding:var(--spacing-md);display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-sm);transition:var(--transition-fast);animation:fadeIn var(--transition-medium)}.client-logo:hover{transform:translateY(-10px);box-shadow:var(--shadow-md)}.client-logo img{max-width:100%;height:auto;filter:grayscale(100%);opacity:.7;transition:var(--transition-fast)}.client-logo:hover img{filter:grayscale(0%);opacity:1}.portfolio-cta{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#2a3990 0%,var(--color-primary) 100%);color:var(--color-light);text-align:center;position:relative;overflow:hidden}.portfolio-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.3}.cta-content{max-width:700px;margin:0 auto;position:relative;z-index:1;animation:fadeInUp var(--transition-medium)}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);font-family:var(--font-secondary)}.cta-content p{font-size:1.2rem;opacity:.9;margin-bottom:var(--spacing-lg)}.btn{display:inline-block;padding:12px 28px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;font-size:1rem;text-align:center}.btn-primary{background-color:var(--color-primary);color:var(--color-light)}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-3px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-light);transform:translateY(-3px);box-shadow:var(--shadow-md)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:var(--z-modal);display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);animation:fadeIn .3s ease}.project-modal{background-color:var(--color-light);border-radius:var(--radius-md);width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;animation:fadeInUp var(--transition-medium)}.modal-close{position:absolute;top:15px;right:15px;font-size:1.8rem;background:none;border:none;color:var(--color-dark);cursor:pointer;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ffffffe6;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.modal-close:hover{background-color:#f0f0f0;transform:rotate(90deg)}.modal-content{display:grid;grid-template-columns:1fr}.modal-image{width:100%;height:300px;overflow:hidden;animation:fadeIn var(--transition-medium)}.modal-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.modal-image:hover img{transform:scale(1.05)}.modal-details{padding:var(--spacing-lg);animation:fadeInUp var(--transition-medium) .2s both}.modal-details h2{font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-dark);font-family:var(--font-secondary)}.modal-client{font-size:1rem;color:var(--color-gray-medium);margin-bottom:var(--spacing-md)}.modal-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.modal-tag{background-color:#f0f4ff;color:var(--color-primary);padding:6px 12px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500}.modal-description,.modal-approach,.modal-results{margin-bottom:var(--spacing-lg)}.modal-details h3{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-dark);font-family:var(--font-secondary)}.modal-details p{color:var(--color-gray-medium);line-height:1.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 768px){.modal-content{grid-template-columns:1fr 1fr}.modal-image{height:auto}.case-study-content{grid-template-columns:1fr 1fr}}@media screen and (max-width: 991px){.portfolio-hero h1{font-size:3rem}.section-header h2{font-size:2.2rem}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media screen and (max-width: 767px){.portfolio-hero{padding:var(--spacing-xl) 0 var(--spacing-lg)}.portfolio-hero h1{font-size:2.5rem}.portfolio-hero p{font-size:1.1rem}.section-header h2{font-size:2rem}.portfolio-intro,.portfolio-gallery,.case-study-section,.clients-section{padding:calc(var(--spacing-lg) + var(--spacing-md)) 0}.case-study-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.case-stats{flex-direction:column;gap:var(--spacing-md)}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.portfolio-cta{padding:var(--spacing-xl) 0}.cta-content h2{font-size:2rem}}@media screen and (max-width: 576px){.portfolio-hero h1{font-size:2rem}.portfolio-filters{flex-direction:column;align-items:center}.filter-btn{width:100%;max-width:240px}.portfolio-grid{grid-template-columns:1fr}.portfolio-item{height:240px}.case-study-details h3{font-size:1.6rem}.btn{display:block;width:100%;text-align:center}}