:root{--color1:#fecd06;--color2:#5f6b9b;--color3:#11151c;--color4:#b3b6b7;--color5:#fdfff5}.work-video-desktop{max-width:100%;min-height:100%;vertical-align:middle;display:inline-block;-o-object-fit:cover;object-fit:cover}.grid-wrapper>div{display:flex;justify-content:center;align-items:center}.grid-wrapper>div>img,.grid-wrapper>div>video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.grid-wrapper{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit,minmax(20%,1fr));grid-auto-rows:300px;grid-auto-flow:dense}@media screen and (max-width:1600px){.grid-wrapper{grid-template-columns:repeat(auto-fit,minmax(20%,1fr))!important}}.grid-wrapper .wide{grid-column:span 2}.grid-wrapper .tall{grid-row:span 2}.grid-wrapper .big{grid-column:span 2;grid-row:span 2}#work-inner{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;grid-template-rows:masonry;grid-gap:.8em;gap:.8em}#work-inner .work-video-grid{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;max-width:100%}.work-video{z-index:60;cursor:pointer;transition:all .3s;border-radius:3px}.bg,.overlay{text-align:center}.overlay{transition:all .3s;border-radius:3px;color:var(--color5)}.bg{float:left;position:relative;margin:.5%}.bg,.bg video{width:100%;height:100%}.bg video{-o-object-fit:cover;object-fit:cover}.bg .overlay{position:absolute;top:0;left:0;bottom:0;width:100%;background:rgba(0,0,0,.2);color:var(--color5);opacity:0;z-index:40;display:flex;justify-content:center;align-items:center}.bg:hover .overlay{opacity:1}.bg:hover video{filter:blur(6px)}