.page-work-child.work-projects{padding:var(--padding-main-top,8rem) var(--gutter-xs,.2rem) var(--gutter-xs,.2rem);position:relative}@media(min-width:1180px){.page-work-child.work-projects{padding:var(--padding-main-top,8rem) 0 var(--gutter-xs,.2rem) 0}}@media(max-width:1179.98px){.page-work-child.work-projects{padding-top:var(--gutter-xs,.2rem);padding-bottom:var(--padding-main-bottom,6rem)}}.work-projects-container{display:grid;grid-template-columns:repeat(4,1fr);column-gap:var(--gutter-xs,.2rem);row-gap:var(--gutter-xs,.2rem);width:100%;height:fit-content;position:relative}@media(min-width:1920px){.work-projects-container{grid-template-columns:repeat(5,1fr)}}@media(max-width:1440.98px){.work-projects-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:1179.98px){.work-projects-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:767.98px){.work-projects-container{grid-template-columns:1fr}}.work-projects-container .project-card{position:relative}.work-projects-container .project-card.is-hidden{display:none}.is-flipping{pointer-events:none!important;transition:none!important}.project-card{display:block;position:relative;aspect-ratio:1.3333;overflow:hidden;user-select:none}.project-card .project-card-image{width:100%;height:100%;filter:grayscale(1);transform:translateZ(0);transition:filter var(--duration-default,.2s);will-change:filter}@media(max-width:1179.98px){.project-card .project-card-image{filter:none}}.project-card .project-card-image .image{width:100%;height:100%}.project-card .project-card-image .image img,.project-card .project-card-image .image video{height:100%!important;width:100%!important;object-fit:cover!important}.project-card .project-card-content{margin-top:1rem;display:block;text-transform:uppercase}.project-card .project-card-content .project-card-title-wrapper{display:inline;width:100%}.project-card .project-card-content .project-card-title{display:inline}.project-card .project-card-content .project-card-tags{display:inline;color:var(--color-grey-light,#b3b3b3)}.project-card .project-card-content .project-card-tags>*{position:relative;display:inline}.project-card .project-card-content .project-card-tags>:first-child:before,.project-card .project-card-content .project-card-tags>:not(:last-child):after{content:" / "}@media(hover:hover){.project-card:hover .project-card-image{filter:none}}.project-card.is-on-top .project-card-content{position:absolute;display:inline-flex;bottom:var(--gutter-xs,.2rem);left:var(--gutter-xs,.2rem);max-width:calc(100% - var(--gutter-xs, .2rem)*2);padding:.9rem 1rem .6rem;text-transform:uppercase;font-size:calc(var(--size-multiplier, 1)*var(--size-body, 1rem));line-height:1;background-color:var(--color-grey-button-bg,#efefef);color:var(--color-text,var(--color-grey,#7d7878));user-select:none;opacity:0;transition:opacity var(--duration-default,.2s);min-height:var(--button-height,2.7rem);align-items:center}.project-card.is-on-top .project-card-content .project-card-tags{display:none}@media(hover:hover){.project-card.is-on-top:hover .project-card-content{opacity:1}}@media(hover:none){.project-card.is-on-top .project-card-content{opacity:1}}.project-card.__is-on-top .project-card-content{position:absolute;display:inline-block;bottom:.1rem;left:0;margin:0;width:100%;padding-left:.1rem}.project-card.__is-on-top .project-card-content:before{content:"";position:absolute;left:-.2rem;top:-.1rem;width:.3rem;height:calc(100% + .2rem);display:block;background:var(--color-white,#fff)}.project-card.__is-on-top .project-card-content .project-card-title-wrapper{background-color:var(--color-white,#fff);padding-inline:0 var(--padding-button-right,1.5rem);border:0 solid var(--color-white,#fff);border-width:.2rem 0 .3rem}.media.image{position:relative}.media.image img,.media.image video{width:100%}.media.image img.lazyload:not(.lazypreload),.media.image img.lazyloaded:not(.lazypreload),.media.image img.lazyloading:not(.lazypreload),.media.image video.lazyload:not(.lazypreload),.media.image video.lazyloaded:not(.lazypreload),.media.image video.lazyloading:not(.lazypreload){transition:opacity var(--duration-long,.35s)}.media.image img.lazyload,.media.image img.lazyloading,.media.image video.lazyload,.media.image video.lazyloading{opacity:0}.media.image img.lazyloaded,.media.image video.lazyloaded{opacity:1}.media.image img.is-loaded,.media.image img.is-loading,.media.image video.is-loaded,.media.image video.is-loading{transition:opacity var(--duration-long,.35s)}.media.image img.is-loading,.media.image video.is-loading{opacity:0}