.sap-portfolio-container{width:100%;max-width:1200px;margin:0 auto;padding:40px 15px;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.sap-main-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.sap-tab-btn{background-color:#fff0;border:2px solid #fff0;padding:12px 32px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#555;cursor:pointer;border-radius:50px;transition:all 0.4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sap-tab-btn:hover{color:#111;background-color:#f8f9fa}.sap-tab-btn.active{background-color:#00bcd4;color:#fff;box-shadow:0 8px 20px rgb(0 188 212 / .3);transform:translateY(-2px)}.sap-tab-content{display:none}.sap-tab-content.active{display:block;animation:sapFadeInUp 0.6s cubic-bezier(.16,1,.3,1) forwards}.sap-sub-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.sap-sub-tab-btn{background:#fff0;border:1px solid #e0e0e0;padding:8px 20px;font-size:14px;font-weight:500;color:#666;cursor:pointer;border-radius:30px;transition:all 0.3s ease;animation:fadeIn 0.3s ease-out}.sap-sub-tab-btn:hover{border-color:#00bcd4;color:#00bcd4}.sap-sub-tab-btn.active{background-color:#00bcd4;border-color:#00bcd4;color:#fff}.sap-gallery{display:none}.sap-gallery.active{display:block;animation:sapFadeInUp 0.5s cubic-bezier(.16,1,.3,1) forwards}.sap-image-grid{display:flex;gap:15px;align-items:flex-start}.sap-masonry-col{flex:1;display:flex;flex-direction:column;gap:15px;width:33.333%}.sap-image-item{position:relative;overflow:hidden;border-radius:8px;background-color:#f1f3f5;transition:all 0.4s ease;width:100%}.sap-image-item::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .6),transparent);animation:sapShimmer 1.5s infinite;z-index:1}.sap-image-item.loaded::before{display:none}@keyframes sapShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.sap-image-item:hover{box-shadow:0 12px 30px rgb(0 0 0 / .12);z-index:2}.sap-image-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity 1.2s ease-in-out;display:block;opacity:0;z-index:2}.sap-image-item:hover img{transform:scale(1.06)}.sap-no-images{text-align:center;color:#888;font-size:15px;padding:60px 20px;background:#fdfdfd;border-radius:12px;border:1px dashed #dcdcdc}@keyframes sapFadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.sap-portfolio-container{padding:20px 10px}.sap-image-grid{column-count:2;column-gap:0}.sap-image-item{margin-bottom:0}.sap-main-tabs{gap:8px}.sap-tab-btn{padding:10px 20px;font-size:13px}.sap-sub-tab-btn{padding:6px 14px;font-size:13px}}.sap-lightbox{display:none;position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .9);align-items:center;justify-content:center}.sap-lightbox-content{max-width:80%;max-height:90vh;object-fit:contain;animation:sapZoom 0.3s cubic-bezier(.16,1,.3,1);transition:opacity 0.15s ease}.sap-lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;line-height:1;z-index:10}.sap-lightbox-prev,.sap-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:30px;font-weight:700;cursor:pointer;padding:10px 15px;user-select:none;transition:0.3s;background:rgb(0 0 0 / .5);border-radius:4px;z-index:10}.sap-lightbox-prev:hover,.sap-lightbox-next:hover{background:rgb(0 188 212 / .8)}.sap-lightbox-prev{left:20px}.sap-lightbox-next{right:20px}@keyframes sapZoom{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.sap-lightbox-prev,.sap-lightbox-next{font-size:20px;padding:8px 12px}.sap-lightbox-prev{left:10px}.sap-lightbox-next{right:10px}}