/* ==========================================================================
   PORTFOLIO PAGE — masonry gallery + lightbox
   ========================================================================== */
.tpa-portfolio-section{ background:var(--color-bg); padding:clamp(40px,5vw,56px) clamp(16px,4vw,48px) clamp(70px,8vw,110px); }
.tpa-portfolio-cols{ max-width:1240px; margin:0 auto; column-count:3; column-gap:14px; }
.tpa-pf-item{ break-inside:avoid; margin-bottom:14px; position:relative; overflow:hidden; border-radius:6px; cursor:zoom-in; }
.tpa-pf-item img{ width:100%; display:block; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.tpa-pf-item:hover img{ transform:scale(1.1); }
.tpa-pf-glow{ position:absolute; inset:0; border:2px solid transparent; transition:border-color .35s ease, box-shadow .35s ease; pointer-events:none; }
.tpa-pf-item:hover .tpa-pf-glow, .tpa-pf-item:active .tpa-pf-glow{ border-color:rgba(209,1,19,.6); box-shadow:0 0 24px rgba(209,1,19,.25) inset; }

@media (max-width:900px){ .tpa-portfolio-cols{ column-count:2; } }
@media (max-width:560px){ .tpa-portfolio-cols{ column-count:1; } }