.block-work[data-v-0c2ecc49]{--title-size:20px;--fine-print-size:12px;--cta-size:16px;--play-size:48px;--marker-size:12px;cursor:pointer;opacity:0;transform:translateY(100px);transition:opacity .6s var(--easing-authentic-motion),transform .8s var(--easing-authentic-motion)}.block-work .image[data-v-0c2ecc49]{aspect-ratio:16/9;margin:0 0 20px;position:relative;transition:transform .4s var(--easing-authentic-motion),opacity .4s var(--easing-authentic-motion)}.block-work .overlay[data-v-0c2ecc49]{align-items:center;background-color:color-mix(in srgb,var(--color-black) 40%,transparent);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;position:absolute;transition:opacity .4s var(--easing-authentic-motion);z-index:70}.block-work .view-project[data-v-0c2ecc49]{color:var(--color-white);font-family:var(--font-primary);font-size:var(--cta-size);font-weight:700;line-height:1.1}.block-work .icon-play[data-v-0c2ecc49]{flex-shrink:0;height:auto;width:var(--play-size)}.block-work .icon-play[data-v-0c2ecc49] path{fill:var(--color-red)}.block-work .meta[data-v-0c2ecc49]{display:flex;flex-direction:column;gap:4px;transition:transform 1s var(--easing-authentic-motion),opacity .6s var(--easing-authentic-motion)}.block-work .headline[data-v-0c2ecc49]{align-items:flex-start;color:var(--color-white);display:flex;flex-direction:column;font-family:var(--font-primary);font-size:var(--title-size);font-weight:700;gap:8px;line-height:1.2;margin:0}.block-work .marker[data-v-0c2ecc49]{background-color:var(--color-red);flex-shrink:0;height:var(--marker-size);width:var(--marker-size)}.block-work .title[data-v-0c2ecc49] span{font-weight:400}.block-work .credits[data-v-0c2ecc49]{align-items:center;color:var(--color-white);display:flex;flex-wrap:wrap;font-family:var(--font-primary);font-size:var(--fine-print-size);font-weight:400;gap:10px;line-height:1.2}.block-work .dash[data-v-0c2ecc49]{background-color:var(--color-white);flex-shrink:0;height:12px;width:1px}.block-work .hidden[data-v-0c2ecc49]{display:none}.block-work.has-entered[data-v-0c2ecc49]{opacity:1;transform:translateY(0)}.block-work.move-image[data-v-0c2ecc49],.block-work.move-text .meta[data-v-0c2ecc49]{opacity:0;transform:translateY(50vh)}@media (hover:hover){.block-work:hover .overlay[data-v-0c2ecc49]{opacity:1}}@media only screen and (max-width:1024px){.block-work[data-v-0c2ecc49]{--title-size:18px}}