@keyframes SSPopupWrap{0%{opacity:0}to{opacity:1}}.template-project{position:relative}.template-project .overview-row .overview-container{align-items:center;display:flex;flex-wrap:wrap;padding:50px 0;position:relative}.template-project .overview-row .overview-container .arrow{height:100%;left:-15px;opacity:0;overflow:hidden;position:absolute;top:0;transform:translateX(-200px);transition:transform .4s ease 0s,opacity .4s ease 0s;width:calc(100% + 30px);z-index:1}.template-project .overview-row .overview-container .arrow:before{background-color:#f2f3f5;content:"";height:100%;position:absolute;top:0;transform:rotate(45deg);transform-origin:top left;width:1500px}.template-project .overview-row .overview-container .arrow:after{background-color:#f2f3f5;content:"";height:100%;position:absolute;top:0;width:40%}.template-project .overview-row .overview-container .overview-content-panel{opacity:0;order:2;padding:30px 0 0;position:relative;transform:translateY(200px);transition:transform .4s ease .8s,opacity .4s ease .8s;width:100%;z-index:2}.template-project .overview-row .overview-container .overview-details{color:#fff;font-size:1.25rem;order:1;overflow:hidden;padding:3.125rem 1.875rem 2.5rem;position:relative;width:100%;z-index:2}.template-project .overview-row .overview-container .overview-details:before{background-color:#051445;content:"";display:block;height:100%;position:absolute;right:0;top:0;transition-delay:.5s;transition:width .4s ease .2s;width:0;z-index:1}.template-project .overview-row .overview-container .overview-details:after{background-color:hsla(0,0%,100%,.1);content:"";height:100%;left:0;-webkit-mask-image:url(/images/project-overview-mask.svg);mask-image:url(/images/project-overview-mask.svg);-webkit-mask-position:left center;mask-position:left center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;opacity:0;position:absolute;top:0;transform:translateX(200px);transition:transform .4s ease .5s,opacity .4s ease .5s;width:100%;z-index:2}.template-project .overview-row .overview-container .overview-details h4{color:#b5338a;font-size:1.25rem;opacity:0;position:relative;text-transform:uppercase;transform:translateY(200px);transition:transform .4s ease .8s,opacity .4s ease .8s;z-index:5}.template-project .overview-row .overview-container .overview-details .overview-items{position:relative;z-index:5}.template-project .overview-row .overview-container .overview-details .overview-items .overview-item{margin:0 0 1.25em;opacity:0;transform:translateY(100px);transition:transform calc(var(--ani-order)*.4s) ease .8s,opacity calc(var(--ani-order)*.4s) ease .8s}.template-project .overview-row .overview-container .overview-details .overview-items .overview-item .overview-item-title{display:block;font-weight:400;margin:0 0 5px}.template-project .overview-row .overview-container .overview-details .overview-items .overview-item .overview-item-value{display:block;font-weight:600}.template-project .overview-row.reveal .overview-container .arrow,.template-project .overview-row.reveal .overview-container .overview-content-panel{opacity:1;transform:none}.template-project .overview-row.reveal .overview-container .overview-details:before{width:100%}.template-project .overview-row.reveal .overview-container .overview-details .overview-item,.template-project .overview-row.reveal .overview-container .overview-details .overview-item .overview-item-title,.template-project .overview-row.reveal .overview-container .overview-details .overview-item .overview-item-value,.template-project .overview-row.reveal .overview-container .overview-details h4,.template-project .overview-row.reveal .overview-container .overview-details:after{opacity:1;transform:none}.template-project .relatedprojects-row .row-headlink h3{color:#051445;opacity:0;text-transform:uppercase;transform:translateX(-200px);transition:opacity 1s ease,transform 1s ease;transition-delay:0ms}.template-project .relatedprojects-row .project-item-wrap{opacity:0;transform:translateY(200px);transition:opacity 1s ease,transform 1s ease;transition-delay:.1s}.template-project .relatedprojects-row.reveal .project-item-wrap,.template-project .relatedprojects-row.reveal .row-headlink h3{opacity:1;transform:none}@media (min-width:576px){.template-project .relatedprojects-row .project-item-wrap:nth-child(2n){transition-delay:.2s}}@media (min-width:768px){.template-project .overview-row .overview-container .overview-content-panel{order:1;padding:0 70px;width:50%}.template-project .overview-row .overview-container .overview-details{order:2;padding:3.75rem 3.75rem 2.5rem;width:50%}.template-project .overview-row .overview-container .overview-details:after{-webkit-mask-position:right center;mask-position:right center;-webkit-mask-size:contain;mask-size:contain}.template-project .overview-row .overview-container .overview-details .overview-items{position:relative;z-index:5}.template-project .overview-row .overview-container .overview-details .overview-items .overview-item{display:flex;margin:0 0 1.25em}.template-project .overview-row .overview-container .overview-details .overview-items .overview-item .overview-item-title{flex:0 0 30%;margin:0}.template-project .overview-row .overview-container .arrow{left:0;width:100%}.template-project .overview-row .overview-container .arrow:before{left:50%}.template-project .overview-row .overview-container .arrow:after{width:50%}}.project-item-wrap{margin:0 0 3.75rem;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}.project-item-wrap .project-item .project-item-img{margin:0 0 1.25rem;overflow:hidden;padding:75% 0 0;position:relative;width:100%}.project-item-wrap .project-item .project-item-img img{height:100%;left:0;position:absolute;top:0;transition:transform .2s linear;width:100%}.project-item-wrap .project-item .project-meta{background-color:#051445;bottom:0;color:#fff;display:flex;font-size:.75rem;font-weight:700;left:0;padding:25px 25px 20px;position:absolute;text-transform:uppercase;z-index:5}.project-item-wrap .project-item .project-meta:after{background-color:#051445;content:"";height:100%;left:100%;position:absolute;top:0;transform:rotate(45deg);transform-origin:top left;width:25%;z-index:-1}.project-item-wrap .project-item h3{color:#051445;font-size:1.625rem;margin:0 0 1.25rem;text-decoration:none}.project-item-wrap .project-item .project-tagline{color:rgba(5,20,69,.5);font-size:.75rem;font-weight:700;text-transform:uppercase}.project-item-wrap .project-item:hover{text-decoration:none}.project-item-wrap .project-item:hover .project-item-img img{transform:scale(1.1)}@media (min-width:576px){.project-item-wrap{width:50%}}