.block-work[data-v-eea18a33]{position:relative}.block-work .hover-container[data-v-eea18a33]{clip-path:inset(0 0 0 0);opacity:0;overflow:hidden;transition:clip-path .4s var(--easing-authentic-motion),opacity .4s var(--easing-authentic-motion)}.block-work .metadata[data-v-eea18a33]{bottom:0;box-sizing:border-box;left:0;padding:30px 40px;position:absolute;transform:translateY(100%);transition:transform .4s var(--easing-authentic-motion);width:100%;z-index:50}.block-work .metadata[data-v-eea18a33]:after{background:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 50%,rgba(0,0,0,.73));bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;width:100%;z-index:0}.block-work .title[data-v-eea18a33]{color:var(--color-white);display:flex;flex-direction:column;font-size:16px;margin:0;position:relative;text-transform:uppercase;z-index:10}.block-work .credits[data-v-eea18a33],.block-work .type[data-v-eea18a33]{color:var(--color-white);font-size:14px;margin-top:7px;position:relative;z-index:10}.block-work.fixed-ratio[data-v-eea18a33]{aspect-ratio:16/9}.block-work.fixed-ratio .hover-container[data-v-eea18a33],.block-work.fixed-ratio .image[data-v-eea18a33]{height:100%}.block-work.has-entered .hover-container[data-v-eea18a33]{opacity:1}@media (hover:hover){.block-work:hover .hover-container[data-v-eea18a33]{clip-path:inset(12px 12px 12px 12px)}.block-work:hover .metadata[data-v-eea18a33]{transform:translateY(0)}}@media only screen and (max-width:850px){.block-work .metadata[data-v-eea18a33]{padding:12px;transform:translateY(0)}.block-work .title[data-v-eea18a33] .line-1{font-size:16px}.block-work .title[data-v-eea18a33] .line-2{font-size:14px}}.grid-masonry[data-v-95d45196]{padding:0;position:relative}.grid-work[data-v-d961cb2a]{--columns:2;--col-gap:24px;--row-gap:24px;--gutters:48px;box-sizing:border-box;margin:0 auto;max-width:1800px;padding:0 var(--gutters)}.grid-work[data-v-d961cb2a] .block,.grid-work[data-v-d961cb2a] .grid-sizer{--total-gutters:calc(var(--columns)*var(--col-gap) - var(--col-gap));width:calc(100%/var(--columns) - var(--total-gutters)/var(--columns))}.grid-work .block[data-v-d961cb2a]{margin-bottom:var(--row-gap)}.grid-work[data-v-d961cb2a] .gutter-sizer{width:var(--col-gap)}@media only screen and (min-width:1800px){.grid-work[data-v-d961cb2a]{--columns:3}}@media only screen and (max-width:850px){.grid-work[data-v-d961cb2a]{--columns:1;--gutters:12px;--row-gap:12px}}
