:root{--column:25vw;--gap:5px;--center:calc(100vw - (var(--column)*2) - (var(--spaceX)*2));--diff:calc(var(--center) - var(--column) - var(--mT))}section.layoutGridAnimationWrapper{place-content:center;align-items:center;gap:var(--gap);height:min-content;margin-block-start:var(--spaceX);margin-bottom:var(--spaceS);will-change:transform;flex-flow:row;flex:1 0 0;display:flex;position:relative;overflow:visible;transform:scale(.85)translateZ(0)}.gridAnimationwrap{aspect-ratio:1;width:100%;transition:transform .5s ease-in-out;transform:scale(.98)}.gridAnimationwrap:hover{z-index:3;filter:drop-shadow(2px 4px 6px var(--color-black));transform:scale(1.075)}.layoutGridAnimationItems:first-of-type,.layoutGridAnimationItems:nth-of-type(3){place-content:center;align-items:center;gap:var(--gap);flex-flow:column;flex:1 0 0;width:25vw;display:flex}.layoutGridAnimationItems:first-of-type .gridAnimationwrap,.layoutGridAnimationItems:nth-of-type(3) .gridAnimationwrap{height:var(--column)}.layoutGridAnimationItems:nth-of-type(2){place-content:center;align-items:center;gap:var(--gap);flex-flow:column;flex:1.2 0 0;height:min-content;display:flex;position:relative}@media only screen and (max-width:639px){section.layoutGridAnimationWrapper{padding-inline:var(--spaceX);flex-wrap:wrap;flex:auto;margin-bottom:3rem}.layoutGridAnimationItems:first-of-type,.layoutGridAnimationItems:nth-of-type(2),.layoutGridAnimationItems:nth-of-type(3){flex:none;width:100%}.layoutGridAnimationItems:nth-of-type(2){flex:auto}.layoutGridAnimationItems:first-of-type .gridAnimationwrap,.layoutGridAnimationItems:nth-of-type(3) .gridAnimationwrap{height:auto}}
.modal-overlay{z-index:100;opacity:0;pointer-events:none;cursor:pointer;background-color:#00000080;transition:opacity .4s ease-in-out}.modalVideoContainer{opacity:0;width:80%;transition:all .4s ease-in-out;top:50%;left:50%;transform:translate(-70%,-50%)}.modal-overlay.show{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition-delay:2s}.modalVideoContainer.show{z-index:101;pointer-events:auto;opacity:1;transition-delay:2s;transform:translate(-50%,-50%)}.modalVideoContainer-inner{background-color:var(--color-white);cursor:auto;border-radius:1rem;width:100%;min-width:33vw;height:80vh;margin:auto;position:relative}.closeModalVideo{background-color:var(--color-white);z-index:2147483647;width:3.1875rem;height:3.1875rem;bottom:calc(100% - 1px);right:calc(var(--spaceX) - 2rem);cursor:pointer;z-index:0;border-radius:.5rem .5rem 0 0;justify-content:center;align-items:center;display:flex;position:absolute}.closeModalVideo:before{content:"";-webkit-box-shadow:1rem 1rem var(--color-white);box-shadow:1rem 1rem var(--color-white);border-radius:.5rem;width:2rem;height:2rem;position:absolute;bottom:0;left:-2rem}.closeModalVideo:after{content:"";-webkit-box-shadow:1rem 1rem var(--color-white);box-shadow:1rem 1rem var(--color-white);border-radius:.5rem;width:2rem;height:2rem;position:absolute;bottom:0;right:-2rem;transform:scaleX(-1)}.closeModalVideo img{z-index:1;width:3.1875rem;height:3.1875rem}.modalVideoContainer .video_wrap{z-index:2;width:100%;height:100%;padding:.75rem}.modalVideoContainer video{object-fit:cover;background-color:#d9d9d9;border-radius:.75rem}@media only screen and (max-width:768px){.modalVideoContainer-inner{width:100%;min-width:auto;height:auto}.modalVideoContainer{width:85%}.modalVideoContainer .video_wrap{padding:.5rem}.closeModalVideo{right:calc(var(--spaceX) - -2rem);width:2.5rem;height:2.5rem}}@media only screen and (min-width:769px) and (max-width:1199px){.modalVideoContainer-inner{width:100%;height:auto}.closeModalVideo{right:calc(var(--spaceX) + 3rem);bottom:calc(100% - 1px)}}@media only screend and (min-width:1200px) and (max-width:1400px){.modalVideoContainer-inner{height:70vh}.modalVideoContainer{width:70%}}
:root{--column-slider:3;--gap-slider:1rem}article.slider-wrap{min-width:calc((100vw + 9px - var(--spaceX)*2 - calc(var(--column-slider)*var(--gap-slider)))/var(--column-slider));aspect-ratio:1}.sliderWrapper{gap:var(--gap-slider);scrollbar-width:none}.sliderWrapper::-webkit-scrollbar{display:none}.recentWorksWrapper{border-top:1px solid var(--border-color)}.arrow-wrap{width:1.75rem;height:1.75rem;position:relative;overflow:hidden}.arrow-wrap svg{-o-object-fit:contain;object-fit:contain;-o-transition:all .6s ease-in-out;will-change:transform;width:100%;height:100%;transition:all .6s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(0)}.arrow-wrap svg:last-child{top:100%;left:-50%;transform:translate(-100%)translateY(100%)translateZ(0)}.hover-wrap:hover svg:last-child{top:50%;left:50%;transform:translate(-50%,-50%)translateZ(0)}.hover-wrap:hover svg:first-child{top:-100%;left:100%;transform:translate(100%,-100%)translateZ(0)}@media only screen and (max-width:768px){:root{--column-slider:1;--gap-slider:.5rem}.arrow-wrap{width:1.45rem;height:1.45rem}}@media only screen and (min-width:640px) and (max-width:768px){:root{--column-slider:2;--gap-slider:.75rem}}@media only screen and (min-width:769px) and (max-width:1199px){:root{--column-slider:3;--gap-slider:.75rem}.recentWorksContainer .title{padding-bottom:1.5rem}.recentWorksWrapper{padding-top:1.5rem}.arrow-wrap{width:1.5rem;height:1.5rem}}@media only screen and (min-width:1200px) and (max-width:1400px){.arrow-wrap{width:1.45rem;height:1.45rem}}@media only screen and (min-width:1401px) and (max-width:1700px){.arrow-wrap{width:1.5rem;height:1.5rem}}