.portfolio{padding:150px 0;background-color:var(--bg-color);position:relative}.portfolio-header{text-align:center;margin-bottom:80px}.portfolio-masonry{column-count:3;column-gap:20px}.portfolio-item{position:relative;overflow:hidden;border-radius:2px;cursor:pointer;page-break-inside:avoid;break-inside:avoid;margin-bottom:20px}.portfolio-img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease;filter:grayscale(60%)}.portfolio-item:hover .portfolio-img{transform:scale(1.05);filter:grayscale(0)}.portfolio-overlay{position:absolute;bottom:0;left:0;width:100%;padding:30px;display:flex;justify-content:space-between;align-items:flex-end;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0));border:none!important}.portfolio-info{flex:1 1}.portfolio-meta{display:flex;align-items:center;gap:15px;margin-top:5px}.gallery-count{font-family:var(--font-accent);font-size:.6rem;padding:2px 8px;border:1px solid rgba(207,168,115,.3);color:var(--accent-gold);text-transform:uppercase;letter-spacing:.1em}.view-btn{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.portfolio-item:hover .view-btn{background:var(--accent-gold);color:#000;transform:scale(1.1)}.gallery-modal{position:fixed;z-index:2000;display:flex;align-items:center;justify-content:center;padding:40px}.gallery-modal,.modal-backdrop{top:0;left:0;width:100%;height:100%}.modal-backdrop{position:absolute;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-content{width:100%;max-width:1400px;max-height:90vh;position:relative;z-index:2;overflow-y:auto;border-radius:8px;padding:60px}.modal-close{position:-webkit-sticky;position:sticky;top:0;left:100%;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.5;transition:opacity .3s ease;z-index:10}.modal-close:hover{opacity:1}.modal-header-info{margin-bottom:60px;max-width:800px}.modal-project-title{font-family:var(--font-display);font-size:4rem;line-height:1;margin-bottom:20px;text-transform:uppercase}.modal-project-meta{display:flex;gap:20px;margin-bottom:30px}.date-tag,.type-tag{font-family:var(--font-accent);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-gold)}.modal-description{font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,.7)}.tactical-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:300px;grid-gap:20px;gap:20px;margin-bottom:60px}.bento-item{position:relative;overflow:hidden;border-radius:4px}.bento-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.bento-item:hover img{transform:scale(1.05)}.bento-item.hero{grid-row:span 2}.bento-item.hero,.bento-item.item-1{grid-column:span 2}.bento-item.item-2{grid-row:span 2}.modal-footer-actions{display:flex;justify-content:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.05)}.btn-contact-ops{background:transparent;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:18px 40px;font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease}.btn-contact-ops:hover{background:var(--accent-gold);color:#000}@media (max-width:1024px){.modal-content{padding:30px}.modal-project-title{font-size:2.5rem}.tactical-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.gallery-modal{padding:10px}.tactical-bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-item.hero{grid-column:span 1;grid-row:span 1}.bento-item{aspect-ratio:16/9}}@media (max-width:992px){.portfolio-masonry{column-count:2}}@media (max-width:576px){.portfolio-masonry{column-count:1}}