.portfolio-collage{padding:clamp(16px,2.5vw,48px);padding-top:clamp(32px,5vw,80px);padding-bottom:clamp(32px,5vw,80px);max-width:1440px;margin:0 auto;background:#fafaf8}.portfolio-masonry{-moz-columns:3;columns:3;-moz-column-gap:clamp(12px,1.5vw,22px);column-gap:clamp(12px,1.5vw,22px)}.portfolio-photo{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:clamp(12px,1.5vw,22px);overflow:hidden;border-radius:2px}.portfolio-photo img{display:block;width:100%;height:auto;background:#f0ede8;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1)}@media (hover: hover){.portfolio-photo{transition:box-shadow .6s cubic-bezier(.16,1,.3,1)}.portfolio-photo:hover{box-shadow:0 8px 40px #0000001a}.portfolio-photo:hover img{transform:scale(1.02);filter:brightness(1.04)}}@media (min-width: 1024px){.portfolio-masonry{-moz-columns:3;columns:3;-moz-column-gap:22px;column-gap:22px}.portfolio-photo{margin-bottom:22px}.portfolio-photo:nth-child(5n){margin-bottom:38px}.portfolio-photo:nth-child(8n+3){margin-bottom:14px}.portfolio-photo:nth-child(13n){margin-bottom:42px}}@media (max-width: 1023px) and (min-width: 600px){.portfolio-masonry{-moz-columns:2;columns:2;-moz-column-gap:16px;column-gap:16px}.portfolio-photo{margin-bottom:16px}.portfolio-photo:nth-child(7n){margin-bottom:28px}}@media (max-width: 599px){.portfolio-collage{padding:20px 10px 28px}.portfolio-masonry{-moz-columns:unset;columns:unset;display:flex;flex-wrap:wrap;gap:10px}.portfolio-photo{flex:1 1 100%;margin-bottom:0;-moz-column-break-inside:auto;break-inside:auto}.portfolio-photo.pair{flex:1 1 calc(50% - 5px);max-width:calc(50% - 5px)}.portfolio-photo:nth-child(7n+3){margin-top:8px}}