.portfolio-detail-area{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#eaeaea)}.portfolio-detail-area .portfolio-gallery{padding:0 0 4rem}.portfolio-detail-area .portfolio-detail-header{text-align:center;padding:3rem 1rem 2rem;background-repeat:no-repeat;background-size:cover;background-position:50%;background-blend-mode:lighten}.portfolio-detail-area .portfolio-detail-header .detail-title{text-transform:uppercase}.portfolio-detail-area .portfolio-detail-header .detail-subtitle{margin-bottom:1.5rem}.portfolio-detail-area .masonry-grid{column-count:4;column-gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem 1rem 0}@media(max-width:1200px){.portfolio-detail-area .masonry-grid{column-count:3;column-gap:1.2rem}}@media(max-width:900px){.portfolio-detail-area .masonry-grid{column-count:2;column-gap:1rem}}@media(max-width:600px){.portfolio-detail-area .masonry-grid{column-count:1;column-gap:.7rem;padding:1rem .3rem 0}}.portfolio-detail-area .masonry-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08);margin-bottom:1.5rem;display:block;transition:box-shadow .2s,transform .2s;position:relative;break-inside:avoid}.portfolio-detail-area .masonry-item:hover{box-shadow:0 8px 32px rgba(212,175,55,.15);transform:translateY(-2px) scale(1.03)}.portfolio-detail-area .masonry-item img{width:100%;height:auto;object-fit:cover;display:block;transition:transform .3s}.portfolio-detail-area .masonry-item:hover img{transform:scale(1.05)}