.portfolio-page-wrapper{background-color:var(--color-primary);flex-direction:column;min-height:100vh;display:flex}.portfolio-header{background:radial-gradient(ellipse at bottom, #1a1a1a 0%, var(--color-primary) 70%);border-bottom:1px solid #ffffff0a;padding:140px 0 60px}.header-container{text-align:center;flex-direction:column;align-items:center;display:flex}.back-link{color:#888;letter-spacing:1px;text-transform:uppercase;font-size:.85rem;font-family:var(--font-heading), sans-serif;align-items:center;gap:8px;margin-bottom:24px;text-decoration:none;transition:color .3s;display:flex}.back-link:hover{color:var(--color-accent)}.portfolio-header h1{letter-spacing:2px;color:#fff;margin-bottom:16px;font-size:3.5rem;font-weight:300}.portfolio-subtitle{color:#a0a0a0;max-width:600px;font-size:1.05rem;line-height:1.6}.portfolio-gallery-section{flex:1;padding:60px 0 100px}.portfolio-tabs-container{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:50px;display:flex}.portfolio-tab{color:#bbb;cursor:pointer;font-size:.85rem;font-family:var(--font-heading), sans-serif;letter-spacing:1px;text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff0f;border-radius:30px;padding:10px 24px;transition:all .3s}.portfolio-tab:hover{border-color:var(--color-accent);color:#fff;background:#c48b5e0a}.portfolio-tab.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 4px 15px #c48b5e40}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;display:grid}.portfolio-card{cursor:pointer;background:#14141466;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;height:100%;transition:transform .4s,border-color .4s;display:flex;overflow:hidden}.portfolio-card:hover{border-color:#c48b5e4d;transform:translateY(-5px)}.portfolio-img-container{width:100%;height:240px;position:relative;overflow:hidden}.portfolio-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-card:hover .portfolio-img{transform:scale(1.06)}.portfolio-hover-overlay{opacity:0;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-hover-overlay{opacity:1}.zoom-icon{color:var(--color-accent);transition:transform .3s;transform:scale(.8)}.portfolio-card:hover .zoom-icon{transform:scale(1)}.hover-view-text{color:#fff;font-family:var(--font-heading), sans-serif;letter-spacing:1.5px;text-transform:uppercase;font-size:.72rem}.portfolio-card-category-badge{color:#bbb;letter-spacing:1px;text-transform:uppercase;font-size:.72rem;font-family:var(--font-heading), sans-serif;-webkit-backdrop-filter:blur(4px);z-index:5;background:#0f0f0fbf;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;position:absolute;top:15px;left:15px}.portfolio-card-info{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex}.portfolio-card-info h3{color:#fff;margin:0;font-size:1.15rem;font-weight:500;line-height:1.4}.portfolio-card-info p{color:#888;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.lightbox-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.lightbox-content{background:#141414f2;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:1000px;position:relative;overflow:hidden;box-shadow:0 40px 100px #000c}.lightbox-close-btn{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close-btn:hover{background:var(--color-accent);border-color:var(--color-accent)}.lightbox-grid{grid-template-columns:1.2fr 1fr;min-height:500px;display:grid}.lightbox-image-wrapper{background-color:#111;width:100%;height:100%;min-height:400px;position:relative}.lightbox-image-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.lightbox-details-wrapper{background-color:#0f0f0f4d;flex-direction:column;justify-content:center;padding:45px;display:flex}.lightbox-category-badge{color:var(--color-accent);font-family:var(--font-heading), sans-serif;letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:16px;font-size:.72rem;display:inline-flex}.lightbox-details-wrapper h2{color:#fff;margin-bottom:20px;font-size:2.2rem;font-weight:300;line-height:1.2}.lightbox-divider{background:#ffffff0f;height:1px;margin-bottom:24px}.lightbox-details-wrapper h3{font-size:.8rem;font-family:var(--font-heading), sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-bottom:12px}.lightbox-desc{color:#bbb;margin-bottom:35px;font-size:.95rem;line-height:1.6}.lightbox-actions .btn-lightbox-quote{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff;letter-spacing:1.5px;text-transform:uppercase;text-align:center;padding:14px 28px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;border-radius:6px!important}.lightbox-actions .btn-lightbox-quote:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 15px #c48b5e4d}.gallery-loading,.gallery-empty{text-align:center;color:#888;padding:80px 20px}.spinner{border:3px solid #ffffff0d;border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:.8s linear infinite spinnerSpin}@keyframes spinnerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:992px){.lightbox-overlay{padding:20px}.lightbox-grid{grid-template-columns:1fr}.lightbox-image-wrapper{height:300px;min-height:auto}.lightbox-details-wrapper{padding:30px}.lightbox-details-wrapper h2{font-size:1.6rem}}@media (max-width:768px){.portfolio-header{padding:110px 0 40px}.portfolio-header h1{font-size:2.5rem}.portfolio-subtitle{font-size:.95rem}}@media (max-width:500px){.portfolio-grid{grid-template-columns:1fr}}