.project[data-v-0dd6c198]{background-color:var(--c-grey-1);margin-bottom:clamp(var(--h1),var(--vw,1vw) * 10,var(--vw,1vw) * 10);position:relative}.project[data-v-0dd6c198] .video-hls{aspect-ratio:16/9;height:100%}.project[data-v-0dd6c198] .video-hls img{transform:translateZ(0)}.project[data-v-0dd6c198]>figure{aspect-ratio:16/9;height:100%}.project .null[data-v-0dd6c198]{aspect-ratio:16/9;background-color:var(--c-black);height:100%}.project[data-v-0dd6c198] .button{bottom:var(--g-gap);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);pointer-events:none;position:absolute;right:var(--g-gap);transform:translateZ(0);width:calc(71.42857% - var(--g-gap) - var(--g-gap)/4)}.project .-gc[data-v-0dd6c198]{padding-top:calc(var(--g-gap)*1.5);position:absolute;row-gap:calc(var(--g-gap)/2);top:100%;width:100%}.project .-gc>span[data-v-0dd6c198]{color:var(--c-grey-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}.project .-gc .title[data-v-0dd6c198]{--width:12;color:var(--c-white)}.project .-gc .client[data-v-0dd6c198]{--top:2;--width:4}.project .-gc .tech[data-v-0dd6c198]{--top:2;--left:6;--width:5}.project .-gc .year[data-v-0dd6c198]{--top:2;--left:11;--width:2;text-align:right}div.project[data-v-0dd6c198]:after{border-bottom:var(--g-gap) solid var(--c-black);border-left:var(--g-gap) solid var(--c-black);border-right:var(--g-gap) solid var(--c-white);border-top:var(--g-gap) solid var(--c-white);bottom:0;content:"";display:block;left:0;position:absolute}@media (min-width:1024px){.project[data-v-0dd6c198]{margin-bottom:clamp(var(--h1),var(--vw,1vw) * 5,var(--vw,1vw) * 5)}.project[data-v-0dd6c198]>.video-hls img{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;opacity:1;transition:scale .6s var(--f-cubic),opacity .6s var(--f-cubic),-webkit-mask-size .6s var(--f-cubic);transition:scale .6s var(--f-cubic),mask-size .6s var(--f-cubic),opacity .6s var(--f-cubic);transition:scale .6s var(--f-cubic),mask-size .6s var(--f-cubic),opacity .6s var(--f-cubic),-webkit-mask-size .6s var(--f-cubic)}.project[data-v-0dd6c198]>.video-hls,.project[data-v-0dd6c198]>figure{opacity:1;transition:opacity 1.2s var(--f-cubic)}.project .-gc .title[data-v-0dd6c198]{--width:7}.project .-gc .client[data-v-0dd6c198]{--width:2}.project .-gc .tech[data-v-0dd6c198]{--left:3;--width:2}.project .-gc .year[data-v-0dd6c198]{--left:5;--width:1}.project.-ontop[data-v-0dd6c198]{margin-bottom:0;margin-top:clamp(var(--h1),var(--vw,1vw) * 5,var(--vw,1vw) * 5)}.project.-ontop .-gc[data-v-0dd6c198]{bottom:100%;padding-bottom:calc(var(--g-gap)/1);top:auto}.project.-ontop .-gc .title[data-v-0dd6c198]{--width:7}.project.-ontop .-gc .client[data-v-0dd6c198]{--width:2}.project.-ontop .-gc .tech[data-v-0dd6c198]{--left:3;--width:2}.project.-ontop .-gc .year[data-v-0dd6c198]{--left:5;--width:1}.project.-clicked[data-v-0dd6c198]>.video-hls img,.project[data-v-0dd6c198]:hover>.video-hls img{-webkit-mask-image:radial-gradient(circle at 50%,transparent,transparent 5%,#000 7%);mask-image:radial-gradient(circle at 50%,transparent,transparent 5%,#000 7%);-webkit-mask-size:2400%;mask-size:2400%;opacity:0;transition:scale 1.2s var(--f-cubic),opacity .6s var(--f-smooth),-webkit-mask-size 1.2s var(--f-cubic);transition:scale 1.2s var(--f-cubic),mask-size 1.2s var(--f-cubic),opacity .6s var(--f-smooth);transition:scale 1.2s var(--f-cubic),mask-size 1.2s var(--f-cubic),opacity .6s var(--f-smooth),-webkit-mask-size 1.2s var(--f-cubic)}.project.-clicked[data-v-0dd6c198] .button,.project[data-v-0dd6c198]:hover .button{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}div.project[data-v-0dd6c198]>.video-hls:after{background-color:var(--c-black);content:"";display:block;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle at 50%,transparent,transparent 5%,#000 7%);mask-image:radial-gradient(circle at 50%,transparent,transparent 5%,#000 7%);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2400%;mask-size:2400%;position:absolute;transition:scale 1.2s var(--f-cubic),opacity .6s var(--f-smooth),-webkit-mask-size 1.2s var(--f-cubic);transition:scale 1.2s var(--f-cubic),mask-size 1.2s var(--f-cubic),opacity .6s var(--f-smooth);transition:scale 1.2s var(--f-cubic),mask-size 1.2s var(--f-cubic),opacity .6s var(--f-smooth),-webkit-mask-size 1.2s var(--f-cubic);z-index:10}div.project[data-v-0dd6c198]>.video-hls img{transition:scale 1.2s var(--f-cubic),opacity .6s var(--f-smooth),-webkit-mask-size 1.2s var(--f-cubic);transition:scale 1.2s var(--f-cubic),mask-size 1.2s var(--f-cubic),opacity .6s var(--f-smooth);transition:scale 1.2s var(--f-cubic),mask-size 1.2s var(--f-cubic),opacity .6s var(--f-smooth),-webkit-mask-size 1.2s var(--f-cubic)}div.project[data-v-0dd6c198]:hover>.video-hls:after{-webkit-mask-size:1200%;mask-size:1200%}div.project[data-v-0dd6c198]:hover>.video-hls img{-webkit-mask-size:1200%;mask-size:1200%}}@media (min-width:1024px){.-w:has(.project:hover) .project>.video-hls[data-v-0dd6c198],.-w:has(.project:hover) .project>figure[data-v-0dd6c198]{opacity:.4;transition:opacity 1.8s var(--f-cubic)}.-w:has(.project:hover) .project:hover>.video-hls[data-v-0dd6c198],.-w:has(.project:hover) .project:hover>figure[data-v-0dd6c198]{opacity:1;transition:opacity .6s var(--f-cubic)}}@media (min-width:1024px){.cursor-project[data-v-0dd6c198]{transition:translate .6s var(--f-cubic),opacity .3s var(--f-fast)}.-t-project-name-enter-active[data-v-0dd6c198],.-t-project-name-leave-active[data-v-0dd6c198]{opacity:1;translate:0 0}.-t-project-name-enter-from[data-v-0dd6c198]{opacity:0;translate:0 var(--h6)}.-t-project-name-leave-to[data-v-0dd6c198]{opacity:0;translate:0 calc(var(--h6)*-1)}}