@keyframes bounceIn{0%{transform:translate(180px,180px) scale(.8)}60%{transform:translate(-10px,-10px) scale(1.05)}80%{transform:translate(5px,5px) scale(.98)}to{transform:translate(0) scale(1)}}.portfolio-section .masonry-grid{display:grid;grid-gap:1rem;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(17,1fr)}.portfolio-section .rounded-btn{max-width:100%}.masonry-box{border-radius:32px;height:100%;margin-top:0;overflow:hidden;position:relative;width:100%;z-index:1}.masonry-box:not(:first-child):not(:nth-child(7)){border:1px solid #cdcdcd}.masonry-box:first-child{grid-area:1/1/5/5}.masonry-box:nth-child(2){grid-area:1/5/5/13}.masonry-box:nth-child(3){grid-area:5/1/11/5}.masonry-box:nth-child(4){grid-area:5/5/13/13}.masonry-box:nth-child(5){grid-area:11/1/17/5}.masonry-box:nth-child(6){grid-area:13/5/18/13}.masonry-box:nth-child(7){grid-area:17/1/18/5}.masonry-box h2{font-weight:800;max-width:80%}.masonry-box .box{height:100%;width:100%}.masonry-box .box:before{padding-top:40%}.masonry-box .banner-caption{align-items:center;backdrop-filter:blur(24px);background:rgba(0,0,0,.6);border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transform:translate(180px,180px) scale(.8);transition:opacity .2s ease;width:101%;z-index:3}.masonry-box .banner-caption .cardText{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;width:100%}.masonry-box .banner-caption a{align-items:flex-start;border-bottom:0;bottom:0;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-start;justify-content:center;left:0;margin:auto;padding:36px;position:absolute;top:0;width:100%;z-index:5}.masonry-box .banner-caption a:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.masonry-box .banner-caption a h3{color:#fff;font-size:3rem;font-weight:400;line-height:3.5rem;word-break:keep-all}.masonry-box .banner-caption a h3 span{font-style:italic;font-weight:800;margin-right:10px}.masonry-box .banner-caption .round-arrow-btn{border:1px solid #000}.masonry-box .banner-caption .round-arrow-btn:hover{border-color:#fff}.masonry-box:hover .banner-caption{animation:bounceIn .5s ease-out forwards;opacity:1}.masonry-box iframe,.masonry-box picture{display:block;height:100%;width:100%}.masonry-box img{-o-object-fit:cover;object-fit:cover}@media only screen and (max-width:1280px){.portfolio-section.page .masonry-box .banner-caption a h3{font-size:2rem;line-height:2.5rem}.round-arrow-btn{height:35px;width:35px}}@media only screen and (max-width:1024px){.masonry-box .banner-caption h3{font-size:3.3rem;line-height:3.7rem}.masonry-box .banner-caption .round-arrow-btn{height:35px;vertical-align:middle;width:35px}.masonry-box:first-child{grid-area:1/1/5/7}.masonry-box:nth-child(2){grid-area:1/7/5/13}.masonry-box:nth-child(3){grid-area:5/1/11/7}.masonry-box:nth-child(4){grid-area:5/7/13/13}.masonry-box:nth-child(5){grid-area:11/1/17/7}.masonry-box:nth-child(6){grid-area:13/7/18/13}.masonry-box:nth-child(7){grid-area:17/1/18/7}}@media only screen and (max-width:920px){.masonry-box .banner-caption .cardText{margin:24px}}@media only screen and (max-width:880px){.masonry-box .banner-caption{backdrop-filter:blur(6px)}.masonry-box .banner-caption .cardText{align-items:center;flex-direction:row;gap:16px;height:auto;justify-content:space-between;margin:0;max-width:100%;width:100%}.masonry-box .banner-caption .round-arrow-btn{flex-shrink:0}.masonry-box .banner-caption a h3{font-size:18px;line-height:normal;margin:0}.masonry-box .banner-caption a h3 span{font-size:18px;line-height:normal;margin:0 5px 0 0}.masonry-box .banner-caption a{align-items:center;flex-direction:row;justify-content:space-between;padding:20px;position:sticky}.masonry-box .banner-caption,.masonry-box .banner-caption a{bottom:0;max-height:-moz-fit-content;max-height:fit-content;top:auto;width:100%}.masonry-grid .masonry-box .banner-caption{animation:none;opacity:1;transform:none}.masonry-grid .masonry-box{margin-top:0}}@media only screen and (max-width:768px){.masonry-box .banner-caption a{display:inline-block!important;vertical-align:middle}.masonry-box .banner-caption a h3{display:inline-block;vertical-align:middle;width:calc(100% - 40px)}.masonry-box .banner-caption .round-arrow-btn{display:inline-block;height:35px;vertical-align:middle;width:35px}}@media only screen and (max-width:640px){.portfolio-section .masonry-grid{grid-template-columns:1fr;grid-template-rows:auto}.portfolio-section .masonry-grid .masonry-box{grid-area:auto!important}.portfolio-section .masonry-grid .masonry-box .box:before{padding-top:100%}.portfolio-section .masonry-grid .masonry-box h2{margin-bottom:8px;margin-top:0;max-width:100%}.portfolio-section .masonry-grid .masonry-box h2 br{display:none}}@media only screen and (max-width:480px){.portfolio-section .masonry-grid .masonry-box .box:before{padding-top:456px}}