.hex-portfolio{--hex-w:17vw;--overlap-y:100px;display:grid;grid-template-columns:repeat(5,var(--hex-w));justify-content:center;column-gap:0;row-gap:calc(var(--overlap-y) * -1)!important;margin:0 auto;padding:300px 20px 80px}.hex-item{transform:scale(1.3)!important;position:relative;width:var(--hex-w);aspect-ratio:1 / 1.15;height:14vw!important;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);overflow:hidden;text-decoration:none;background:#666}.hex-item:nth-child(1),.hex-item:nth-child(3),.hex-item:nth-child(5),.hex-item:nth-child(6),.hex-item:nth-child(8){margin-top:-9.3vw}.hex-item:nth-child(2),.hex-item:nth-child(4),.hex-item:nth-child(6),.hex-item:nth-child(8),.hex-item:nth-child(10){margin-bottom:4.7vw}.hex-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .45s ease}.hex-overlay{position:absolute;inset:0;background:rgba(0,0,0,.38)}.hex-item h3{transform:scale(1)!important;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;color:#fff;font-size:12px;font-weight:300;text-transform:uppercase;z-index:2}.hex-item:hover .hex-bg{transform:scale(1.08)}@media (max-width:768px){.hex-portfolio{--hex-w:140px;grid-template-columns:repeat(2,var(--hex-w));padding:100px 10px 60px;row-gap:-40px!important}.hex-item{transform:scale(1.3)!important;height:130px!important}.hex-item:nth-child(2),.hex-item:nth-child(4),.hex-item:nth-child(6),.hex-item:nth-child(8),.hex-item:nth-child(10){margin-top:-4px!important}.hex-item:nth-child(1),.hex-item:nth-child(3),.hex-item:nth-child(5),.hex-item:nth-child(7),.hex-item:nth-child(9){margin-top:-90px!important}.hex-item h3{font-size:11px;padding:12px}}