.elementor-35259 .elementor-element.elementor-element-c5fa180{--display:flex;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35259 .elementor-element.elementor-element-c5fa180:not(.elementor-motion-effects-element-type-background), .elementor-35259 .elementor-element.elementor-element-c5fa180 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3c0f7e0 );}.elementor-35259 .elementor-element.elementor-element-b9d6cff{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-35259 .elementor-element.elementor-element-baa6687{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;text-align:center;}.elementor-35259 .elementor-element.elementor-element-baa6687.elementor-element{--align-self:center;}.elementor-35259 .elementor-element.elementor-element-baa6687 .elementor-heading-title{font-family:"Open Sans", Helvetica, Arial, Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-f36e489 );}.elementor-35259 .elementor-element.elementor-element-0479d42{--animation-duration:1200ms;width:var( --container-widget-width, 48% );max-width:48%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:48%;--container-widget-flex-grow:0;--dynamic-text-color:var( --e-global-color-f36e489 );}.elementor-35259 .elementor-element.elementor-element-0479d42.elementor-element{--align-self:center;}.elementor-35259 .elementor-element.elementor-element-0479d42 .elementor-headline{text-align:center;font-weight:700;}.elementor-35259 .elementor-element.elementor-element-0479d42 .elementor-headline-plain-text{color:var( --e-global-color-bb53219 );}.elementor-35259 .elementor-element.elementor-element-0479d42 .elementor-headline-dynamic-text{font-weight:800;}.elementor-35259 .elementor-element.elementor-element-0479d42 .elementor-headline .elementor-headline-dynamic-wrapper{-webkit-text-stroke-color:var( --e-global-color-accent );stroke:var( --e-global-color-accent );}.elementor-35259 .elementor-element.elementor-element-0479d42 .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-f36e489 );}.elementor-35259 .elementor-element.elementor-element-68799df0{--divider-border-style:solid;--divider-color:#3D444D;--divider-border-width:1px;}.elementor-35259 .elementor-element.elementor-element-68799df0.elementor-element{--align-self:center;}.elementor-35259 .elementor-element.elementor-element-68799df0 .elementor-divider-separator{width:73%;margin:0 auto;margin-center:0;}.elementor-35259 .elementor-element.elementor-element-68799df0 .elementor-divider{text-align:center;padding-block-start:29px;padding-block-end:29px;}.elementor-35259 .elementor-element.elementor-element-e1ff86e{text-align:center;}.elementor-35259 .elementor-element.elementor-element-e1ff86e .elementor-heading-title{font-family:"Open Sans", Helvetica, Arial, Sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:2.7px;color:var( --e-global-color-f36e489 );}.elementor-35259 .elementor-element.elementor-element-1d9c9458{--e-image-carousel-slides-to-show:8;margin:2% 0% calc(var(--kit-widget-spacing, 0px) + -4%) 0%;}.elementor-35259 .elementor-element.elementor-element-1d9c9458 .swiper-wrapper{display:flex;align-items:center;}.elementor-35259 .elementor-element.elementor-element-6412f16a{--e-image-carousel-slides-to-show:8;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-35259 .elementor-element.elementor-element-6412f16a .swiper-wrapper{display:flex;align-items:center;}.elementor-35259 .elementor-element.elementor-element-065ba93{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-35259 .elementor-element.elementor-element-065ba93:not(.elementor-motion-effects-element-type-background), .elementor-35259 .elementor-element.elementor-element-065ba93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-231cf26 );}.elementor-35259 .elementor-element.elementor-element-065ba93 > .elementor-shape-top .elementor-shape-fill, .elementor-35259 .elementor-element.elementor-element-065ba93 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-3c0f7e0 );}.elementor-35259 .elementor-element.elementor-element-065ba93 > .elementor-shape-top svg, .elementor-35259 .elementor-element.elementor-element-065ba93 > .e-con-inner > .elementor-shape-top svg{width:calc(153% + 1.3px);}.elementor-35259 .elementor-element.elementor-element-9164ac8{--display:flex;}.elementor-35259 .elementor-element.elementor-element-292f460{--divider-border-style:dotted;--divider-color:#FFFFFF73;--divider-border-width:1px;}.elementor-35259 .elementor-element.elementor-element-292f460 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-35259 .elementor-element.elementor-element-292f460 .elementor-divider{text-align:center;padding-block-start:37px;padding-block-end:37px;}.elementor-35259 .elementor-element.elementor-element-933d419{margin:3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-35259 .elementor-element.elementor-element-933d419 .elementor-heading-title{font-family:"Open Sans", Helvetica, Arial, Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-35259 .elementor-element.elementor-element-5d7527b{--grid-columns:4;--grid-row-gap:0px;width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;--load-more-button-align:center;--grid-column-gap:0px;}.elementor-35259 .elementor-element.elementor-element-5d7527b.elementor-element{--align-self:center;}.elementor-35259 .elementor-element.elementor-element-a2503f2{--divider-border-style:dotted;--divider-color:#FFFFFF73;--divider-border-width:1px;}.elementor-35259 .elementor-element.elementor-element-a2503f2 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-35259 .elementor-element.elementor-element-a2503f2 .elementor-divider{text-align:center;padding-block-start:37px;padding-block-end:37px;}.elementor-35259 .elementor-element.elementor-element-15ffe9f{margin:3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-35259 .elementor-element.elementor-element-15ffe9f .elementor-heading-title{font-family:"Open Sans", Helvetica, Arial, Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-35259 .elementor-element.elementor-element-c09a811{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;}.elementor-35259 .elementor-element.elementor-element-c09a811.elementor-element{--align-self:center;}.elementor-35259 .elementor-element.elementor-element-fcac731{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:05%;--padding-bottom:05%;--padding-left:0%;--padding-right:0%;}.elementor-35259 .elementor-element.elementor-element-fcac731:not(.elementor-motion-effects-element-type-background), .elementor-35259 .elementor-element.elementor-element-fcac731 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3c0f7e0 );}.elementor-35259 .elementor-element.elementor-element-0ac4b8b{text-align:center;}.elementor-35259 .elementor-element.elementor-element-0ac4b8b .elementor-heading-title{font-family:"Open Sans", Helvetica, Arial, Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-35259 .elementor-element.elementor-element-4ecd7c7{text-align:center;}.elementor-35259 .elementor-element.elementor-element-4ecd7c7 .elementor-heading-title{font-size:19px;color:#A8A8A8;}.elementor-35259 .elementor-element.elementor-element-0b6f81c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-35259 .elementor-element.elementor-element-0b6f81c .elementor-divider-separator{width:100%;}.elementor-35259 .elementor-element.elementor-element-0b6f81c .elementor-divider{padding-block-start:17px;padding-block-end:17px;}.elementor-35259 .elementor-element.elementor-element-c14e550{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;}.elementor-35259 .elementor-element.elementor-element-c14e550.elementor-element{--align-self:center;}.elementor-35259 .elementor-element.elementor-element-741348c{--divider-border-style:dotted;--divider-color:#FFFFFF73;--divider-border-width:1px;}.elementor-35259 .elementor-element.elementor-element-741348c .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-35259 .elementor-element.elementor-element-741348c .elementor-divider{text-align:center;padding-block-start:37px;padding-block-end:37px;}.elementor-35259 .elementor-element.elementor-element-9406ec8{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;}.elementor-35259 .elementor-element.elementor-element-9406ec8.elementor-element{--align-self:center;}body.elementor-page-35259:not(.elementor-motion-effects-element-type-background), body.elementor-page-35259 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-231cf26 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-35259 .elementor-element.elementor-element-1d9c9458{--e-image-carousel-slides-to-show:4;}.elementor-35259 .elementor-element.elementor-element-6412f16a{--e-image-carousel-slides-to-show:4;}.elementor-35259 .elementor-element.elementor-element-5d7527b{--grid-columns:2;}}@media(max-width:767px){.elementor-35259 .elementor-element.elementor-element-c5fa180{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35259 .elementor-element.elementor-element-b9d6cff{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:13%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}.elementor-35259 .elementor-element.elementor-element-baa6687 .elementor-heading-title{font-size:22px;}.elementor-35259 .elementor-element.elementor-element-0479d42{--container-widget-width:321px;--container-widget-flex-grow:0;width:var( --container-widget-width, 321px );max-width:321px;}.elementor-35259 .elementor-element.elementor-element-0479d42 .elementor-headline{font-size:36px;}.elementor-35259 .elementor-element.elementor-element-1d9c9458{--e-image-carousel-slides-to-show:3;margin:5% 0% calc(var(--kit-widget-spacing, 0px) + -5%) 0%;}.elementor-35259 .elementor-element.elementor-element-6412f16a{--e-image-carousel-slides-to-show:3;}.elementor-35259 .elementor-element.elementor-element-933d419 .elementor-heading-title{font-size:33px;}.elementor-35259 .elementor-element.elementor-element-5d7527b{--grid-columns:1;}.elementor-35259 .elementor-element.elementor-element-15ffe9f .elementor-heading-title{font-size:33px;}}@media(min-width:768px){.elementor-35259 .elementor-element.elementor-element-c5fa180{--width:100%;}}@media(min-width:2400px){.elementor-35259 .elementor-element.elementor-element-e1ff86e{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-35259 .elementor-element.elementor-element-e1ff86e.elementor-element{--align-self:center;}.elementor-35259 .elementor-element.elementor-element-e1ff86e .elementor-heading-title{font-size:29px;letter-spacing:6.9px;}.elementor-35259 .elementor-element.elementor-element-1d9c9458{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-35259 .elementor-element.elementor-element-1d9c9458.elementor-element{--align-self:center;}.elementor-35259 .elementor-element.elementor-element-6412f16a{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-35259 .elementor-element.elementor-element-6412f16a.elementor-element{--align-self:center;}}/* Start custom CSS for image-carousel, class: .elementor-element-1d9c9458 */.elementor-35259 .elementor-element.elementor-element-1d9c9458 .swiper-wrapper{
  -webkit-transition-timing-function: linear!important;
  transition-timing-function: linear!important; 
}

.elementor-35259 .elementor-element.elementor-element-1d9c9458 {
    
     -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(23, 26, 36, 0)), color-stop(10%, #171A24), color-stop(90%, #171A24), to(rgba(23, 26, 36, 0)));
    mask-image: linear-gradient(to right, rgba(23, 26, 36, 0) 0%, #171A24 10%, #171A24 90%, rgba(23, 26, 36, 0) 100%);
    



}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-6412f16a */.elementor-35259 .elementor-element.elementor-element-6412f16a .swiper-wrapper{
  -webkit-transition-timing-function: linear!important;
  transition-timing-function: linear!important; 
}

.elementor-35259 .elementor-element.elementor-element-6412f16a {
    
     -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(23, 26, 36, 0)), color-stop(10%, #171A24), color-stop(90%, #171A24), to(rgba(23, 26, 36, 0)));
    mask-image: linear-gradient(to right, rgba(23, 26, 36, 0) 0%, #171A24 10%, #171A24 90%, rgba(23, 26, 36, 0) 100%);
    



}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-5d7527b *//* ===== HATCHWORKS CASE STUDIES LOOP GRID (DARK BG) ===== */

/* Grid spacing */
.elementor-35259 .elementor-element.elementor-element-5d7527b .elementor-loop-container.elementor-grid {
    gap: 16px;
}

/* Card - more presence against dark bg */
.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .e-con.e-parent {
    background: #1A2230;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 4px;
    overflow: hidden;
    padding: 0;
    height: auto;
    align-self: start;
    transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease, background .4s ease;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .e-con.e-parent:hover {
    transform: translateY(-4px);
    background: #1F2937;
    border-color: #14B8A6;
    box-shadow: 0 18px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(20,184,166,.2);
}

/* Image wrapper - visual emphasis */
.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-widget-image {
    width: 100%;
    max-width: 100%;
    padding: 0;
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #0B0F14;
    position: relative;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-widget-image a,
.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-widget-image img {
    width: 100%;
    height: 100%;
    display: block;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-widget-image img {
    object-fit: cover;
    transition: transform .8s cubic-bezier(.16,1,.3,1), filter .4s ease;
    filter: saturate(1.05);
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .e-con.e-parent:hover .elementor-widget-image img {
    transform: scale(1.08);
    filter: saturate(1.15) brightness(1.05);
}

/* Subtle gradient overlay on image for depth */
.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-widget-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11,15,20,0) 70%, rgba(11,15,20,.4) 100%);
    pointer-events: none;
    z-index: 1;
}

/* Content area - tight, no wasted space at bottom */
.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .e-con-boxed {
    padding: 16px 18px 18px;
    flex: 0 0 auto;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .e-con-boxed .e-con-inner {
    gap: 10px;
    height: auto;
    justify-content: flex-start;
    padding: 0;
}

/* Title */
.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-widget-theme-post-title {
    width: 100%;
    max-width: 100%;
    text-align: left;
    margin: 0;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-heading-title {
    font-family: "Space Grotesk", "Open Sans", sans-serif;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #F8FAFC;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .25s ease;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-heading-title a {
    color: inherit;
    text-decoration: none;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .e-con.e-parent:hover .elementor-heading-title {
    color: #14B8A6;
}

/* CTA - microcaption flush under title */
.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-widget-button {
    margin: 0;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-widget-button .elementor-button {
    background: transparent;
    color: #94A3B8;
    fill: #94A3B8;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0;
    border: none;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color .25s ease, fill .25s ease, gap .3s ease;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .e-con.e-parent:hover .elementor-button {
    color: #14B8A6;
    fill: #14B8A6;
    gap: 10px;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-button-icon {
    transition: transform .3s ease;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .e-con.e-parent:hover .elementor-button-icon {
    transform: translateX(3px);
}

/* Load more button */
.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop__load-more {
    margin-top: 32px;
    display: flex;
    justify-content: center;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop__load-more .elementor-button {
    background: transparent;
    color: #F8FAFC;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 4px;
    border: 1.5px solid rgba(255,255,255,.2);
    transition: all .25s ease;
}

.elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop__load-more .elementor-button:hover {
    background: #14B8A6;
    border-color: #14B8A6;
    color: #fff;
    transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 1024px) {
    .elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-heading-title {
        font-size: 18px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-35259 .elementor-element.elementor-element-5d7527b .elementor-loop-container.elementor-grid {
        gap: 12px;
    }
    .elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-widget-image {
        aspect-ratio: 16/10;
    }
    .elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .e-con-boxed {
        padding: 14px 16px 16px;
    }
    .elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .elementor-heading-title {
        font-size: 17px;
        -webkit-line-clamp: 4;
    }
    .elementor-35259 .elementor-element.elementor-element-5d7527b .e-loop-item .e-con.e-parent:hover {
        transform: none;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Open Sans';
	font-display: auto;
	src: url('https://hatchworks.com/wp-content/uploads/2026/03/OpenSans-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */