/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/templates/home.scss ***!
  \************************************************************************************************************************************************************************************************************/
@font-face{font-display:auto;font-family:Bovino;font-style:normal;font-weight:400;src:url(https://weareclay.studio/wp-content/themes/clay/static/fonts/Bovino/Bovino-Regular.woff2) format("woff2"),url(https://weareclay.studio/wp-content/themes/clay/static/fonts/Bovino/Bovino-Regular.woff) format("woff"),url(https://weareclay.studio/wp-content/themes/clay/static/fonts/Bovino/Bovino-Regular.ttf) format("truetype")}#projects{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.projects{opacity:1;padding:9.60938vw 0;position:relative;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;width:58.59375vw}@media (max-width:1024px){.projects{width:73.24219vw}}@media (max-width:767px) and (orientation:portrait){.projects{width:100vw}}@media (max-width:767px) and (orientation:landscape){.projects{width:50vw}}@media (max-width:1024px){.projects{padding:12.01172vw 0}}@media (max-width:767px) and (orientation:portrait){.projects{padding:16vw 0}}@media (max-width:767px) and (orientation:landscape){.projects{padding:8vw 0}}.projects .project{height:35.15625vw;position:relative;width:29.29688vw}@media (max-width:1024px){.projects .project{width:36.62109vw}}@media (max-width:767px) and (orientation:portrait){.projects .project{width:49.86667vw}}@media (max-width:767px) and (orientation:landscape){.projects .project{width:24.93333vw}}@media (max-width:1024px){.projects .project{height:43.94531vw}}@media (max-width:767px) and (orientation:portrait){.projects .project{height:60vw}}@media (max-width:767px) and (orientation:landscape){.projects .project{height:30vw}}.projects .project .effect{-webkit-filter:blur(0);filter:blur(0);height:100%;left:0;opacity:1;position:absolute;top:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .7s ease,-webkit-filter .2s ease,-webkit-transform .5s ease;transition:opacity .7s ease,-webkit-filter .2s ease,-webkit-transform .5s ease;transition:opacity .7s ease,filter .2s ease,transform .5s ease;transition:opacity .7s ease,filter .2s ease,transform .5s ease,-webkit-filter .2s ease,-webkit-transform .5s ease;width:100%}.projects .project .effect.vanish{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:scale(.6,1.4) translate3d(0,-15.625vw,0);transform:scale(.6,1.4) translate3d(0,-15.625vw,0)}.projects .project .shape{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:9}.projects .project .shape img{-o-object-fit:contain;object-fit:contain}.projects .project .link{position:absolute}@media (max-width:767px){.projects .project .link{height:100%!important;left:0!important;top:0!important;width:100%!important}}.projects .project .link .rollover{height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;width:100%}.projects .project .link .rollover .image{border-radius:31.25vw;height:23.20312vw;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:15.46875vw}@media (max-width:1024px){.projects .project .link .rollover .image{width:19.33594vw}}@media (max-width:767px) and (orientation:portrait){.projects .project .link .rollover .image{width:52.8vw}}@media (max-width:767px) and (orientation:landscape){.projects .project .link .rollover .image{width:26.4vw}}@media (max-width:1024px){.projects .project .link .rollover .image{height:29.00391vw}}@media (max-width:767px) and (orientation:portrait){.projects .project .link .rollover .image{height:79.2vw}}@media (max-width:767px) and (orientation:landscape){.projects .project .link .rollover .image{height:39.6vw}}@media (max-width:1024px){.projects .project .link .rollover .image{border-radius:39.0625vw}}@media (max-width:767px) and (orientation:portrait){.projects .project .link .rollover .image{border-radius:106.66667vw}}@media (max-width:767px) and (orientation:landscape){.projects .project .link .rollover .image{border-radius:53.33333vw}}.projects .project .link .rollover .image img{-o-object-fit:cover;object-fit:cover}.projects .project .link:hover .rollover{opacity:1}.projects .project .link:hover+.thumbnail{opacity:0}.projects .project .thumbnail{opacity:1;pointer-events:none;position:relative;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.projects .project .thumbnail img{-o-object-fit:contain;object-fit:contain}.projects .project img{height:100%;-o-object-position:center;object-position:center;width:100%}.projects .project.gap{height:31.25vw;margin-top:-15.3125vw;pointer-events:none}@media (max-width:1024px){.projects .project.gap{height:39.0625vw}}@media (max-width:767px) and (orientation:portrait){.projects .project.gap{height:106.66667vw}}@media (max-width:767px) and (orientation:landscape){.projects .project.gap{height:53.33333vw}}@media (max-width:1024px){.projects .project.gap{margin-top:-19.14062vw}}@media (max-width:767px) and (orientation:portrait){.projects .project.gap{margin-top:-52.26667vw}}@media (max-width:767px) and (orientation:landscape){.projects .project.gap{margin-top:-26.13333vw}}.page-template-landing .projects,.projects .project.hide{display:none}.single-project .projects{padding-top:0}.projects.fade-out{opacity:0}.main__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}canvas{height:100%;left:0;mix-blend-mode:exclusion;pointer-events:none;position:fixed;top:0;width:100%;z-index:99}