.case-studies-component-grid,.case-studies-component-grid.is-admin{margin-bottom:calc(-26.69971px + 15.91992vw);position:relative;width:100%}@media screen and (min-width:1424px){.case-studies-component-grid,.case-studies-component-grid.is-admin{margin-bottom:200px}}@media screen and (max-width:767px){.case-studies-component-grid .columns,.case-studies-component-grid.is-admin .columns{flex-direction:column!important}}.case-studies-component-grid .column,.case-studies-component-grid.is-admin .column{margin-bottom:var(--gutter);margin-top:var(--gutter)}.case-studies-component-grid .box-ux-prodigy,.case-studies-component-grid.is-admin .box-ux-prodigy{background-color:var(--unnamed-color-ffffff);border-radius:16px;min-height:calc(286.75405px + 8.86559vw);transition:transform .6s ease-in-out}.case-studies-component-grid .box-ux-prodigy:hover,.case-studies-component-grid.is-admin .box-ux-prodigy:hover{transform:scale(1.01)}@media screen and (max-width:1023px){.case-studies-component-grid .box-ux-prodigy,.case-studies-component-grid.is-admin .box-ux-prodigy{height:calc(286.75405px + 8.86559vw)}}@media screen and (min-width:1023px){.case-studies-component-grid .box-ux-prodigy,.case-studies-component-grid.is-admin .box-ux-prodigy{aspect-ratio:448/413;max-width:448px;min-height:413px}}.case-studies-component-grid .box-ux-prodigy a,.case-studies-component-grid.is-admin .box-ux-prodigy a{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:calc(19.14013px + .76263vw) calc(10.99523px + 1.3346vw);width:100%}@media screen and (min-width:1424px){.case-studies-component-grid .box-ux-prodigy a,.case-studies-component-grid.is-admin .box-ux-prodigy a{padding:30px}}.case-studies-component-grid .box-ux-prodigy a .ux-logo,.case-studies-component-grid.is-admin .box-ux-prodigy a .ux-logo{margin-bottom:12px}.case-studies-component-grid .box-ux-prodigy a h3,.case-studies-component-grid.is-admin .box-ux-prodigy a h3{color:var(--unnamed-color-031c1c);margin-bottom:6px}.case-studies-component-grid .box-ux-prodigy a h3,.case-studies-component-grid .box-ux-prodigy a p,.case-studies-component-grid.is-admin .box-ux-prodigy a h3,.case-studies-component-grid.is-admin .box-ux-prodigy a p{font-family:var(--unnamed-font-family-outfit);font-size:clamp(24px,24px + (10)*(100vw - 375px)/(1049),34px);font-style:normal;font-weight:700;letter-spacing:var(--unnamed-character-spacing-0);line-height:clamp(28px,28px + (12)*(100vw - 375px)/(1049),40px);max-width:330px}.case-studies-component-grid .box-ux-prodigy a p,.case-studies-component-grid.is-admin .box-ux-prodigy a p{color:#506084;opacity:0;transition:opacity .6s ease-in-out}.case-studies-component-grid .box-ux-prodigy a:hover p,.case-studies-component-grid.is-admin .box-ux-prodigy a:hover p{opacity:1}.case-studies-component-grid .box-ux-prodigy a:hover .text-cta:after,.case-studies-component-grid.is-admin .box-ux-prodigy a:hover .text-cta:after{color:var(--unnamed-color-031c1c)}.case-studies-component-grid .box,.case-studies-component-grid.is-admin .box{background:var(--bgImage) center/cover no-repeat;border-radius:16px;height:calc(324.15634px + 36.22498vw);min-height:460px;position:relative}@media screen and (min-width:1424px){.case-studies-component-grid .box,.case-studies-component-grid.is-admin .box{height:840px}}.case-studies-component-grid .box img.bgrd-image,.case-studies-component-grid .box video,.case-studies-component-grid.is-admin .box img.bgrd-image,.case-studies-component-grid.is-admin .box video{border-radius:16px;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.case-studies-component-grid .box:after,.case-studies-component-grid .box:before,.case-studies-component-grid.is-admin .box:after,.case-studies-component-grid.is-admin .box:before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:1}.case-studies-component-grid .box:before,.case-studies-component-grid.is-admin .box:before{background:linear-gradient(180deg,rgba(0,0,0,.7) 10%,transparent 40%);opacity:1}.case-studies-component-grid .box:after,.case-studies-component-grid.is-admin .box:after{background:linear-gradient(180deg,rgba(0,0,0,.6) 10%,rgba(0,0,0,.6));opacity:0}@media screen and (max-width:767px){.case-studies-component-grid .box:after,.case-studies-component-grid.is-admin .box:after{opacity:1}}.case-studies-component-grid .box,.case-studies-component-grid.is-admin .box{transition:transform .6s ease-in-out;will-change:transform}.case-studies-component-grid .box:focus-within:after,.case-studies-component-grid .box:hover:after,.case-studies-component-grid.is-admin .box:focus-within:after,.case-studies-component-grid.is-admin .box:hover:after{opacity:1}.case-studies-component-grid .box:focus-within:before,.case-studies-component-grid .box:hover:before,.case-studies-component-grid.is-admin .box:focus-within:before,.case-studies-component-grid.is-admin .box:hover:before{opacity:0}.case-studies-component-grid .box:focus-within,.case-studies-component-grid .box:hover,.case-studies-component-grid.is-admin .box:focus-within,.case-studies-component-grid.is-admin .box:hover{transform:scale(1.01)}.case-studies-component-grid .box a,.case-studies-component-grid.is-admin .box a{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.case-studies-component-grid .box a:after,.case-studies-component-grid.is-admin .box a:after{background:transparent;border-radius:16px;content:" ";height:100%;position:absolute;width:100%;z-index:1}.case-studies-component-grid .box a:focus-visible .link,.case-studies-component-grid .box a:hover .link,.case-studies-component-grid.is-admin .box a:focus-visible .link,.case-studies-component-grid.is-admin .box a:hover .link{background-size:100% var(--underline-height)}.case-studies-component-grid .box a:focus-visible .description-wrap,.case-studies-component-grid .box a:hover .description-wrap,.case-studies-component-grid.is-admin .box a:focus-visible .description-wrap,.case-studies-component-grid.is-admin .box a:hover .description-wrap{opacity:1;transform:translateY(0)}.case-studies-component-grid .box a:focus-visible,.case-studies-component-grid.is-admin .box a:focus-visible{border-radius:16px;display:inline-flex;outline:2px solid #00a6ff}.case-studies-component-grid .box .header,.case-studies-component-grid.is-admin .box .header{border-bottom:1px solid #fff;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto calc(10.99523px + 1.3346vw);padding:calc(19.14013px + .76263vw) 0 calc(10.99523px + 1.3346vw);position:relative;width:calc(100% - 25.70067px - 3.81316vw);z-index:3}@media screen and (min-width:1424px){.case-studies-component-grid .box .header,.case-studies-component-grid.is-admin .box .header{padding:30px 0;width:calc(100% - 80px)}}.case-studies-component-grid .box .header img,.case-studies-component-grid.is-admin .box .header img{height:30px;max-width:calc(77.11153px + 8.77026vw);width:auto}@media screen and (min-width:1424px){.case-studies-component-grid .box .header img,.case-studies-component-grid.is-admin .box .header img{max-width:202px}}.case-studies-component-grid .box .header .project-info,.case-studies-component-grid.is-admin .box .header .project-info{display:flex;flex-direction:row;gap:calc(-1.449px + 5.71973vw);padding-left:20px;position:relative}@media screen and (min-width:1424px){.case-studies-component-grid .box .header .project-info,.case-studies-component-grid.is-admin .box .header .project-info{gap:80px}}.case-studies-component-grid .box .header .project-info .awards,.case-studies-component-grid.is-admin .box .header .project-info .awards{display:flex;flex-direction:row;gap:calc(12.85033px + 1.90658vw);position:relative}@media screen and (min-width:1424px){.case-studies-component-grid .box .header .project-info .awards,.case-studies-component-grid.is-admin .box .header .project-info .awards{gap:40px}}@media screen and (max-width:767px){.case-studies-component-grid .box .header .project-info .awards,.case-studies-component-grid.is-admin .box .header .project-info .awards{display:none}}.case-studies-component-grid .box .header .project-info .awards:after,.case-studies-component-grid.is-admin .box .header .project-info .awards:after{background:#fff;content:"";height:100%;position:absolute;right:calc(.7245px + -2.85987vw);width:1px}@media screen and (min-width:1424px){.case-studies-component-grid .box .header .project-info .awards:after,.case-studies-component-grid.is-admin .box .header .project-info .awards:after{right:-40px}}.case-studies-component-grid .box .header .project-info .awards span,.case-studies-component-grid.is-admin .box .header .project-info .awards span{color:#fff;font-family:var(--unnamed-font-family-outfit);font-size:12px;font-style:normal;font-weight:600;letter-spacing:var(--unnamed-character-spacing-0);line-height:18px}.case-studies-component-grid .box .header .project-info .awards .award,.case-studies-component-grid.is-admin .box .header .project-info .awards .award{align-items:center;display:flex;flex-direction:row;gap:16px}.case-studies-component-grid .box .header .project-info .label,.case-studies-component-grid.is-admin .box .header .project-info .label{background:var(--labelBgColor);border-radius:70px;color:var(--labelColor);font-family:var(--unnamed-font-family-outfit);font-size:14px;font-style:normal;font-weight:700;letter-spacing:var(--unnamed-character-spacing-0);line-height:20px;padding:6px 16px;position:relative;width:-moz-fit-content;width:fit-content}.case-studies-component-grid .box .wrap,.case-studies-component-grid.is-admin .box .wrap{height:100%;width:100%}.case-studies-component-grid .box .wrap .title-wrap,.case-studies-component-grid.is-admin .box .wrap .title-wrap{max-width:460px;width:100%}.case-studies-component-grid .box .wrap,.case-studies-component-grid.is-admin .box .wrap{display:flex;flex-direction:column;justify-content:space-between;padding:0 calc(7.4204px + 2.28789vw) 24px;position:relative;z-index:2}.case-studies-component-grid .box .wrap .description-wrap,.case-studies-component-grid.is-admin .box .wrap .description-wrap{max-width:420px;opacity:0;transition:opacity .6s ease-in-out,transform .6s ease-in-out;width:100%}@media screen and (min-width:1023px){.case-studies-component-grid .box .wrap .description-wrap,.case-studies-component-grid.is-admin .box .wrap .description-wrap{transform:translateY(40px)}}@media screen and (max-width:767px){.case-studies-component-grid .box .wrap .description-wrap,.case-studies-component-grid.is-admin .box .wrap .description-wrap{opacity:1}}.case-studies-component-grid .box .wrap .description-wrap .desc,.case-studies-component-grid.is-admin .box .wrap .description-wrap .desc{color:var(--unnamed-color-ffffff);font-family:var(--unnamed-font-family-outfit);font-size:clamp(16px,16px + (4)*(100vw - 375px)/(1049),20px);font-style:normal;font-weight:400;letter-spacing:var(--unnamed-character-spacing-0);line-height:clamp(24px,24px + (4)*(100vw - 375px)/(1049),28px);margin-bottom:20px}.case-studies-component-grid .box .wrap .description-wrap .link-text,.case-studies-component-grid.is-admin .box .wrap .description-wrap .link-text{color:var(--unnamed-color-ffffff);font-family:var(--unnamed-font-family-outfit);font-size:14px;font-style:normal;font-weight:600;letter-spacing:var(--unnamed-character-spacing-0);line-height:20px}.case-studies-component-grid .box .wrap h3,.case-studies-component-grid.is-admin .box .wrap h3{color:var(--unnamed-color-ffffff);display:inline;font-family:var(--unnamed-font-family-outfit);font-size:clamp(24px,24px + (10)*(100vw - 375px)/(1049),34px);font-style:normal;font-weight:700;letter-spacing:var(--unnamed-character-spacing-0);letter-spacing:0;line-height:clamp(28px,28px + (12)*(100vw - 375px)/(1049),40px)}.case-studies-component-grid .link,.case-studies-component-grid.is-admin .link{--underline-height:5px;--underline-offset:4px;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 var(--underline-height);box-decoration-break:clone;-webkit-box-decoration-break:clone;color:var(--underlineColor);display:inline;font-weight:600;padding-bottom:var(--underline-offset);text-decoration:none;transition:background-size .6s ease-in-out}.case-studies-component-grid .box.coming-soon a:hover .description-wrap,.case-studies-component-grid.is-admin .box.coming-soon a:hover .description-wrap{opacity:0}.case-studies-component-grid .box.coming-soon a:hover .lottie-wrapper,.case-studies-component-grid.is-admin .box.coming-soon a:hover .lottie-wrapper{opacity:1}.case-studies-component-grid .lottie-wrapper,.case-studies-component-grid.is-admin .lottie-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .6s ease-in-out;width:100%;z-index:2}.case-studies-component-grid .lottie-wrapper .lottie,.case-studies-component-grid.is-admin .lottie-wrapper .lottie{margin-bottom:20px;max-width:30px}.case-studies-component-grid .lottie-wrapper p,.case-studies-component-grid.is-admin .lottie-wrapper p{color:var(--unnamed-color-ffffff);font-family:var(--unnamed-font-family-outfit);font-size:clamp(16px,16px + (4)*(100vw - 375px)/(1049),20px);font-style:normal;font-weight:400;letter-spacing:var(--unnamed-character-spacing-0);line-height:clamp(24px,24px + (4)*(100vw - 375px)/(1049),28px)}.case-studies-component-grid .preview-project,.case-studies-component-grid.is-admin .preview-project{background-color:rgba(0,0,0,.6);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;inset:0;transition:opacity .6s ease-in-out;width:100%;z-index:9}.case-studies-component-grid .preview-project.active,.case-studies-component-grid.is-admin .preview-project.active{opacity:1;pointer-events:all}.case-studies-component-grid .preview-project.active .modal,.case-studies-component-grid.is-admin .preview-project.active .modal{transform:translateY(0)}.case-studies-component-grid .preview-project .modal,.case-studies-component-grid.is-admin .preview-project .modal{background:#e9eceb 0 0 no-repeat padding-box;border-radius:16px;bottom:var(--page-external-padding);height:calc(100vh - var(--nav-bar-height) - 34px);max-width:464px;padding:24px calc(14.57007px + .38132vw);position:absolute;right:var(--page-external-padding);transform:translateX(100%);transition:transform .6s ease-in-out;width:100%;z-index:9}@supports(height:100dvh){.case-studies-component-grid .preview-project .modal,.case-studies-component-grid.is-admin .preview-project .modal{height:calc(100dvh - var(--nav-bar-height) - 34px)}}@media screen and (min-width:1424px){.case-studies-component-grid .preview-project .modal,.case-studies-component-grid.is-admin .preview-project .modal{padding:24px 20px}}.case-studies-component-grid .preview-project .modal .menu-cta-label,.case-studies-component-grid.is-admin .preview-project .modal .menu-cta-label{color:#000}.case-studies-component-grid .preview-project .modal .modal-content,.case-studies-component-grid.is-admin .preview-project .modal .modal-content{height:100%;overflow:hidden;position:relative}.case-studies-component-grid .preview-project .modal .modal-content .modal-header,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-header{margin-bottom:20px}.case-studies-component-grid .preview-project .modal .modal-content .modal-header .modal-logo,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-header .modal-logo{margin-bottom:12px;max-width:340px}.case-studies-component-grid .preview-project .modal .modal-content .modal-header .modal-logo img,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-header .modal-logo img{height:22px;width:auto}.case-studies-component-grid .preview-project .modal .modal-content .modal-header .modal-title,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-header .modal-title{color:var(--unnamed-color-031c1c);font-family:var(--unnamed-font-family-outfit);font-size:clamp(18px,18px + (6)*(100vw - 375px)/(1049),24px);font-style:normal;font-weight:700;letter-spacing:var(--unnamed-character-spacing-0);line-height:clamp(24px,24px + (6)*(100vw - 375px)/(1049),30px);max-width:340px}.case-studies-component-grid .preview-project .modal .modal-content .modal-body-scroll,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-body-scroll{height:100%;overflow-y:auto;scrollbar-color:#ffb100 #e9eceb}.case-studies-component-grid .preview-project .modal .modal-content .modal-body .modal-cover,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-body .modal-cover{margin-bottom:20px}.case-studies-component-grid .preview-project .modal .modal-content .modal-body .modal-cover img,.case-studies-component-grid .preview-project .modal .modal-content .modal-body .modal-cover video,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-body .modal-cover img,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-body .modal-cover video{border-radius:16px}.case-studies-component-grid .preview-project .modal .modal-content .modal-body .modal-buttons-container,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-body .modal-buttons-container{align-items:center;display:flex;flex-direction:row;gap:calc(4.99523px + 1.3346vw);justify-content:center;margin-bottom:28px;width:100%}@media screen and (min-width:1424px){.case-studies-component-grid .preview-project .modal .modal-content .modal-body .modal-buttons-container,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-body .modal-buttons-container{gap:24px}}.case-studies-component-grid .preview-project .modal .modal-content .modal-snapshot,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-snapshot{margin-bottom:28px}.case-studies-component-grid .preview-project .modal .modal-content .modal-snapshot h3,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-snapshot h3{color:var(--unnamed-color-031c1c);font-family:var(--unnamed-font-family-outfit);font-size:clamp(18px,18px + (2)*(100vw - 375px)/(1049),20px);font-style:normal;font-weight:600;letter-spacing:var(--unnamed-character-spacing-0);line-height:clamp(26px,26px + (2)*(100vw - 375px)/(1049),28px);margin-bottom:8px}.case-studies-component-grid .preview-project .modal .modal-content .modal-snapshot p,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-snapshot p{color:var(--unnamed-color-031c1c);font-family:var(--unnamed-font-family-outfit);font-size:clamp(16px,16px + (2)*(100vw - 375px)/(1049),18px);font-style:normal;font-weight:400;letter-spacing:var(--unnamed-character-spacing-0);line-height:clamp(24px,24px + (2)*(100vw - 375px)/(1049),26px);margin-bottom:24px}.case-studies-component-grid .preview-project .modal .modal-content .modal-snapshot p:last-of-type,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-snapshot p:last-of-type{margin-bottom:0}.case-studies-component-grid .preview-project .modal .modal-content .modal-services,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-services{margin-bottom:28px}.case-studies-component-grid .preview-project .modal .modal-content .modal-services h3,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-services h3{color:var(--unnamed-color-031c1c);font-family:var(--unnamed-font-family-outfit);font-size:14px;font-style:normal;font-weight:700;letter-spacing:var(--unnamed-character-spacing-0);line-height:20px;margin-bottom:10px}.case-studies-component-grid .preview-project .modal .modal-content .modal-services .modal-tags,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-services .modal-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:left;opacity:1;position:relative;z-index:1}@media screen and (max-width:1023px){.case-studies-component-grid .preview-project .modal .modal-content .modal-services .modal-tags,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-services .modal-tags{display:none}}.case-studies-component-grid .preview-project .modal .modal-content .modal-services .modal-tags .tag,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-services .modal-tags .tag{background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff;border:1px solid var(--unnamed-color-ffffff);border-radius:12px;color:var(--unnamed-color-031c1c);display:inline-flex;font-family:var(--unnamed-font-family-outfit);font-size:12px;font-style:normal;font-weight:600;letter-spacing:var(--unnamed-character-spacing-0);line-height:18px;opacity:1;padding:8px 12px}.case-studies-component-grid .preview-project .modal .modal-content .modal-extra-photos,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-extra-photos{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.case-studies-component-grid .preview-project .modal .modal-content .modal-extra-photos.hidden,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-extra-photos.hidden{display:none}.case-studies-component-grid .preview-project .modal .modal-content .modal-extra-photos img,.case-studies-component-grid.is-admin .preview-project .modal .modal-content .modal-extra-photos img{border-radius:16px;width:100%}.case-studies-component-grid .preview-project .modal .modal-btn.text-cta.disabled,.case-studies-component-grid.is-admin .preview-project .modal .modal-btn.text-cta.disabled{display:none}.case-studies-component-grid .preview-project .modal .closeModal,.case-studies-component-grid.is-admin .preview-project .modal .closeModal{background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;border:1px transparent;border-radius:50%;cursor:pointer;height:36px;position:absolute;right:20px;top:10px;transition:all .3s ease-in-out;width:36px;z-index:10}.case-studies-component-grid .preview-project .modal .closeModal:focus,.case-studies-component-grid .preview-project .modal .closeModal:hover,.case-studies-component-grid.is-admin .preview-project .modal .closeModal:focus,.case-studies-component-grid.is-admin .preview-project .modal .closeModal:hover{border:1px solid #d0d0d0;transform:scale(.9)}.case-studies-component-grid .preview-project .modal .closeModal:after,.case-studies-component-grid.is-admin .preview-project .modal .closeModal:after{color:#626262;content:"";font-family:icomoon;font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.case-studies-component-grid.is-admin:after{content:" ";height:100%;left:0;position:absolute;top:0;width:100%;z-index:999}
