.page-header .container,.pf-container,.portfolio-section .container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:768px){.page-header .container,.pf-container,.portfolio-section .container{padding:0 16px}}.page-header{padding:80px 0 50px;text-align:center;position:relative}.page-header h6{font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#06f;margin-bottom:12px}.page-header h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;color:#0c1a2e;margin-bottom:16px;line-height:1.2}.page-header p{font-size:.95rem;color:#64748b;max-width:520px;margin:0 auto;line-height:1.7}.portfolio-menu{text-align:center;margin-bottom:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.portfolio-menu button{display:inline-block;padding:10px 24px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b;background:0 0;border:1px solid rgba(0,0,0,.08);border-radius:999px;cursor:pointer;transition:all .25s ease}.portfolio-menu button:hover{border-color:#06f;color:#06f}.portfolio-menu button.active{background:#06f;border-color:#06f;color:#fff;box-shadow:0 4px 16px rgba(0,102,255,.25)}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:80px}@media (max-width:992px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:576px){.portfolio-grid{grid-template-columns:1fr;gap:16px}}.portfolio-item{border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:0 1px 4px rgba(0,0,0,.05),0 4px 16px rgba(0,0,0,.04);transition:all .35s ease;opacity:1;transform:scale(1)}.portfolio-item.hidden{display:none}.portfolio-item:hover{border-color:rgba(0,102,255,.25);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,102,255,.1)}.portfolio-image{position:relative;overflow:hidden;aspect-ratio:4/3}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-item:hover .portfolio-image img{transform:scale(1.08)}.portfolio-overlay{position:absolute;inset:0;background:rgba(2,13,28,.75);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay-content{text-align:center;padding:20px;transform:translateY(12px);transition:transform .35s ease}.portfolio-item:hover .portfolio-overlay-content{transform:translateY(0)}.portfolio-overlay-icon{margin-bottom:12px}.portfolio-overlay-icon a{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.3rem;transition:all .25s ease;border:1px solid rgba(255,255,255,.15)}.portfolio-overlay-icon a:hover{background:#06f;border-color:#06f;transform:scale(1.08)}.portfolio-overlay-content h4{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:6px}.portfolio-overlay-content h4 a{color:#fff;transition:color .2s}.portfolio-overlay-content h4 a:hover{color:#00b3ff}.portfolio-overlay-content p{font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.5}.portfolio-body{padding:16px 20px 20px;background:0 0!important}.bento-image-wrap{position:relative;overflow:hidden}.bento-overlay{position:absolute;inset:0;background:rgba(2,13,28,.75);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease}.bento-card:hover .bento-overlay{opacity:1}.bento-overlay-content{text-align:center;padding:20px;transform:translateY(12px);transition:transform .35s ease}.bento-card:hover .bento-overlay-content{transform:translateY(0)}.bento-overlay-icon{margin-bottom:12px}.bento-overlay-icon a{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.3rem;transition:all .25s ease;border:1px solid rgba(255,255,255,.15)}.bento-overlay-icon a:hover{background:#06f;border-color:#06f;transform:scale(1.08)}.bento-overlay-content h4{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:6px}.bento-overlay-content h4 a{color:#fff;transition:color .2s}.bento-overlay-content h4 a:hover{color:#00b3ff}.bento-overlay-content p{font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.5}.bento-card .portfolio-body h4{color:#0c1a2e}.bento-card .portfolio-body p{color:#64748b}.portfolio-body h4{font-size:1rem;font-weight:700;color:#0c1a2e;margin-bottom:4px}.portfolio-body p{font-size:.82rem;color:#64748b;line-height:1.5}.lightbox-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(2,13,28,.92);align-items:center;justify-content:center;padding:40px}.lightbox-modal.open{display:flex}.lightbox-modal img{max-width:90vw;max-height:85vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.lightbox-close{position:absolute;top:24px;right:32px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox-close:hover{background:rgba(255,255,255,.2)}.portfolio-item{transition:opacity .4s ease,transform .4s ease}.animate-in{opacity:0;transform:translateY(24px)}.animate-in.visible{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:translateY(0)}}@media (max-width:768px){.page-header{padding:80px 0 36px}.portfolio-menu{gap:6px}.portfolio-menu button{padding:8px 18px;font-size:.72rem}}