.list[data-v-f7b3358d]{display:grid;grid-template-columns:1fr 1fr;margin-top:45vh;width:100%;padding-inline:5vw;-moz-column-gap:4rem;column-gap:4rem;row-gap:2rem;top:0;position:relative}.list.list-content[data-v-f7b3358d]{grid-template-columns:1fr;font-family:var(--ff-secondary);color:var(--clr-main)}.work-item[data-v-f7b3358d]{-webkit-transform:translateZ(0);float:left;position:relative;width:100%;cursor:pointer;height:clamp(400px,20vw,600px)}.work-item img[data-v-f7b3358d]{-o-object-fit:cover;object-fit:cover;transition:.5s opacity;-webkit-transform:translateZ(0);opacity:.7}.box-contents[data-v-f7b3358d]{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 0 50px rgba(var(--box-shadow));transition:.5s ease}.box-contents>.box-img[data-v-f7b3358d]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.box-contents .box-details[data-v-f7b3358d]{position:absolute;left:0;bottom:-1px;background:#000c;width:100%;padding:1rem;opacity:0;visibility:hidden;transition:all .5s ease-in;text-transform:uppercase;padding:1vw 2vw 2vw}.box-details[data-v-f7b3358d]>*{color:#fff;z-index:10}.box-details .box-subtitle[data-v-f7b3358d]{color:gray;text-transform:uppercase;margin-bottom:.5vw;transition:.1s all;font-size:1vw;font-family:var(--ff-secondary)}.box-details .box-title[data-v-f7b3358d]{color:#fff;text-transform:uppercase;letter-spacing:1px;transition:.1s all;font-size:1.4vw;font-family:var(--ff-secondary)}.work-item:hover .box-details[data-v-f7b3358d]{opacity:1;visibility:visible}.hover-point[data-v-f7b3358d]{position:absolute;z-index:2;width:calc(100% / 3);height:calc(100% / 3)}.hover-point[data-v-f7b3358d]:nth-child(1){top:0;left:0}.hover-point[data-v-f7b3358d]:nth-child(2){top:0;left:calc(100% / 3)}.hover-point[data-v-f7b3358d]:nth-child(3){top:0;right:0}.hover-point[data-v-f7b3358d]:nth-child(4){top:calc(100% / 3);left:0}.hover-point[data-v-f7b3358d]:nth-child(5){top:calc(100% / 3);right:0}.hover-point[data-v-f7b3358d]:nth-child(6){bottom:0;left:0}.hover-point[data-v-f7b3358d]:nth-child(7){bottom:0;left:calc(100% / 3)}.hover-point[data-v-f7b3358d]:nth-child(8){bottom:0;right:0}.hover-point:nth-child(1):hover~.box-contents[data-v-f7b3358d]{box-shadow:15px 15px 50px rgba(var(--box-shadow));transform-origin:right top;transform:perspective(5000px) rotateX(10deg) rotateY(-10deg) rotate(2deg)}.hover-point:nth-child(2):hover~.box-contents[data-v-f7b3358d]{box-shadow:0 15px 50px rgba(var(--box-shadow));transform-origin:center top;transform:perspective(5000px) rotateX(10deg)}.hover-point:nth-child(3):hover~.box-contents[data-v-f7b3358d]{box-shadow:-15px 15px 50px rgba(var(--box-shadow));transform-origin:left top;transform:perspective(5000px) rotateX(10deg) rotateY(10deg) rotate(-2deg)}.hover-point:nth-child(4):hover~.box-contents[data-v-f7b3358d]{box-shadow:15px 5px 50px rgba(var(--box-shadow));transform-origin:left center;transform:perspective(5000px) rotateY(-10deg)}.hover-point:nth-child(5):hover~.box-contents[data-v-f7b3358d]{box-shadow:-15px 5px 50px rgba(var(--box-shadow));transform-origin:right center;transform:perspective(5000px) rotateY(10deg)}.hover-point:nth-child(6):hover~.box-contents[data-v-f7b3358d]{box-shadow:15px -15px 50px rgba(var(--box-shadow));transform-origin:right bottom;transform:perspective(5000px) rotateX(-10deg) rotateY(-10deg) rotate(-2deg)}.hover-point:nth-child(7):hover~.box-contents[data-v-f7b3358d]{box-shadow:0 -15px 50px rgba(var(--box-shadow));transform-origin:center bottom;transform:perspective(5000px) rotateX(-10deg)}.hover-point:nth-child(8):hover~.box-contents[data-v-f7b3358d]{box-shadow:-15px -15px 50px rgba(var(--box-shadow));transform-origin:left bottom;transform:perspective(5000px) rotateX(-10deg) rotateY(10deg) rotate(2deg)}@media only screen and (max-width: 801px){.list[data-v-f7b3358d]{grid-template-columns:1fr;margin-top:25vh}.work-item[data-v-f7b3358d]{height:clamp(200px,45vw,400px)}}