.elementor-1283 .elementor-element.elementor-element-ad1001a{--display:flex;--padding-top:2.25rem;--padding-bottom:2.25rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad10034{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad10104{--display:flex;--padding-top:3.375rem;--padding-bottom:0rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad10041 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-1283 .elementor-element.elementor-element-ad1004e .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-1283 .elementor-element.elementor-element-ad10082 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1283 .elementor-element.elementor-element-ad1011e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5.5rem;--padding-bottom:0rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad10111{font-size:1rem;font-weight:500;letter-spacing:-0.01em;}.elementor-1283 .elementor-element.elementor-element-ad10145{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:2.75rem;--padding-bottom:02.75rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad1012b:hover{--e-transform-translateX:2rem;}.elementor-1283 .elementor-element.elementor-element-ad1012b{--e-transform-transition-duration:360ms;}.elementor-1283 .elementor-element.elementor-element-ad10138{--e-transform-translateX:15vw;}.elementor-1283 .elementor-element.elementor-element-ad10138 img{max-width:20rem;box-shadow:0px 40px 30px -30px rgba(29, 34, 146, 0.3411764705882353);}.elementor-1283 .elementor-element.elementor-element-ad1016c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:2.75rem;--padding-bottom:02.75rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad10152:hover{--e-transform-translateX:2rem;}.elementor-1283 .elementor-element.elementor-element-ad10152{--e-transform-transition-duration:360ms;}.elementor-1283 .elementor-element.elementor-element-ad1015f{--e-transform-translateX:15vw;}.elementor-1283 .elementor-element.elementor-element-ad1015f img{max-width:20rem;box-shadow:0px 40px 30px -30px rgba(29, 34, 146, 0.3411764705882353);}.elementor-1283 .elementor-element.elementor-element-ad10193{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:2.75rem;--padding-bottom:02.75rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad10179:hover{--e-transform-translateX:2rem;}.elementor-1283 .elementor-element.elementor-element-ad10179{--e-transform-transition-duration:360ms;}.elementor-1283 .elementor-element.elementor-element-ad10186{--e-transform-translateX:15vw;}.elementor-1283 .elementor-element.elementor-element-ad10186 img{max-width:20rem;box-shadow:0px 40px 30px -30px rgba(29, 34, 146, 0.3411764705882353);}.elementor-1283 .elementor-element.elementor-element-ad101ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:2.75rem;--padding-bottom:02.75rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad101a0:hover{--e-transform-translateX:2rem;}.elementor-1283 .elementor-element.elementor-element-ad101a0{--e-transform-transition-duration:360ms;}.elementor-1283 .elementor-element.elementor-element-ad101ad{--e-transform-translateX:15vw;}.elementor-1283 .elementor-element.elementor-element-ad101ad img{max-width:20rem;box-shadow:0px 40px 30px -30px rgba(29, 34, 146, 0.3411764705882353);}.elementor-1283 .elementor-element.elementor-element-ad101e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:2.75rem;--padding-bottom:02.75rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad101c7:hover{--e-transform-translateX:2rem;}.elementor-1283 .elementor-element.elementor-element-ad101c7{--e-transform-transition-duration:360ms;}.elementor-1283 .elementor-element.elementor-element-ad101d4{--e-transform-translateX:15vw;}.elementor-1283 .elementor-element.elementor-element-ad101d4 img{max-width:20rem;box-shadow:0px 40px 30px -30px rgba(29, 34, 146, 0.3411764705882353);}.elementor-1283 .elementor-element.elementor-element-ad10208{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:2.75rem;--padding-bottom:02.75rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad101ee:hover{--e-transform-translateX:2rem;}.elementor-1283 .elementor-element.elementor-element-ad101ee{--e-transform-transition-duration:360ms;}.elementor-1283 .elementor-element.elementor-element-ad101fb{--e-transform-translateX:15vw;}.elementor-1283 .elementor-element.elementor-element-ad101fb img{max-width:20rem;box-shadow:0px 40px 30px -30px rgba(29, 34, 146, 0.3411764705882353);}.elementor-1283 .elementor-element.elementor-element-ad1022f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:2.75rem;--padding-bottom:02.75rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad10215:hover{--e-transform-translateX:2rem;}.elementor-1283 .elementor-element.elementor-element-ad10215{--e-transform-transition-duration:360ms;}.elementor-1283 .elementor-element.elementor-element-ad10222{--e-transform-translateX:15vw;}.elementor-1283 .elementor-element.elementor-element-ad10222 img{max-width:20rem;box-shadow:0px 40px 30px -30px rgba(29, 34, 146, 0.3411764705882353);}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1283 .elementor-element.elementor-element-ad1001a{--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:01.75rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad10104{--padding-top:01.75rem;--padding-bottom:0rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad1011e{--padding-top:04rem;--padding-bottom:0rem;--padding-left:01rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad10145{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad1016c{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad10193{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad101ba{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad101e1{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad10208{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:01rem;}.elementor-1283 .elementor-element.elementor-element-ad1022f{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:01rem;}}/* Start custom CSS for container, class: .elementor-element-ad10104 *//* ========================================================================== Ads project page — grid geometry Lives on the "ads-grid" container › Advanced › Custom CSS. Desktop geometry is straight from the Figma: 3 columns, 54px column gap, 63px row gap, on the site's standard 71.25rem boxed container. ========================================================================== */ .elementor-1283 .elementor-element.elementor-element-ad10104 > .e-con-inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 3.375rem; /* 54px — Figma */ row-gap: 3.9375rem; /* 63px — Figma */ align-items: start; } /* Every tile fills the width of its cell and keeps its own height. */ .elementor-1283 .elementor-element.elementor-element-ad10104 .ads-item { width: 100%; min-width: 0; align-self: start; /* never stretch to match a taller neighbour */ overflow: hidden; background-color: #F2F2F5; } .elementor-1283 .elementor-element.elementor-element-ad10104 .ads-item img, .elementor-1283 .elementor-element.elementor-element-ad10104 .ads-item video { display: block; width: 100%; height: 100%; object-fit: cover; } /* Aspect ratios straight from the source creatives. */ .elementor-1283 .elementor-element.elementor-element-ad10104 .ads-9x16 img, .elementor-1283 .elementor-element.elementor-element-ad10104 .ads-9x16 .elementor-wrapper { aspect-ratio: 9 / 16; } .elementor-1283 .elementor-element.elementor-element-ad10104 .ads-4x5 img, .elementor-1283 .elementor-element.elementor-element-ad10104 .ads-4x5 .elementor-wrapper { aspect-ratio: 4 / 5; } /* Elementor's video wrapper must not impose its own box. */ .elementor-1283 .elementor-element.elementor-element-ad10104 .ads-item .elementor-wrapper { width: 100%; height: auto; } /* --- Small laptop / landscape tablet: keep three columns, tighten gaps --- */ @media (max-width: 1024px) { .elementor-1283 .elementor-element.elementor-element-ad10104 > .e-con-inner { column-gap: 2.5rem; row-gap: 3rem; } } /* --- Portrait tablet and below: two columns ----------------------------- */ /* Three columns below ~900px would leave each creative too small to read. The hole moves to after the third 9:16 tile, which keeps every row to a single aspect ratio so the grid stays flush instead of going ragged. */ @media (max-width: 900px) { .elementor-1283 .elementor-element.elementor-element-ad10104 > .e-con-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; row-gap: 2.5rem; } /* Tile 3 is the last 9:16; keep it off the same row as the 4:5 tiles so every row stays a single aspect ratio. Done with grid placement rather than a placeholder element — Elementor 4.x renders neither a Spacer widget nor an empty container. */ .elementor-1283 .elementor-element.elementor-element-ad10104 .ads-item:nth-child(4) { grid-column-start: 1; } } /* --- Mobile: same two columns, tighter gutters -------------------------- */ @media (max-width: 767px) { .elementor-1283 .elementor-element.elementor-element-ad10104 > .e-con-inner { column-gap: 0.75rem; row-gap: 1rem; } } /* Cross-project links: the thumbnail is revealed on hover by the site's existing global rule (.project-headline:hover ~ .img-one). */ .img-one { display: none; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ad10138 */.img-one{ display: none; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ad1015f */.img-one{ display: none; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ad10186 */.img-one{ display: none; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ad101ad */.img-one{ display: none; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ad101d4 */.img-one{ display: none; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ad101fb */.img-one{ display: none; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ad10222 */.img-one{ display: none; }/* End custom CSS */