.portfolio-page{background:#0a0a0a}.port-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.port-hero{background:#000;color:#fff;padding:5rem 0 4rem;border-bottom:4px solid #ccff00}.port-breadcrumb ol{list-style:none;padding:0;margin:0 0 2rem;display:flex;gap:.5rem;font-size:.82rem}.port-breadcrumb a{color:#cf0;text-decoration:none}.port-breadcrumb li:not(:last-child):after{content:"›";margin-left:.5rem;color:#444}.port-badge{background:#cf0;color:#000;padding:4px 14px;font-size:.8rem;font-weight:900;display:inline-block;margin-bottom:1.5rem}.port-h1{font-size:4rem;font-weight:900;line-height:1.05;margin-bottom:1rem;text-transform:uppercase;letter-spacing:-1.5px}.port-neon{color:#cf0}.port-sub{color:#888;font-size:1.05rem;margin-bottom:2.5rem}.port-stats{display:flex;gap:2rem;flex-wrap:wrap}.pstat{display:flex;flex-direction:column}.pstat-num{font-size:2rem;font-weight:900;color:#cf0;line-height:1}.pstat span:last-child{font-size:.8rem;color:#666}.port-gallery-section{background:#0a0a0a;padding:4rem 0 5rem}.port-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem;justify-content:center}.port-tab{background:#111;color:#888;border:2px solid #222;padding:.6rem 1.5rem;font-size:.88rem;font-weight:900;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.4rem}.port-tab:hover{background:#222;color:#fff;border-color:#444}.port-tab.active{background:#cf0;color:#000;border-color:#cf0;box-shadow:3px 3px #ccff004d}.pt-emoji{font-size:1rem}.port-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.port-item{position:relative;overflow:hidden;aspect-ratio:1/1;background:#111;display:block;cursor:pointer}.port-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .3s;filter:brightness(.8)}.port-item:hover img{transform:scale(1.08);filter:brightness(1)}.port-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 55%);opacity:0;transition:opacity .3s;display:flex;flex-direction:column;justify-content:flex-end;padding:.75rem}.port-item:hover .port-overlay{opacity:1}.port-badge-cat{font-size:.65rem;font-weight:900;padding:2px 8px;text-transform:uppercase;align-self:flex-start;margin-bottom:.4rem}.badge-dft{background:#cf0;color:#000}.badge-dtg{background:#d8b4fe;color:#4c1d95}.badge-silk{background:#000;color:#cf0;border:1px solid #ccff00}.badge-corporate{background:#fff;color:#000}.badge-team{background:#60a5fa;color:#000}.port-detail{display:flex;justify-content:space-between;align-items:center}.port-type{font-size:.75rem;color:#fff;font-weight:700}.port-qty{font-size:.7rem;color:#cf0;font-weight:900}.port-empty{text-align:center;padding:4rem;color:#666}.port-empty p{margin-bottom:1.5rem;font-size:1rem}.port-services-link{background:#f4f4f0;padding:5rem 0;border-top:4px solid #000}.port-services-link h2{font-size:2rem;font-weight:900;margin-bottom:2.5rem;text-align:center;text-transform:uppercase}.psl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.psl-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:3px solid #000;padding:2rem;text-decoration:none;color:#000;box-shadow:6px 6px #000;transition:.15s;gap:.4rem}.psl-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #000}.psl-dft{border-top:6px solid #ccff00}.psl-dtg{border-top:6px solid #d8b4fe}.psl-silk{background:#000;color:#fff;border-top:6px solid #ccff00}.psl-silk h3,.psl-silk .psl-price{color:#cf0}.psl-silk p{color:#888}.psl-icon{font-size:2.5rem}.psl-card h3{font-size:1.5rem;font-weight:900;margin:0}.psl-card p{font-size:.88rem;color:#666;margin:0}.psl-price{font-size:1rem;font-weight:900;margin-top:auto}.port-cta{background:#000;border-top:4px solid #ccff00;padding:4rem 0}.port-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.port-cta-inner h2{font-size:1.6rem;font-weight:900;color:#fff;margin-bottom:.4rem}.port-cta-inner p{color:#888;margin:0}.port-cta-btns{display:flex;gap:1rem;flex-shrink:0;flex-wrap:wrap}.btn-port-line{background:#cf0;color:#000;border:3px solid #000;padding:.9rem 1.8rem;font-weight:900;text-decoration:none;box-shadow:4px 4px #cf06}.btn-port-call{background:transparent;color:#fff;border:2px solid #444;padding:.9rem 1.5rem;font-weight:700;text-decoration:none}@media(max-width:1024px){.port-grid{grid-template-columns:repeat(3,1fr)}.psl-grid{grid-template-columns:1fr}}@media(max-width:640px){.port-h1{font-size:2.5rem}.port-grid{grid-template-columns:repeat(2,1fr)}.port-cta-inner{flex-direction:column;text-align:center}.port-cta-btns{justify-content:center}}