.realizacje-hero{padding:140px 0 60px;background:linear-gradient(180deg,var(--secondary-color) 0,var(--bg-light) 100%);border-bottom:1px solid rgba(255,255,255,.05)}.realizacje-hero .page-title{font-size:3rem;color:var(--primary-color);margin-bottom:15px;font-weight:700}.portfolio-section{background-color:var(--bg-light);min-height:50vh}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px}.empty-portfolio{padding:100px 0}.empty-portfolio h3{color:#666;font-weight:500}.portfolio-card{background-color:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;opacity:0;transform:translateY(30px)}.portfolio-card.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out,box-shadow .3s ease}.portfolio-card:hover{transform:translateY(-10px)!important;box-shadow:0 15px 30px rgba(0,0,0,.5);border-color:rgba(255,123,0,.3)}.portfolio-card .img-wrapper{width:100%;height:250px;overflow:hidden;position:relative}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.clickable-image{cursor:zoom-in}.portfolio-card:hover img{transform:scale(1.05)}.portfolio-content{padding:30px;flex-grow:1}.portfolio-content p{color:#ccc;font-size:1rem;line-height:1.6;margin:0}.lightbox-modal{display:none;position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background-color:rgba(10,10,10,.95);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.lightbox-modal.active{display:flex;opacity:1}.lightbox-content{max-width:90%;max-height:90vh;object-fit:contain;box-shadow:0 0 30px rgba(0,0,0,.8);border-radius:8px;transform:scale(.9);transition:transform .3s ease}.lightbox-modal.active .lightbox-content{transform:scale(1)}.lightbox-close{position:absolute;top:20px;right:40px;color:#fff;font-size:50px;font-weight:700;cursor:pointer;transition:color .3s;z-index:100000}.lightbox-close:hover{color:var(--primary-color)}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr}.lightbox-close{top:10px;right:20px;font-size:40px}}