:root{--project-grid-width:2560px}.project-category-bar{height:var(--header-bar-width);z-index:8;width:var(--project-grid-width);background-color:#fff;justify-content:center;align-items:center;max-width:100%;display:flex;position:relative}.project-grid{--columns:3;--gutter:15px;--width:var(--project-grid-width);--item-base-size:calc(var(--width) / var(--columns));width:var(--width);grid-gap:var(--gutter);margin-bottom:var(--gutter);grid-template-columns:1fr;max-width:100%;display:grid}@media(min-width:768px){.project-grid{--gutter:25px;grid-template-columns:repeat(var(--columns),1fr)}}.project-grid .project{--size-x:1;--size-y:1;grid-column:span var(--size-x);grid-row:span var(--size-y);box-sizing:border-box;background-color:#eae7e0;position:relative}.project-grid .project img{opacity:0;transition:opacity.5s}.project-grid .project img.loaded{opacity:1}.project-grid .project .mobile-image{display:none}@media(max-width:767px){.project-grid .project .mobile-image{display:block}}.project-grid .project .desktop-image{display:none}@media(min-width:768px){.project-grid .project .desktop-image{display:block}}.project-grid .project:hover .overlay{opacity:1}.project-grid .project img{object-fit:cover;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%}.project-grid .project .image-placeholder{aspect-ratio:var(--size-x)/var(--size-y);background-color:#e8e2df;display:block}.project-grid .project .overlay{--padding:clamp(15px, 2.86vw, 55px);color:#fff;z-index:1;opacity:0;padding:var(--padding);background-color:#0009;transition:opacity.2s ease-in;position:absolute;top:0;bottom:0;left:0;right:0}@media(max-width:767px){.project-grid .project .overlay{text-align:center;justify-content:center;align-items:center;display:flex}}@media(min-width:768px){.project-grid .project .overlay .content{top:calc(var(--padding) + var(--sticky-offset));position:sticky}}.project-grid .project .overlay .content>:first-child{margin-top:0}.project-grid .project .overlay .content>:last-child{margin-bottom:0}.project-grid .project .overlay .content h1,.project-grid .project .overlay .content .h1,.project-grid .project .overlay .content h2,.project-grid .project .overlay .content .h2,.project-grid .project .overlay .content h3,.project-grid .project .overlay .content .h3,.project-grid .project .overlay .content h4,.project-grid .project .overlay .content .h4,.project-grid .project .overlay .content h5,.project-grid .project .overlay .content .h5,.project-grid .project .overlay .content h6,.project-grid .project .overlay .content .h6{margin-top:.25em;margin-bottom:.25em}.project-grid .project .overlay .content h2,.project-grid .project .overlay .content .h2{font-weight:300}.project-grid .project .overlay .content h3,.project-grid .project .overlay .content .h3{font-size:1.111rem}@media(min-width:768px){.project-grid .project.size-2x1{--size-x:2}.project-grid .project.size-1x2{--size-y:2}.project-grid .project.size-2x2{--size-x:2;--size-y:2}}
/*# sourceMappingURL=css-wpce--project-grid.css.map*/