.portfolio-page{background:linear-gradient(135deg,#f5f5f5 0%,#fff 100%);width:100%;padding:60px 20px}.portfolio-container{max-width:1200px;margin:0 auto}.portfolio-header{text-align:center;margin-bottom:50px}.portfolio-header h1{color:var(--text-dark);margin-bottom:15px;font-size:2.5rem;font-weight:700}.portfolio-intro{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.category-filter{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:50px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.category-btn{color:var(--text-dark);cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e0e0e0;border-radius:25px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .3s}.category-btn:hover{border-color:var(--primary-rose);color:var(--primary-rose);transform:translateY(-2px)}.category-btn.active{background:var(--primary-rose);color:#fff;border-color:var(--primary-rose);box-shadow:0 4px 12px #d77c7c4d}.portfolio-group-filters{background:#fff;border-top:3px solid #e8b8a8;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:50px;padding:25px;display:flex;box-shadow:0 2px 8px #0000000d}.group-btn{color:#333;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e8b8a8;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s}.group-btn:hover{background:#f5e8e3;transform:translateY(-2px);box-shadow:0 4px 12px #e8b8a84d}.group-btn.active{color:#fff;background:#e8b8a8;border-color:#e8b8a8;box-shadow:0 6px 16px #e8b8a866}.portfolio-section{background:#fff;border-radius:16px;margin-bottom:80px;padding:40px;box-shadow:0 4px 12px #00000014}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1400px;margin:0 auto;display:grid}.section-title{color:var(--text-dark);text-align:center;border-bottom:3px solid var(--primary-rose);margin-bottom:30px;padding-bottom:20px;font-size:2rem;font-weight:700}.section-projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;display:grid}.project-group{background:#f9f7f5;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.project-group:hover{transform:translateY(-8px);box-shadow:0 8px 20px #0000001f}.project-name{color:#fff;background:#e8b8a8;margin:0;padding:15px 20px;font-size:1.2rem;font-weight:600}.project-images{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:12px;display:grid}.project-images img{object-fit:cover;border-radius:6px;width:100%;height:auto;max-height:200px;display:block}.project-card{background:#f9f7f5;border-radius:10px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.project-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001a}.project-name{color:#fff;text-align:center;background:#e8b8a8;margin:0;padding:12px 15px;font-size:1.1rem;font-weight:600}.project-image-item{background:#e8e8e8;border-radius:8px;width:100%;padding-bottom:100%;position:relative;overflow:hidden}.project-image-item img{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.project-image-item:hover img{transform:scale(1.1)}.project-images-placeholder{text-align:center;color:#999;background:#f0f0f0;border-radius:8px;justify-content:center;align-items:center;min-height:150px;padding:40px 15px;font-size:.95rem;display:flex}.projects-gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:60px;display:grid}.project-gallery-item{cursor:pointer;background:#fff;border-radius:12px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.project-gallery-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.project-image-wrapper{background:#f0f0f0;width:100%;padding-bottom:100%;position:relative;overflow:hidden}.project-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.project-gallery-item:hover .project-image-wrapper img{transform:scale(1.08)}.project-overlay{text-align:center;opacity:0;background:linear-gradient(135deg,#d77c7cf2 0%,#7a9c7cf2 100%);flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-gallery-item:hover .project-overlay{opacity:1}.project-overlay h3{color:#fff;margin-bottom:10px;font-size:1.3rem;font-weight:600}.project-overlay p{color:#ffffffe6;font-size:.95rem;line-height:1.5}.portfolio-cta{background:linear-gradient(135deg, var(--primary-rose) 0%, var(--primary-green) 100%);text-align:center;color:#fff;border-radius:16px;padding:60px 40px;box-shadow:0 8px 24px #d77c7c33}.portfolio-cta h2{margin-bottom:15px;font-size:2rem;font-weight:700}.portfolio-cta p{opacity:.95;max-width:600px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6}.cta-button{color:var(--primary-rose);cursor:pointer;background:#fff;border:none;border-radius:25px;padding:14px 40px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #0000001a}.cta-button:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}@media (width<=1024px){.projects-gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.section-projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.portfolio-header h1{font-size:2rem}.portfolio-cta{padding:40px 30px}.portfolio-cta h2{font-size:1.6rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.project-images{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (width<=768px){.portfolio-page{padding:40px 16px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.project-images{grid-template-columns:repeat(2,1fr);gap:6px}.portfolio-header{margin-bottom:40px}.portfolio-header h1{font-size:1.8rem}.portfolio-intro{font-size:1rem}.category-filter{gap:10px;margin-bottom:40px;padding:15px}.category-btn{padding:8px 16px;font-size:.9rem}.projects-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:40px}.portfolio-section{margin-bottom:50px;padding:25px}.section-title{margin-bottom:20px;font-size:1.5rem}.section-projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.project-images{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.project-overlay h3{font-size:1.1rem}.project-overlay p{font-size:.85rem;display:none}.portfolio-cta{padding:30px 20px}.portfolio-cta h2{font-size:1.4rem}.portfolio-cta p{font-size:1rem}.cta-button{padding:12px 32px;font-size:.95rem}}@media (width<=480px){.portfolio-page{padding:30px 12px}.portfolio-header h1{font-size:1.5rem}.category-filter{gap:8px;padding:12px}.category-btn{padding:6px 12px;font-size:.85rem}.projects-gallery{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.portfolio-section{margin-bottom:30px;padding:15px}.section-title{margin-bottom:15px;font-size:1.2rem}.section-projects-grid{grid-template-columns:1fr;gap:12px}.project-images{grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}.project-overlay h3{font-size:1rem}.portfolio-cta{padding:20px 16px}.portfolio-cta h2{font-size:1.2rem}.portfolio-cta p{font-size:.95rem}.cta-button{padding:10px 24px;font-size:.9rem}}.portfolio-image-clickable{transition:transform .2s,filter .2s;cursor:pointer!important}.portfolio-image-clickable:hover{filter:brightness(1.1);transform:scale(1.05)}.lightbox-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-modal{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;animation:.3s slideIn;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#fff;cursor:pointer;z-index:1001;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.lightbox-close:hover{background:#000c;transform:scale(1.1)}.lightbox-content{background:#f5f5f5;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.lightbox-image{object-fit:contain;max-width:100%;max-height:80vh;display:block}.lightbox-nav{color:#fff;cursor:pointer;z-index:1001;background:#e8b8a8cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:28px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#e8b8a8;transform:translateY(-50%)scale(1.1)}.lightbox-prev{left:15px}.lightbox-next{right:15px}.lightbox-counter{color:#fff;z-index:1001;background:#0009;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:600;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}@media (width<=768px){.lightbox-modal{max-width:95vw;max-height:95vh}.lightbox-content{min-height:300px}.lightbox-nav{width:40px;height:40px;font-size:20px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-close{width:35px;height:35px;font-size:24px;top:10px;right:10px}}