.elementor-37 .elementor-element.elementor-element-163a172{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-37 .elementor-element.elementor-element-163a172:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-163a172 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#040303;}.elementor-37 .elementor-element.elementor-element-f60911c{--display:flex;--min-height:94vh;--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;--justify-content:space-between;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:120px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-37 .elementor-element.elementor-element-8eb2333{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:7px 22px;--row-gap:7px;--column-gap:22px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-59e33af .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:112px;font-weight:700;letter-spacing:-0.2px;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-ebf9b6f{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:500;letter-spacing:0.2px;color:#F2F0EBAD;}.elementor-37 .elementor-element.elementor-element-96268b4{width:var( --container-widget-width, 330px );max-width:330px;--container-widget-width:330px;--container-widget-flex-grow:0;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:400;line-height:1.6em;letter-spacing:0.2px;color:#F2F0EB99;}.elementor-37 .elementor-element.elementor-element-13a9b3c{--display:flex;--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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37 .elementor-element.elementor-element-a65656a{--display:flex;--min-height:650px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-37 .elementor-element.elementor-element-1e6f2e5{--display:flex;--min-height:650px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-37 .elementor-element.elementor-element-57fc9ff{--display:flex;--min-height:560px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-37 .elementor-element.elementor-element-0a9d003{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:90px;--padding-left:40px;--padding-right:40px;}.elementor-37 .elementor-element.elementor-element-0a9d003:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-0a9d003 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-37 .elementor-element.elementor-element-93678d0{--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;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-37 .elementor-element.elementor-element-d262a5d .elementor-heading-title{color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-46fdd18 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-76e1d8f{--display:flex;--min-height:68vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-0926201{--display:flex;--min-height:68vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-37 .elementor-element.elementor-element-0926201:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-0926201 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-37 .elementor-element.elementor-element-4f15584{--display:flex;--min-height:68vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-37 .elementor-element.elementor-element-d02007f{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-37 .elementor-element.elementor-element-e9e4e5c{text-align:center;}.elementor-37 .elementor-element.elementor-element-7fe49e7{--display:flex;--min-height:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:44px;--padding-bottom:40px;--padding-left:44px;--padding-right:44px;}.elementor-37 .elementor-element.elementor-element-c72e76d{--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;--justify-content:space-between;--align-items:flex-end;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--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-37 .elementor-element.elementor-element-03bac39{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--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-37 .elementor-element.elementor-element-8fb7d14 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-8913aaa .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-4411adb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-37 .elementor-element.elementor-element-a9890a6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-37 .elementor-element.elementor-element-2c1d976{--display:flex;--min-height:68vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-37 .elementor-element.elementor-element-dc3baa3{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-37 .elementor-element.elementor-element-4417928{text-align:center;}.elementor-37 .elementor-element.elementor-element-4f21af9{--display:flex;--min-height:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:44px;--padding-bottom:40px;--padding-left:44px;--padding-right:44px;}.elementor-37 .elementor-element.elementor-element-46fe1a4{--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;--justify-content:space-between;--align-items:flex-end;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--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-37 .elementor-element.elementor-element-c71ef01{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--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-37 .elementor-element.elementor-element-98d500b .elementor-heading-title{color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-caf2190 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-671700f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-37 .elementor-element.elementor-element-ff7b0c4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-37 .elementor-element.elementor-element-b9605df{--display:flex;--min-height:68vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-37 .elementor-element.elementor-element-fbf7cb6{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-37 .elementor-element.elementor-element-3d89d78{text-align:center;}.elementor-37 .elementor-element.elementor-element-f447e3b{--display:flex;--min-height:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:44px;--padding-bottom:40px;--padding-left:44px;--padding-right:44px;}.elementor-37 .elementor-element.elementor-element-116ec97{--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;--justify-content:space-between;--align-items:flex-end;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--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-37 .elementor-element.elementor-element-3b7c414{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--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-37 .elementor-element.elementor-element-eb16cd2 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-2421c6a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-cdd816f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-37 .elementor-element.elementor-element-5442797 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-37 .elementor-element.elementor-element-0180cdd{--display:flex;--min-height:68vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-37 .elementor-element.elementor-element-d333485{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-37 .elementor-element.elementor-element-c046e01{text-align:center;}.elementor-37 .elementor-element.elementor-element-4029914{--display:flex;--min-height:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:44px;--padding-bottom:40px;--padding-left:44px;--padding-right:44px;}.elementor-37 .elementor-element.elementor-element-73c2bec{--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;--justify-content:space-between;--align-items:flex-end;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--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-37 .elementor-element.elementor-element-976201e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--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-37 .elementor-element.elementor-element-7f485fd .elementor-heading-title{color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-f3bfc76 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-34a9f76{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-37 .elementor-element.elementor-element-222bcce .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-37 .elementor-element.elementor-element-7060ea3{--display:flex;--min-height:68vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-37 .elementor-element.elementor-element-24b99d9{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-37 .elementor-element.elementor-element-4f38a18{text-align:center;}.elementor-37 .elementor-element.elementor-element-3d5acf6{--display:flex;--min-height:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:44px;--padding-bottom:40px;--padding-left:44px;--padding-right:44px;}.elementor-37 .elementor-element.elementor-element-acfc8bb{--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;--justify-content:space-between;--align-items:flex-end;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--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-37 .elementor-element.elementor-element-e3a91df{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--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-37 .elementor-element.elementor-element-97d3efd .elementor-heading-title{color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-b8c84d0 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-f3b8491{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-37 .elementor-element.elementor-element-5ebdd25 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-37 .elementor-element.elementor-element-879774e{--display:flex;--min-height:0px;--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;--justify-content:flex-end;--align-items:center;--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-37 .elementor-element.elementor-element-325e05a .elementor-button-content-wrapper{flex-direction:row;}.elementor-37 .elementor-element.elementor-element-2bd0af8{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--padding-top:110px;--padding-bottom:110px;--padding-left:40px;--padding-right:40px;}.elementor-37 .elementor-element.elementor-element-2bd0af8:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-2bd0af8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-37 .elementor-element.elementor-element-d75904e{--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;--justify-content:space-between;--align-items:center;}.elementor-37 .elementor-element.elementor-element-d89b179 .elementor-heading-title{color:#A41D3E;}.elementor-37 .elementor-element.elementor-element-404dfdf .elementor-heading-title{color:#A41D3E;}.elementor-37 .elementor-element.elementor-element-21eeb27{--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;--justify-content:space-between;--align-items:stretch;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--flex-wrap:nowrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37 .elementor-element.elementor-element-8b92efc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-37 .elementor-element.elementor-element-f31fac4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;}.elementor-37 .elementor-element.elementor-element-7b241b6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-37 .elementor-element.elementor-element-0e58591{--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;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-fd5690e .elementor-icon-wrapper{text-align:center;}.elementor-37 .elementor-element.elementor-element-2e008f8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-37 .elementor-element.elementor-element-ca1cab9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-37 .elementor-element.elementor-element-6e5b1d4{--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;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-37 .elementor-element.elementor-element-9181e52 .elementor-icon-wrapper{text-align:center;}.elementor-37 .elementor-element.elementor-element-0f42128{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-37 .elementor-element.elementor-element-c9b4281{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-37 .elementor-element.elementor-element-8afabb8{--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;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-37 .elementor-element.elementor-element-9e4180f .elementor-icon-wrapper{text-align:center;}.elementor-37 .elementor-element.elementor-element-32a1a76{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-37 .elementor-element.elementor-element-7478847{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-37 .elementor-element.elementor-element-c7c243b{--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;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-37 .elementor-element.elementor-element-77614f1 .elementor-icon-wrapper{text-align:center;}.elementor-37 .elementor-element.elementor-element-22c5256{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-37 .elementor-element.elementor-element-37ad195{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--padding-top:110px;--padding-bottom:110px;--padding-left:40px;--padding-right:40px;}.elementor-37 .elementor-element.elementor-element-37ad195:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-37ad195 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-37 .elementor-element.elementor-element-026851e{--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;--justify-content:space-between;--align-items:center;}.elementor-37 .elementor-element.elementor-element-0f1db83 .elementor-heading-title{color:#A41D3E;}.elementor-37 .elementor-element.elementor-element-f74b921 .elementor-heading-title{color:#A41D3E;}.elementor-37 .elementor-element.elementor-element-b2e7f96{--display:flex;--min-height:72vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--margin-top:56px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37 .elementor-element.elementor-element-6a10657{text-align:start;}.elementor-37 .elementor-element.elementor-element-d73d008{text-align:start;}.elementor-37 .elementor-element.elementor-element-61ad528{--display:flex;}.elementor-37 .elementor-element.elementor-element-ec3079e{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--padding-top:110px;--padding-bottom:90px;--padding-left:40px;--padding-right:40px;}.elementor-37 .elementor-element.elementor-element-ec3079e:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-ec3079e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-37 .elementor-element.elementor-element-89b0ef9{--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;--justify-content:space-between;--align-items:center;}.elementor-37 .elementor-element.elementor-element-934d4ea{--display:flex;--min-height:72vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--margin-top:56px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37 .elementor-element.elementor-element-a11e3fc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-37 .elementor-element.elementor-element-f38a66b .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-8eb2333{--width:52%;}.elementor-37 .elementor-element.elementor-element-a65656a{--width:48%;}.elementor-37 .elementor-element.elementor-element-57fc9ff{--width:92%;}.elementor-37 .elementor-element.elementor-element-03bac39{--width:70%;}.elementor-37 .elementor-element.elementor-element-4411adb{--width:30%;}.elementor-37 .elementor-element.elementor-element-c71ef01{--width:70%;}.elementor-37 .elementor-element.elementor-element-671700f{--width:30%;}.elementor-37 .elementor-element.elementor-element-3b7c414{--width:70%;}.elementor-37 .elementor-element.elementor-element-cdd816f{--width:30%;}.elementor-37 .elementor-element.elementor-element-976201e{--width:70%;}.elementor-37 .elementor-element.elementor-element-34a9f76{--width:30%;}.elementor-37 .elementor-element.elementor-element-e3a91df{--width:70%;}.elementor-37 .elementor-element.elementor-element-f3b8491{--width:30%;}.elementor-37 .elementor-element.elementor-element-8b92efc{--width:46%;}.elementor-37 .elementor-element.elementor-element-f31fac4{--width:54%;}}/* Start custom CSS for button, class: .elementor-element-3471cf1 *//* =========================================
   HADOU 2027 — HERO CTA
   HIGHER VISIBILITY VERSION
========================================= */

.hadou-hero-cta {
    width: fit-content !important;
    margin-top: 6px !important;
}


/* Main link */
.hadou-hero-cta .elementor-button {
    display: inline-flex !important;
    align-items: center !important;

    padding: 10px 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: #f2f0eb !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .11em !important;

    text-transform: uppercase !important;
    text-decoration: none !important;

    transition:
        color .3s ease,
        transform .3s ease !important;
}


/* Text + line */
.hadou-hero-cta .elementor-button-text {
    display: flex !important;
    align-items: center !important;

    gap: 18px !important;
}


/* Horizontal line */
.hadou-hero-cta .elementor-button-text::after {
    content: "" !important;

    display: block !important;

    width: 64px !important;
    height: 1px !important;

    background: rgba(242, 240, 235, .68) !important;

    transform-origin: left center;

    transition:
        width .35s cubic-bezier(.2,.8,.2,1),
        background-color .3s ease !important;
}


/* Straight arrow */
.hadou-hero-cta .elementor-button::after {
    content: "→" !important;

    display: block !important;

    margin-left: 12px !important;

    color: #c51636 !important;

    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: .8 !important;

    transform: translateX(0);

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        color .3s ease !important;
}


/* Hover */
.hadou-hero-cta .elementor-button:hover {
    color: #ffffff !important;
    transform: translateX(2px);
}

.hadou-hero-cta .elementor-button:hover .elementor-button-text::after {
    width: 82px !important;
    background: #c51636 !important;
}

.hadou-hero-cta .elementor-button:hover::after {
    transform: translateX(7px);
    color: #e01b42 !important;
}


/* Keyboard focus */
.hadou-hero-cta .elementor-button:focus-visible {
    outline: 1px solid rgba(197, 22, 54, .75) !important;
    outline-offset: 7px !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .hadou-hero-cta .elementor-button {
        font-size: 11px !important;
    }

    .hadou-hero-cta .elementor-button-text::after {
        width: 54px !important;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .hadou-hero-cta {
        margin-top: 4px !important;
    }

    .hadou-hero-cta .elementor-button {
        font-size: 11px !important;
        padding: 9px 0 !important;
    }

    .hadou-hero-cta .elementor-button-text {
        gap: 13px !important;
    }

    .hadou-hero-cta .elementor-button-text::after {
        width: 42px !important;
        background: rgba(242,240,235,.62) !important;
    }

    .hadou-hero-cta .elementor-button::after {
        margin-left: 9px !important;
        font-size: 17px !important;
    }

    .hadou-hero-cta .elementor-button:hover .elementor-button-text::after {
        width: 54px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-778a9a2 *//* =========================================================
   HADOU 2027 — PORTAL VIDEO 4:5
========================================================= */

.hadou-portal-frame {
    position: relative !important;
    overflow: visible !important;
}


/* Elementor HTML widget */
.hadou-portal-frame .elementor-widget-html {
    width: 100% !important;
    max-width: 100% !important;
}


/* Video stage */
.hadou-hero-video-wrap {
    position: relative !important;

    width: 100% !important;
    height: 650px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    pointer-events: none !important;
}


/* Video */
.hadou-hero-video {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: center center !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;

    transform: translateX(-2%) !important;

    /*
     * دمج ناعم فقط عند الأطراف.
     * مفيش Zoom ومفيش Crop.
     */
    -webkit-mask-image:
        radial-gradient(
            ellipse 94% 96% at 50% 50%,
            #000 0%,
            #000 76%,
            rgba(0,0,0,.9) 85%,
            rgba(0,0,0,.45) 94%,
            transparent 100%
        ) !important;

    mask-image:
        radial-gradient(
            ellipse 94% 96% at 50% 50%,
            #000 0%,
            #000 76%,
            rgba(0,0,0,.9) 85%,
            rgba(0,0,0,.45) 94%,
            transparent 100%
        ) !important;
}


/* Hide controls */
.hadou-hero-video::-webkit-media-controls {
    display: none !important;
}


/* Tablet */
@media (max-width: 1024px) {

    .hadou-hero-video-wrap {
        height: 560px !important;
    }

    .hadou-hero-video {
        width: 94% !important;
        transform: none !important;
    }

}


/* Mobile — هنظبطه لوحده بعد Desktop */
@media (max-width: 767px) {

    .hadou-hero-video-wrap {
        height: 440px !important;
    }

    .hadou-hero-video {
        width: 100% !important;
        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57fc9ff */.hadou-portal-frame {
    position: relative !important;
    margin-left: auto !important;
    margin-right: 0 !important;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e6f2e5 */.hadou-portal-stage {
    position: relative !important;
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a65656a */.hadou-hero-visual {
    position: relative !important;
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-163a172 *//* =========================================================
   HADOU 2027
   HERO — CINEMATIC ENTRANCE
========================================================= */


/* -----------------------------------------
   INITIAL STATES
------------------------------------------ */

.hadou-hero-title,
.hadou-hero-services,
.hadou-hero-description,
.hadou-hero-cta {
    opacity: 0;
    will-change: transform, opacity;
}


/* H1 starts lower and clipped */
.hadou-hero-title {
    transform: translateY(42px);

    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
}


/* Secondary elements */
.hadou-hero-services {
    transform: translateY(18px);
}

.hadou-hero-description {
    transform: translateY(18px);
}

.hadou-hero-cta {
    transform: translateY(14px);
}


/* Portal */
.hadou-portal-frame {
    opacity: 0;

    transform:
        translateX(28px)
        scale(.97);

    filter: brightness(.55);

    will-change:
        transform,
        opacity,
        filter;
}



/* =========================================================
   ANIMATIONS
========================================================= */


/* H1 reveal */
.hadou-hero-title {
    animation:
        hadouTitleReveal
        1.05s
        cubic-bezier(.16, 1, .3, 1)
        .18s
        forwards;
}


/* Services */
.hadou-hero-services {
    animation:
        hadouFadeUp
        .75s
        cubic-bezier(.16, 1, .3, 1)
        .62s
        forwards;
}


/* Description */
.hadou-hero-description {
    animation:
        hadouFadeUp
        .75s
        cubic-bezier(.16, 1, .3, 1)
        .78s
        forwards;
}


/* CTA */
.hadou-hero-cta {
    animation:
        hadouFadeUp
        .8s
        cubic-bezier(.16, 1, .3, 1)
        .96s
        forwards;
}


/* Portal reveal */
.hadou-portal-frame {
    animation:
        hadouPortalReveal
        1.35s
        cubic-bezier(.16, 1, .3, 1)
        .42s
        forwards;
}



/* =========================================================
   KEYFRAMES
========================================================= */

@keyframes hadouTitleReveal {

    0% {
        opacity: 0;

        transform:
            translateY(42px);

        clip-path:
            inset(0 0 100% 0);

        -webkit-clip-path:
            inset(0 0 100% 0);
    }

    100% {
        opacity: 1;

        transform:
            translateY(0);

        clip-path:
            inset(0 0 0 0);

        -webkit-clip-path:
            inset(0 0 0 0);
    }

}


@keyframes hadouFadeUp {

    0% {
        opacity: 0;
        transform: translateY(18px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }

}


@keyframes hadouPortalReveal {

    0% {
        opacity: 0;

        transform:
            translateX(28px)
            scale(.97);

        filter:
            brightness(.55);
    }

    100% {
        opacity: 1;

        transform:
            translateX(0)
            scale(1);

        filter:
            brightness(1);
    }

}



/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .hadou-hero-title,
    .hadou-hero-services,
    .hadou-hero-description,
    .hadou-hero-cta,
    .hadou-portal-frame {

        animation: none !important;

        opacity: 1 !important;

        transform: none !important;

        filter: none !important;

        clip-path: none !important;
        -webkit-clip-path: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93678d0 *//* =========================================
   HADOU 2027 — SELECTED WORK TOP BAR
========================================= */

.hadou-work-topbar {
    position: relative !important;
    width: 100% !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding-bottom: 22px !important;

    border-bottom: 1px solid rgba(242,240,235,.12) !important;
}


/* LEFT LABEL + RIGHT COUNTER */
.hadou-work-label .elementor-heading-title,
.hadou-work-counter .elementor-heading-title {
    margin: 0 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: .12em !important;
    text-transform: uppercase !important;

    color: rgba(242,240,235,.62) !important;
}


/* 02 red accent */
.hadou-work-label .elementor-heading-title {
    color: rgba(242,240,235,.72) !important;
}


/* Counter slightly quieter */
.hadou-work-counter .elementor-heading-title {
    color: rgba(242,240,235,.42) !important;
}


/* Little red indicator before section name */
.hadou-work-label .elementor-heading-title::before {
    content: "" !important;

    display: inline-block !important;

    width: 5px !important;
    height: 5px !important;

    margin-right: 10px !important;

    background: #c51636 !important;
    border-radius: 50% !important;

    vertical-align: 1px !important;
}


/* Mobile */
@media (max-width: 767px) {

    .hadou-work-topbar {
        padding-bottom: 16px !important;
    }

    .hadou-work-label .elementor-heading-title,
    .hadou-work-counter .elementor-heading-title {
        font-size: 9px !important;
        letter-spacing: .1em !important;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e9e4e5c *//* =========================================
   HADOU 2027 — PROJECT FULL BLEED IMAGE
========================================= */

.hadou-project-image {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 1 !important;
}


/* Elementor wrapper */
.hadou-project-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


/* Actual image */
.hadou-project-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transition:
        transform 1.2s cubic-bezier(.16,1,.3,1),
        filter .6s ease !important;
}


/* Very subtle cinematic treatment */
.hadou-project-slide:hover .hadou-project-image img {
    transform: scale(1.025);
}


/* overlay preparation */
.hadou-project-visual::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,.04) 42%,
            rgba(0,0,0,.58) 100%
        ) !important;
}


/* Mobile */
@media (max-width: 767px) {

    .hadou-project-image img {
        object-position: center center !important;
    }

    .hadou-project-slide:hover .hadou-project-image img {
        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d02007f *//* =========================================
   HADOU 2027 — PROJECT VISUAL LAYER
========================================= */

.hadou-project-slide {
    position: relative !important;
}

.hadou-project-visual {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 45%,
            #1a1a1a 0%,
            #131313 50%,
            #0d0d0d 100%
        ) !important;

    z-index: 1 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a9890a6 *//* =========================================================
   HADOU 2027 — PROJECT TYPOGRAPHY
========================================================= */


/* MAIN PROJECT NAME */
.hadou-project-title .elementor-heading-title {
    margin: 0 !important;

    font-family: "Barlow Condensed", sans-serif !important;

    font-size: clamp(64px, 7vw, 118px) !important;
    font-weight: 700 !important;

    line-height: .78 !important;

    letter-spacing: -.025em !important;
    text-transform: uppercase !important;

    color: #f2f0eb !important;

    text-shadow: 0 8px 40px rgba(0,0,0,.30);
}


/* SECONDARY PROJECT NAME */
.hadou-project-subtitle .elementor-heading-title {
    margin: 8px 0 0 0 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: .18em !important;
    text-transform: uppercase !important;

    color: rgba(242,240,235,.72) !important;
}


/* PROJECT SERVICES */
.hadou-project-meta {
    margin-top: 18px !important;
}

.hadou-project-meta,
.hadou-project-meta p {
    margin-bottom: 0 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .11em !important;
    text-transform: uppercase !important;

    color: rgba(242,240,235,.50) !important;
}


/* =========================================================
   VIEW PROJECT CTA
========================================================= */

.hadou-project-view .elementor-button {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;

    padding: 12px 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: .13em !important;
    text-transform: uppercase !important;

    color: #f2f0eb !important;
}


/* line before arrow */
.hadou-project-view .elementor-button::after {
    content: "" !important;

    width: 46px !important;
    height: 1px !important;

    margin-left: 6px !important;

    background: rgba(242,240,235,.46) !important;

    transition:
        width .35s cubic-bezier(.16,1,.3,1),
        background .35s ease !important;
}


/* hover */
.hadou-project-view .elementor-button:hover {
    color: #ffffff !important;
}

.hadou-project-view .elementor-button:hover::after {
    width: 68px !important;
    background: #c51636 !important;
}


/* ICON */
.hadou-project-view .elementor-button-icon {
    color: #c51636 !important;

    transition: transform .35s cubic-bezier(.16,1,.3,1) !important;
}

.hadou-project-view .elementor-button:hover .elementor-button-icon {
    transform: translate(3px,-3px) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hadou-project-title .elementor-heading-title {
        font-size: clamp(58px, 8vw, 90px) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-project-title .elementor-heading-title {
        font-size: clamp(48px, 16vw, 72px) !important;
    }

    .hadou-project-subtitle .elementor-heading-title {
        font-size: 11px !important;
    }

    .hadou-project-meta,
    .hadou-project-meta p {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c72e76d *//* =========================================
   HADOU 2027 — PROJECT INFO
========================================= */

.hadou-project-info {
    position: relative !important;

    width: 100% !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;

    gap: 30px !important;

    margin-top: auto !important;

    z-index: 5 !important;
}

/* =========================================
   HADOU 2027 — PROJECT INFO COLUMNS
========================================= */

.hadou-project-identity {
    width: 70% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
}

.hadou-project-action {
    width: 30% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

/* Mobile */
@media (max-width: 767px) {

    .hadou-project-info {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
    }

    .hadou-project-identity,
    .hadou-project-action {
        width: 100% !important;
    }

    .hadou-project-action {
        align-items: flex-start !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fe49e7 *//* =========================================
   HADOU 2027 — PROJECT OVERLAY
========================================= */

.hadou-project-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    padding: 44px !important;

    z-index: 4 !important;

    background:
        linear-gradient(
            180deg,
            rgba(5,5,5,.02) 0%,
            rgba(5,5,5,.02) 45%,
            rgba(5,5,5,.20) 68%,
            rgba(5,5,5,.72) 100%
        ) !important;
}


/* Tablet */
@media (max-width: 1024px) {
    .hadou-project-overlay {
        padding: 32px !important;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .hadou-project-overlay {
        padding: 22px 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f15584 *//* =========================================
   HADOU 2027 — PROJECT SLIDE BASE
========================================= */

.hadou-project-slide {
    position: relative !important;

    width: 100% !important;
    min-height: 68vh !important;

    overflow: hidden !important;

    background: #111111 !important;

    isolation: isolate;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4417928 *//* =========================================
   HADOU 2027 — PROJECT FULL BLEED IMAGE
========================================= */

.hadou-project-image {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 1 !important;
}


/* Elementor wrapper */
.hadou-project-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


/* Actual image */
.hadou-project-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transition:
        transform 1.2s cubic-bezier(.16,1,.3,1),
        filter .6s ease !important;
}


/* Very subtle cinematic treatment */
.hadou-project-slide:hover .hadou-project-image img {
    transform: scale(1.025);
}


/* overlay preparation */
.hadou-project-visual::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,.04) 42%,
            rgba(0,0,0,.58) 100%
        ) !important;
}


/* Mobile */
@media (max-width: 767px) {

    .hadou-project-image img {
        object-position: center center !important;
    }

    .hadou-project-slide:hover .hadou-project-image img {
        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc3baa3 *//* =========================================
   HADOU 2027 — PROJECT VISUAL LAYER
========================================= */

.hadou-project-slide {
    position: relative !important;
}

.hadou-project-visual {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 45%,
            #1a1a1a 0%,
            #131313 50%,
            #0d0d0d 100%
        ) !important;

    z-index: 1 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ff7b0c4 *//* =========================================================
   HADOU 2027 — PROJECT TYPOGRAPHY
========================================================= */


/* MAIN PROJECT NAME */
.hadou-project-title .elementor-heading-title {
    margin: 0 !important;

    font-family: "Barlow Condensed", sans-serif !important;

    font-size: clamp(64px, 7vw, 118px) !important;
    font-weight: 700 !important;

    line-height: .78 !important;

    letter-spacing: -.025em !important;
    text-transform: uppercase !important;

    color: #f2f0eb !important;

    text-shadow: 0 8px 40px rgba(0,0,0,.30);
}


/* SECONDARY PROJECT NAME */
.hadou-project-subtitle .elementor-heading-title {
    margin: 8px 0 0 0 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: .18em !important;
    text-transform: uppercase !important;

    color: rgba(242,240,235,.72) !important;
}


/* PROJECT SERVICES */
.hadou-project-meta {
    margin-top: 18px !important;
}

.hadou-project-meta,
.hadou-project-meta p {
    margin-bottom: 0 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .11em !important;
    text-transform: uppercase !important;

    color: rgba(242,240,235,.50) !important;
}


/* =========================================================
   VIEW PROJECT CTA
========================================================= */

.hadou-project-view .elementor-button {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;

    padding: 12px 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: .13em !important;
    text-transform: uppercase !important;

    color: #f2f0eb !important;
}


/* line before arrow */
.hadou-project-view .elementor-button::after {
    content: "" !important;

    width: 46px !important;
    height: 1px !important;

    margin-left: 6px !important;

    background: rgba(242,240,235,.46) !important;

    transition:
        width .35s cubic-bezier(.16,1,.3,1),
        background .35s ease !important;
}


/* hover */
.hadou-project-view .elementor-button:hover {
    color: #ffffff !important;
}

.hadou-project-view .elementor-button:hover::after {
    width: 68px !important;
    background: #c51636 !important;
}


/* ICON */
.hadou-project-view .elementor-button-icon {
    color: #c51636 !important;

    transition: transform .35s cubic-bezier(.16,1,.3,1) !important;
}

.hadou-project-view .elementor-button:hover .elementor-button-icon {
    transform: translate(3px,-3px) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hadou-project-title .elementor-heading-title {
        font-size: clamp(58px, 8vw, 90px) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-project-title .elementor-heading-title {
        font-size: clamp(48px, 16vw, 72px) !important;
    }

    .hadou-project-subtitle .elementor-heading-title {
        font-size: 11px !important;
    }

    .hadou-project-meta,
    .hadou-project-meta p {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fe1a4 *//* =========================================
   HADOU 2027 — PROJECT INFO
========================================= */

.hadou-project-info {
    position: relative !important;

    width: 100% !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;

    gap: 30px !important;

    margin-top: auto !important;

    z-index: 5 !important;
}

/* =========================================
   HADOU 2027 — PROJECT INFO COLUMNS
========================================= */

.hadou-project-identity {
    width: 70% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
}

.hadou-project-action {
    width: 30% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

/* Mobile */
@media (max-width: 767px) {

    .hadou-project-info {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
    }

    .hadou-project-identity,
    .hadou-project-action {
        width: 100% !important;
    }

    .hadou-project-action {
        align-items: flex-start !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f21af9 *//* =========================================
   HADOU 2027 — PROJECT OVERLAY
========================================= */

.hadou-project-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    padding: 44px !important;

    z-index: 4 !important;

    background:
        linear-gradient(
            180deg,
            rgba(5,5,5,.02) 0%,
            rgba(5,5,5,.02) 45%,
            rgba(5,5,5,.20) 68%,
            rgba(5,5,5,.72) 100%
        ) !important;
}


/* Tablet */
@media (max-width: 1024px) {
    .hadou-project-overlay {
        padding: 32px !important;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .hadou-project-overlay {
        padding: 22px 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c1d976 *//* =========================================
   HADOU 2027 — PROJECT SLIDE BASE
========================================= */

.hadou-project-slide {
    position: relative !important;

    width: 100% !important;
    min-height: 68vh !important;

    overflow: hidden !important;

    background: #111111 !important;

    isolation: isolate;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d89d78 *//* =========================================
   HADOU 2027 — PROJECT FULL BLEED IMAGE
========================================= */

.hadou-project-image {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 1 !important;
}


/* Elementor wrapper */
.hadou-project-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


/* Actual image */
.hadou-project-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transition:
        transform 1.2s cubic-bezier(.16,1,.3,1),
        filter .6s ease !important;
}


/* Very subtle cinematic treatment */
.hadou-project-slide:hover .hadou-project-image img {
    transform: scale(1.025);
}


/* overlay preparation */
.hadou-project-visual::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,.04) 42%,
            rgba(0,0,0,.58) 100%
        ) !important;
}


/* Mobile */
@media (max-width: 767px) {

    .hadou-project-image img {
        object-position: center center !important;
    }

    .hadou-project-slide:hover .hadou-project-image img {
        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbf7cb6 *//* =========================================
   HADOU 2027 — PROJECT VISUAL LAYER
========================================= */

.hadou-project-slide {
    position: relative !important;
}

.hadou-project-visual {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 45%,
            #1a1a1a 0%,
            #131313 50%,
            #0d0d0d 100%
        ) !important;

    z-index: 1 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5442797 *//* =========================================================
   HADOU 2027 — PROJECT TYPOGRAPHY
========================================================= */


/* MAIN PROJECT NAME */
.hadou-project-title .elementor-heading-title {
    margin: 0 !important;

    font-family: "Barlow Condensed", sans-serif !important;

    font-size: clamp(64px, 7vw, 118px) !important;
    font-weight: 700 !important;

    line-height: .78 !important;

    letter-spacing: -.025em !important;
    text-transform: uppercase !important;

    color: #f2f0eb !important;

    text-shadow: 0 8px 40px rgba(0,0,0,.30);
}


/* SECONDARY PROJECT NAME */
.hadou-project-subtitle .elementor-heading-title {
    margin: 8px 0 0 0 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: .18em !important;
    text-transform: uppercase !important;

    color: rgba(242,240,235,.72) !important;
}


/* PROJECT SERVICES */
.hadou-project-meta {
    margin-top: 18px !important;
}

.hadou-project-meta,
.hadou-project-meta p {
    margin-bottom: 0 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .11em !important;
    text-transform: uppercase !important;

    color: rgba(242,240,235,.50) !important;
}


/* =========================================================
   VIEW PROJECT CTA
========================================================= */

.hadou-project-view .elementor-button {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;

    padding: 12px 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: .13em !important;
    text-transform: uppercase !important;

    color: #f2f0eb !important;
}


/* line before arrow */
.hadou-project-view .elementor-button::after {
    content: "" !important;

    width: 46px !important;
    height: 1px !important;

    margin-left: 6px !important;

    background: rgba(242,240,235,.46) !important;

    transition:
        width .35s cubic-bezier(.16,1,.3,1),
        background .35s ease !important;
}


/* hover */
.hadou-project-view .elementor-button:hover {
    color: #ffffff !important;
}

.hadou-project-view .elementor-button:hover::after {
    width: 68px !important;
    background: #c51636 !important;
}


/* ICON */
.hadou-project-view .elementor-button-icon {
    color: #c51636 !important;

    transition: transform .35s cubic-bezier(.16,1,.3,1) !important;
}

.hadou-project-view .elementor-button:hover .elementor-button-icon {
    transform: translate(3px,-3px) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hadou-project-title .elementor-heading-title {
        font-size: clamp(58px, 8vw, 90px) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-project-title .elementor-heading-title {
        font-size: clamp(48px, 16vw, 72px) !important;
    }

    .hadou-project-subtitle .elementor-heading-title {
        font-size: 11px !important;
    }

    .hadou-project-meta,
    .hadou-project-meta p {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-116ec97 *//* =========================================
   HADOU 2027 — PROJECT INFO
========================================= */

.hadou-project-info {
    position: relative !important;

    width: 100% !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;

    gap: 30px !important;

    margin-top: auto !important;

    z-index: 5 !important;
}

/* =========================================
   HADOU 2027 — PROJECT INFO COLUMNS
========================================= */

.hadou-project-identity {
    width: 70% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
}

.hadou-project-action {
    width: 30% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

/* Mobile */
@media (max-width: 767px) {

    .hadou-project-info {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
    }

    .hadou-project-identity,
    .hadou-project-action {
        width: 100% !important;
    }

    .hadou-project-action {
        align-items: flex-start !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f447e3b *//* =========================================
   HADOU 2027 — PROJECT OVERLAY
========================================= */

.hadou-project-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    padding: 44px !important;

    z-index: 4 !important;

    background:
        linear-gradient(
            180deg,
            rgba(5,5,5,.02) 0%,
            rgba(5,5,5,.02) 45%,
            rgba(5,5,5,.20) 68%,
            rgba(5,5,5,.72) 100%
        ) !important;
}


/* Tablet */
@media (max-width: 1024px) {
    .hadou-project-overlay {
        padding: 32px !important;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .hadou-project-overlay {
        padding: 22px 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9605df *//* =========================================
   HADOU 2027 — PROJECT SLIDE BASE
========================================= */

.hadou-project-slide {
    position: relative !important;

    width: 100% !important;
    min-height: 68vh !important;

    overflow: hidden !important;

    background: #111111 !important;

    isolation: isolate;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c046e01 *//* =========================================
   HADOU 2027 — PROJECT FULL BLEED IMAGE
========================================= */

.hadou-project-image {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 1 !important;
}


/* Elementor wrapper */
.hadou-project-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


/* Actual image */
.hadou-project-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transition:
        transform 1.2s cubic-bezier(.16,1,.3,1),
        filter .6s ease !important;
}


/* Very subtle cinematic treatment */
.hadou-project-slide:hover .hadou-project-image img {
    transform: scale(1.025);
}


/* overlay preparation */
.hadou-project-visual::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,.04) 42%,
            rgba(0,0,0,.58) 100%
        ) !important;
}


/* Mobile */
@media (max-width: 767px) {

    .hadou-project-image img {
        object-position: center center !important;
    }

    .hadou-project-slide:hover .hadou-project-image img {
        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d333485 *//* =========================================
   HADOU 2027 — PROJECT VISUAL LAYER
========================================= */

.hadou-project-slide {
    position: relative !important;
}

.hadou-project-visual {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 45%,
            #1a1a1a 0%,
            #131313 50%,
            #0d0d0d 100%
        ) !important;

    z-index: 1 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-222bcce *//* =========================================================
   HADOU 2027 — PROJECT TYPOGRAPHY
========================================================= */


/* MAIN PROJECT NAME */
.hadou-project-title .elementor-heading-title {
    margin: 0 !important;

    font-family: "Barlow Condensed", sans-serif !important;

    font-size: clamp(64px, 7vw, 118px) !important;
    font-weight: 700 !important;

    line-height: .78 !important;

    letter-spacing: -.025em !important;
    text-transform: uppercase !important;

    color: #f2f0eb !important;

    text-shadow: 0 8px 40px rgba(0,0,0,.30);
}


/* SECONDARY PROJECT NAME */
.hadou-project-subtitle .elementor-heading-title {
    margin: 8px 0 0 0 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: .18em !important;
    text-transform: uppercase !important;

    color: rgba(242,240,235,.72) !important;
}


/* PROJECT SERVICES */
.hadou-project-meta {
    margin-top: 18px !important;
}

.hadou-project-meta,
.hadou-project-meta p {
    margin-bottom: 0 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .11em !important;
    text-transform: uppercase !important;

    color: rgba(242,240,235,.50) !important;
}


/* =========================================================
   VIEW PROJECT CTA
========================================================= */

.hadou-project-view .elementor-button {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;

    padding: 12px 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: .13em !important;
    text-transform: uppercase !important;

    color: #f2f0eb !important;
}


/* line before arrow */
.hadou-project-view .elementor-button::after {
    content: "" !important;

    width: 46px !important;
    height: 1px !important;

    margin-left: 6px !important;

    background: rgba(242,240,235,.46) !important;

    transition:
        width .35s cubic-bezier(.16,1,.3,1),
        background .35s ease !important;
}


/* hover */
.hadou-project-view .elementor-button:hover {
    color: #ffffff !important;
}

.hadou-project-view .elementor-button:hover::after {
    width: 68px !important;
    background: #c51636 !important;
}


/* ICON */
.hadou-project-view .elementor-button-icon {
    color: #c51636 !important;

    transition: transform .35s cubic-bezier(.16,1,.3,1) !important;
}

.hadou-project-view .elementor-button:hover .elementor-button-icon {
    transform: translate(3px,-3px) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hadou-project-title .elementor-heading-title {
        font-size: clamp(58px, 8vw, 90px) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-project-title .elementor-heading-title {
        font-size: clamp(48px, 16vw, 72px) !important;
    }

    .hadou-project-subtitle .elementor-heading-title {
        font-size: 11px !important;
    }

    .hadou-project-meta,
    .hadou-project-meta p {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73c2bec *//* =========================================
   HADOU 2027 — PROJECT INFO
========================================= */

.hadou-project-info {
    position: relative !important;

    width: 100% !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;

    gap: 30px !important;

    margin-top: auto !important;

    z-index: 5 !important;
}

/* =========================================
   HADOU 2027 — PROJECT INFO COLUMNS
========================================= */

.hadou-project-identity {
    width: 70% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
}

.hadou-project-action {
    width: 30% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

/* Mobile */
@media (max-width: 767px) {

    .hadou-project-info {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
    }

    .hadou-project-identity,
    .hadou-project-action {
        width: 100% !important;
    }

    .hadou-project-action {
        align-items: flex-start !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4029914 *//* =========================================
   HADOU 2027 — PROJECT OVERLAY
========================================= */

.hadou-project-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    padding: 44px !important;

    z-index: 4 !important;

    background:
        linear-gradient(
            180deg,
            rgba(5,5,5,.02) 0%,
            rgba(5,5,5,.02) 45%,
            rgba(5,5,5,.20) 68%,
            rgba(5,5,5,.72) 100%
        ) !important;
}


/* Tablet */
@media (max-width: 1024px) {
    .hadou-project-overlay {
        padding: 32px !important;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .hadou-project-overlay {
        padding: 22px 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0180cdd *//* =========================================
   HADOU 2027 — PROJECT SLIDE BASE
========================================= */

.hadou-project-slide {
    position: relative !important;

    width: 100% !important;
    min-height: 68vh !important;

    overflow: hidden !important;

    background: #111111 !important;

    isolation: isolate;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f38a18 *//* =========================================
   HADOU 2027 — PROJECT FULL BLEED IMAGE
========================================= */

.hadou-project-image {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 1 !important;
}


/* Elementor wrapper */
.hadou-project-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


/* Actual image */
.hadou-project-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transition:
        transform 1.2s cubic-bezier(.16,1,.3,1),
        filter .6s ease !important;
}


/* Very subtle cinematic treatment */
.hadou-project-slide:hover .hadou-project-image img {
    transform: scale(1.025);
}


/* overlay preparation */
.hadou-project-visual::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,.04) 42%,
            rgba(0,0,0,.58) 100%
        ) !important;
}


/* Mobile */
@media (max-width: 767px) {

    .hadou-project-image img {
        object-position: center center !important;
    }

    .hadou-project-slide:hover .hadou-project-image img {
        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24b99d9 *//* =========================================
   HADOU 2027 — PROJECT VISUAL LAYER
========================================= */

.hadou-project-slide {
    position: relative !important;
}

.hadou-project-visual {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 45%,
            #1a1a1a 0%,
            #131313 50%,
            #0d0d0d 100%
        ) !important;

    z-index: 1 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5ebdd25 *//* =========================================================
   HADOU 2027 — PROJECT TYPOGRAPHY
========================================================= */


/* MAIN PROJECT NAME */
.hadou-project-title .elementor-heading-title {
    margin: 0 !important;

    font-family: "Barlow Condensed", sans-serif !important;

    font-size: clamp(64px, 7vw, 118px) !important;
    font-weight: 700 !important;

    line-height: .78 !important;

    letter-spacing: -.025em !important;
    text-transform: uppercase !important;

    color: #f2f0eb !important;

    text-shadow: 0 8px 40px rgba(0,0,0,.30);
}


/* SECONDARY PROJECT NAME */
.hadou-project-subtitle .elementor-heading-title {
    margin: 8px 0 0 0 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: .18em !important;
    text-transform: uppercase !important;

    color: rgba(242,240,235,.72) !important;
}


/* PROJECT SERVICES */
.hadou-project-meta {
    margin-top: 18px !important;
}

.hadou-project-meta,
.hadou-project-meta p {
    margin-bottom: 0 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .11em !important;
    text-transform: uppercase !important;

    color: rgba(242,240,235,.50) !important;
}


/* =========================================================
   VIEW PROJECT CTA
========================================================= */

.hadou-project-view .elementor-button {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;

    padding: 12px 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: .13em !important;
    text-transform: uppercase !important;

    color: #f2f0eb !important;
}


/* line before arrow */
.hadou-project-view .elementor-button::after {
    content: "" !important;

    width: 46px !important;
    height: 1px !important;

    margin-left: 6px !important;

    background: rgba(242,240,235,.46) !important;

    transition:
        width .35s cubic-bezier(.16,1,.3,1),
        background .35s ease !important;
}


/* hover */
.hadou-project-view .elementor-button:hover {
    color: #ffffff !important;
}

.hadou-project-view .elementor-button:hover::after {
    width: 68px !important;
    background: #c51636 !important;
}


/* ICON */
.hadou-project-view .elementor-button-icon {
    color: #c51636 !important;

    transition: transform .35s cubic-bezier(.16,1,.3,1) !important;
}

.hadou-project-view .elementor-button:hover .elementor-button-icon {
    transform: translate(3px,-3px) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hadou-project-title .elementor-heading-title {
        font-size: clamp(58px, 8vw, 90px) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-project-title .elementor-heading-title {
        font-size: clamp(48px, 16vw, 72px) !important;
    }

    .hadou-project-subtitle .elementor-heading-title {
        font-size: 11px !important;
    }

    .hadou-project-meta,
    .hadou-project-meta p {
        font-size: 9px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acfc8bb *//* =========================================
   HADOU 2027 — PROJECT INFO
========================================= */

.hadou-project-info {
    position: relative !important;

    width: 100% !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;

    gap: 30px !important;

    margin-top: auto !important;

    z-index: 5 !important;
}

/* =========================================
   HADOU 2027 — PROJECT INFO COLUMNS
========================================= */

.hadou-project-identity {
    width: 70% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
}

.hadou-project-action {
    width: 30% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

/* Mobile */
@media (max-width: 767px) {

    .hadou-project-info {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
    }

    .hadou-project-identity,
    .hadou-project-action {
        width: 100% !important;
    }

    .hadou-project-action {
        align-items: flex-start !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d5acf6 *//* =========================================
   HADOU 2027 — PROJECT OVERLAY
========================================= */

.hadou-project-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    padding: 44px !important;

    z-index: 4 !important;

    background:
        linear-gradient(
            180deg,
            rgba(5,5,5,.02) 0%,
            rgba(5,5,5,.02) 45%,
            rgba(5,5,5,.20) 68%,
            rgba(5,5,5,.72) 100%
        ) !important;
}


/* Tablet */
@media (max-width: 1024px) {
    .hadou-project-overlay {
        padding: 32px !important;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .hadou-project-overlay {
        padding: 22px 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7060ea3 *//* =========================================
   HADOU 2027 — PROJECT SLIDE BASE
========================================= */

.hadou-project-slide {
    position: relative !important;

    width: 100% !important;
    min-height: 68vh !important;

    overflow: hidden !important;

    background: #111111 !important;

    isolation: isolate;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926201 *//* =========================================
   HADOU 2027 — PROJECT MEDIA STAGE
========================================= */

.hadou-project-media {
    position: relative !important;

    width: 100% !important;
    min-height: 68vh !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 45%,
            #161616 0%,
            #111111 45%,
            #0d0d0d 100%
        ) !important;
}


/* TEMPORARY — just to see the visual boundary */
.hadou-project-media::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    border: 1px solid rgba(242,240,235,.07) !important;

    pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee6b653 *//* =========================================================
   HADOU 2027 — PROJECT NAVIGATION
========================================================= */

.hadou-project-nav {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 18px;

    padding: 24px 0 0;
}


/* EACH PROJECT */
.hadou-project-nav-item {
    flex: 1;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 8px 0;

    appearance: none;
    border: 0;
    background: transparent;

    cursor: pointer;

    opacity: .42;

    transition: opacity .35s ease;
}


/* NUMBER */
.hadou-project-nav-number {
    flex: 0 0 auto;

    font-family: "Manrope", sans-serif;
    font-size: 9px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: .1em;

    color: rgba(242,240,235,.72);
}


/* TRACK */
.hadou-project-nav-track {
    position: relative;

    display: block;

    width: 100%;
    height: 1px;

    overflow: hidden;

    background: rgba(242,240,235,.18);
}


/* RED PROGRESS */
.hadou-project-nav-progress {
    position: absolute;

    inset: 0 auto 0 0;

    width: 0%;
    height: 100%;

    background: #c51636;
}


/* ACTIVE */
.hadou-project-nav-item.is-active {
    opacity: 1;
}


/* HOVER */
.hadou-project-nav-item:hover {
    opacity: .8;
}


/* MOBILE */
@media (max-width: 767px) {

    .hadou-project-nav {
        gap: 10px;
        padding-top: 18px;
    }

    .hadou-project-nav-item {
        gap: 6px;
    }

    .hadou-project-nav-number {
        font-size: 8px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9aef569 *//* =========================================================
   HADOU 2027 — EDITORIAL PROJECT TRANSITION
   PHASED VISUAL + DELAYED CONTENT
========================================================= */


/* =========================================================
   STAGE
========================================================= */

.hadou-project-media {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}


/* =========================================================
   SLIDE BASE
========================================================= */

.hadou-project-slide {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    z-index: 1;

    clip-path: inset(0 0 0 100%);
    -webkit-clip-path: inset(0 0 0 100%);

    transition:
        clip-path .9s cubic-bezier(.76,0,.24,1),
        -webkit-clip-path .9s cubic-bezier(.76,0,.24,1),
        opacity .15s linear !important;
}


/* active visual */
.hadou-project-slide.is-active {
    opacity: 1;
    visibility: visible;

    pointer-events: auto;

    z-index: 3;

    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
}


/* =========================================================
   VISUAL ENTRY DIRECTION
========================================================= */

.hadou-project-slide.is-entering.from-right {
    opacity: 1;
    visibility: visible;

    clip-path: inset(0 0 0 100%);
    -webkit-clip-path: inset(0 0 0 100%);
}


.hadou-project-slide.is-entering.from-left {
    opacity: 1;
    visibility: visible;

    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
}


.hadou-project-slide.is-entering.is-active {
    clip-path: inset(0);
    -webkit-clip-path: inset(0);
}


/* =========================================================
   OLD SLIDE
========================================================= */

.hadou-project-slide.is-leaving {
    opacity: 1;
    visibility: visible;

    pointer-events: none;

    z-index: 2;
}


.hadou-project-slide.is-leaving.to-left {
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
}


.hadou-project-slide.is-leaving.to-right {
    clip-path: inset(0 0 0 100%);
    -webkit-clip-path: inset(0 0 0 100%);
}


/* =========================================================
   IMAGE MOTION
========================================================= */

.hadou-project-slide .hadou-project-image img {
    transform: scale(1.045);

    filter:
        brightness(.72)
        saturate(.9);

    will-change: transform, filter;

    transition:
        transform 1.3s cubic-bezier(.16,1,.3,1),
        filter .85s ease !important;
}


/* incoming image */
.hadou-project-slide.is-entering .hadou-project-image img {
    transform: scale(1.07);
}


/* image settles first */
.hadou-project-slide.is-active .hadou-project-image img {
    transform: scale(1.008);

    filter:
        brightness(1)
        saturate(1);
}


/* outgoing image */
.hadou-project-slide.is-leaving .hadou-project-image img {
    transform: scale(1.035);

    filter:
        brightness(.45)
        saturate(.78) !important;
}


/* =========================================================
   DARK CURTAIN
========================================================= */

.hadou-project-slide::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 3 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            #080808 0%,
            rgba(8,8,8,.88) 22%,
            rgba(8,8,8,.48) 58%,
            transparent 100%
        );

    opacity: 1;

    transition:
        transform .95s cubic-bezier(.76,0,.24,1),
        opacity .7s ease !important;
}


.hadou-project-slide.is-entering.from-right.is-active::before {
    transform: translateX(-108%);
    opacity: 0;
}


.hadou-project-slide.is-entering.from-left.is-active::before {
    transform: translateX(108%);
    opacity: 0;
}


.hadou-project-slide.is-active:not(.is-entering)::before {
    opacity: 0;
}


/* =========================================================
   VERY SUBTLE HADOU EDGE
========================================================= */

.hadou-project-slide::after {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    bottom: 0 !important;

    width: 1px !important;

    z-index: 7 !important;

    pointer-events: none !important;

    background: rgba(197,22,54,.55);

    box-shadow:
        0 0 20px rgba(197,22,54,.16);

    opacity: 0;
}


.hadou-project-slide.is-entering.from-right::after {
    right: 0;
    opacity: .45;
}


.hadou-project-slide.is-entering.from-left::after {
    left: 0;
    opacity: .45;
}


/* =========================================================
   CONTENT DEFAULT
   IMPORTANT:
   TEXT DOES NOT USE is-active ANYMORE
========================================================= */

.hadou-project-title,
.hadou-project-subtitle,
.hadou-project-meta,
.hadou-project-view {
    opacity: 0;
}


/* TITLE */
.hadou-project-title {
    transform: translateY(40px);

    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);

    transition:
        opacity .5s ease,
        transform .72s cubic-bezier(.16,1,.3,1),
        clip-path .72s cubic-bezier(.16,1,.3,1),
        -webkit-clip-path .72s cubic-bezier(.16,1,.3,1) !important;
}


/* SUBTITLE */
.hadou-project-subtitle {
    transform: translateY(14px);

    transition:
        opacity .5s ease,
        transform .65s cubic-bezier(.16,1,.3,1) !important;
}


/* META */
.hadou-project-meta {
    transform: translateY(12px);

    transition:
        opacity .5s ease,
        transform .65s cubic-bezier(.16,1,.3,1) !important;
}


/* CTA */
.hadou-project-view {
    transform: translateX(18px);

    transition:
        opacity .5s ease,
        transform .7s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   CONTENT READY
   ONLY STARTS AFTER IMAGE TRANSITION
========================================================= */

.hadou-project-slide.content-ready
.hadou-project-title {
    opacity: 1;

    transform: translateY(0);

    clip-path: inset(0);
    -webkit-clip-path: inset(0);

    transition-delay: 0s !important;
}


.hadou-project-slide.content-ready
.hadou-project-subtitle {
    opacity: 1;
    transform: translateY(0);

    transition-delay: .10s !important;
}


.hadou-project-slide.content-ready
.hadou-project-meta {
    opacity: 1;
    transform: translateY(0);

    transition-delay: .18s !important;
}


.hadou-project-slide.content-ready
.hadou-project-view {
    opacity: 1;
    transform: translateX(0);

    transition-delay: .14s !important;
}


/* =========================================================
   CONTENT EXIT
   Happens BEFORE visual transition
========================================================= */

.hadou-project-slide.is-leaving
.hadou-project-title {
    opacity: 0;

    transform: translateY(-16px);

    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);

    transition:
        opacity .2s ease,
        transform .28s ease,
        clip-path .28s ease !important;
}


.hadou-project-slide.is-leaving
.hadou-project-subtitle,
.hadou-project-slide.is-leaving
.hadou-project-meta {
    opacity: 0;

    transform: translateY(-8px);

    transition:
        opacity .18s ease,
        transform .26s ease !important;
}


.hadou-project-slide.is-leaving
.hadou-project-view {
    opacity: 0;

    transform: translateX(-10px);

    transition:
        opacity .18s ease,
        transform .26s ease !important;
}


/* =========================================================
   NAV
========================================================= */

.hadou-project-nav-progress {
    width: 0%;
}

.hadou-project-nav-item.is-active {
    opacity: 1;
}

.hadou-project-nav-item.is-active
.hadou-project-nav-number {
    color: #f2f0eb;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-project-slide {
        transition:
            clip-path .65s cubic-bezier(.76,0,.24,1),
            -webkit-clip-path .65s cubic-bezier(.76,0,.24,1) !important;
    }

    .hadou-project-slide .hadou-project-image img {
        transition:
            transform .9s cubic-bezier(.16,1,.3,1),
            filter .6s ease !important;
    }

    .hadou-project-slide::after {
        display: none !important;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .hadou-project-slide,
    .hadou-project-slide *,
    .hadou-project-slide::before,
    .hadou-project-slide::after {
        transition: none !important;
    }

    .hadou-project-slide.content-ready
    .hadou-project-title,
    .hadou-project-slide.content-ready
    .hadou-project-subtitle,
    .hadou-project-slide.content-ready
    .hadou-project-meta,
    .hadou-project-slide.content-ready
    .hadou-project-view {
        opacity: 1 !important;
        transform: none !important;

        clip-path: none !important;
        -webkit-clip-path: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76e1d8f *//* =========================================
   HADOU 2027 — PROJECT SHOWCASE STAGE
========================================= */

.hadou-project-stage {
    position: relative !important;
    width: 100% !important;

    min-height: 68vh !important;

    overflow: hidden !important;

    background: #0a0a0a;
}

/* =========================================
   HADOU 2027 — PROJECT SLIDES BASE
========================================= */

.hadou-project-media {
    position: relative !important;
}

.hadou-project-slide {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    z-index: 1;

    transition:
        opacity .8s cubic-bezier(.16,1,.3,1),
        visibility .8s ease;
}


/* Current project */
.hadou-project-slide.is-active {
    opacity: 1;
    visibility: visible;

    pointer-events: auto;

    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-879774e *//* =========================================================
   HADOU 2027 — EXPLORE ALL WORK
   TEXT → LINE → ARROW
========================================================= */


/* =========================================================
   WORK FOOTER
========================================================= */

.hadou-work-footer {
    position: relative !important;

    width: 100% !important;
    min-height: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex-grow: 0 !important;

    margin: 0 !important;

    padding:
        30px 0
        0 0 !important;
}


/* =========================================================
   BUTTON RESET
========================================================= */

.hadou-work-all .elementor-button {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;

    padding: 10px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: rgba(242,240,235,.72) !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: .13em !important;
    text-transform: uppercase !important;

    transition:
        color .35s ease !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
========================================================= */

.hadou-work-all
.elementor-button-content-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 0 !important;
}


/* =========================================================
   TEXT
========================================================= */

.hadou-work-all
.elementor-button-text {
    order: 1 !important;

    display: inline-block !important;

    white-space: nowrap !important;
}


/* =========================================================
   EDITORIAL LINE
   BETWEEN TEXT AND ARROW
========================================================= */

.hadou-work-all
.elementor-button-content-wrapper::after {
    content: "" !important;

    order: 2 !important;

    display: block !important;
    flex: 0 0 auto !important;

    width: 58px !important;
    height: 1px !important;

    margin-left: 14px !important;
    margin-right: 12px !important;

    background:
        rgba(242,240,235,.25) !important;

    transition:
        width .45s cubic-bezier(.16,1,.3,1),
        background .35s ease !important;
}


/* =========================================================
   ARROW
========================================================= */

.hadou-work-all
.elementor-button-icon {
    order: 3 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #c51636 !important;

    font-size: 11px !important;

    line-height: 1 !important;

    transition:
        transform .4s cubic-bezier(.16,1,.3,1),
        color .35s ease !important;
}


/* =========================================================
   HOVER
========================================================= */

.hadou-work-all
.elementor-button:hover {
    color: #f2f0eb !important;
}


/* LINE EXPANDS */
.hadou-work-all
.elementor-button:hover
.elementor-button-content-wrapper::after {
    width: 78px !important;

    background:
        #c51636 !important;
}


/* ARROW MOVES */
.hadou-work-all
.elementor-button:hover
.elementor-button-icon {
    transform:
        translateX(4px) !important;

    color: #c51636 !important;
}


/* =========================================================
   FOCUS
========================================================= */

.hadou-work-all
.elementor-button:focus,
.hadou-work-all
.elementor-button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-work-footer {
        justify-content: flex-start !important;

        padding-top: 24px !important;
    }


    .hadou-work-all
    .elementor-button {
        font-size: 9px !important;

        letter-spacing: .12em !important;
    }


    .hadou-work-all
    .elementor-button-content-wrapper::after {
        width: 42px !important;

        margin-left: 10px !important;
        margin-right: 9px !important;
    }


    .hadou-work-all
    .elementor-button:hover
    .elementor-button-content-wrapper::after {
        width: 54px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75904e *//* =========================================================
   HADOU 2027 — SERVICES TOPBAR
========================================================= */

.hadou-services-topbar {
    position: relative !important;

    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 0 0 22px 0 !important;

    margin: 0 !important;

    border-bottom:
        1px solid rgba(242,240,235,.12) !important;
}


/* =========================================================
   RESET HEADINGS
========================================================= */

.hadou-services-label,
.hadou-services-kicker {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


.hadou-services-label .elementor-heading-title,
.hadou-services-kicker .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

    background: none !important;

    border: 0 !important;

    box-shadow: none !important;

    text-shadow: none !important;
}


/* =========================================================
   LEFT LABEL
========================================================= */

.hadou-services-label .elementor-heading-title {
    color:
        rgba(242,240,235,.72) !important;
}


/* RED INDEX DOT */
.hadou-services-label
.elementor-heading-title::before {
    content: "" !important;

    display: inline-block !important;

    width: 5px !important;
    height: 5px !important;

    margin-right: 10px !important;

    border-radius: 50% !important;

    background:
        #c51636 !important;

    vertical-align: 1px !important;
}


/* =========================================================
   RIGHT KICKER
========================================================= */

.hadou-services-kicker
.elementor-heading-title {
    color:
        rgba(242,240,235,.38) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-services-topbar {
        padding-bottom: 16px !important;
    }


    .hadou-services-label
    .elementor-heading-title,
    .hadou-services-kicker
    .elementor-heading-title {

        font-size: 9px !important;
        letter-spacing: .10em !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c83fe5c *//* =========================================================
   HADOU 2027 — SERVICES STATEMENT
========================================================= */

.hadou-services-statement-title {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.hadou-services-statement-title
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        clamp(72px, 6.4vw, 118px) !important;

    font-weight: 700 !important;

    line-height: .82 !important;

    letter-spacing: -.025em !important;

    text-transform: uppercase !important;

    color: #f2f0eb !important;

    max-width: 620px !important;
}


/* =========================================================
   SMALL RED ACCENT
========================================================= */

.hadou-services-statement-title
.elementor-heading-title::after {
    content: "" !important;

    display: block !important;

    width: 42px !important;
    height: 2px !important;

    margin-top: 30px !important;

    background: #c51636 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hadou-services-statement-title
    .elementor-heading-title {

        font-size:
            clamp(62px, 8vw, 90px) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-services-statement-title
    .elementor-heading-title {

        font-size:
            clamp(52px, 15vw, 72px) !important;

        line-height: .86 !important;
    }


    .hadou-services-statement-title
    .elementor-heading-title::after {

        width: 32px !important;

        margin-top: 22px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e5b1d4 *//* =========================================================
   HADOU 2027 — SERVICE ROW
========================================================= */

.hadou-service-row {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border-bottom:
        1px solid rgba(242,240,235,.12) !important;

    transition:
        border-color .35s ease !important;
}


/* =========================================================
   SERVICE HEAD
========================================================= */

.hadou-service-head {
    position: relative !important;

    width: 100% !important;
    min-height: 122px !important;

    display: grid !important;

    grid-template-columns:
        54px 1fr 34px !important;

    align-items: center !important;

    column-gap: 18px !important;

    padding:
        0 4px !important;

    cursor: pointer !important;
}


/* =========================================================
   NUMBER
========================================================= */

.hadou-service-number {
    width: auto !important;

    margin: 0 !important;
}


.hadou-service-number
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .12em !important;

    color:
        rgba(242,240,235,.34) !important;

    transition:
        color .35s ease !important;
}


/* =========================================================
   SERVICE NAME
========================================================= */

.hadou-service-name {
    width: 100% !important;

    margin: 0 !important;
}


.hadou-service-name
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        clamp(38px, 3.2vw, 58px) !important;

    font-weight: 600 !important;

    line-height: .95 !important;

    letter-spacing:
        -.018em !important;

    text-transform:
        uppercase !important;

    color:
        rgba(242,240,235,.76) !important;

    transition:
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   ARROW
========================================================= */

.hadou-service-arrow {
    width: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}


.hadou-service-arrow
.elementor-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    color:
        rgba(242,240,235,.30) !important;

    font-size: 15px !important;

    transition:
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   HOVER
========================================================= */

.hadou-service-row:hover {
    border-bottom-color:
        rgba(197,22,54,.52) !important;
}


.hadou-service-row:hover
.hadou-service-number
.elementor-heading-title {
    color:
        #c51636 !important;
}


.hadou-service-row:hover
.hadou-service-name
.elementor-heading-title {
    color:
        #f2f0eb !important;

    transform:
        translateX(8px) !important;
}


.hadou-service-row:hover
.hadou-service-arrow
.elementor-icon {
    color:
        #c51636 !important;

    transform:
        translateX(4px) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-service-head {
        min-height: 92px !important;

        grid-template-columns:
            34px 1fr 24px !important;

        column-gap: 10px !important;
    }


    .hadou-service-name
    .elementor-heading-title {
        font-size:
            clamp(34px, 10vw, 46px) !important;
    }

}

/* =========================================================
   HADOU 2027 — SERVICE EXPANDED CONTENT
========================================================= */

.hadou-service-body {
    width: 100% !important;

    max-height: 0 !important;

    overflow: hidden !important;

    opacity: 0;

    transform: translateY(-8px);

    padding:
        0 56px 0 76px !important;

    transition:
        max-height .65s cubic-bezier(.16,1,.3,1),
        opacity .35s ease,
        transform .55s cubic-bezier(.16,1,.3,1),
        padding .55s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.hadou-service-description {
    width: 100% !important;

    max-width: 520px !important;

    margin: 0 !important;
}


.hadou-service-description,
.hadou-service-description p {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.65 !important;

    color:
        rgba(242,240,235,.54) !important;
}


/* =========================================================
   SERVICE META
========================================================= */

.hadou-service-meta {
    margin: 0 !important;
}


.hadou-service-meta,
.hadou-service-meta p {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 8px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

    color:
        rgba(242,240,235,.27) !important;
}


/* =========================================================
   DESKTOP HOVER REVEAL
========================================================= */

@media (hover: hover) {

    .hadou-service-row:hover
    .hadou-service-body {

        max-height: 150px !important;

        opacity: 1;

        transform: translateY(0);

        padding:
            0 56px 30px 76px !important;
    }

}


/* =========================================================
   MOBILE / TOUCH
   keep useful information accessible
========================================================= */

@media (max-width: 767px) {

    .hadou-service-body {

        max-height: none !important;

        opacity: 1 !important;

        transform: none !important;

        padding:
            0 24px 24px 44px !important;
    }


    .hadou-service-description,
    .hadou-service-description p {

        font-size: 12px !important;
        line-height: 1.6 !important;
    }


    .hadou-service-meta,
    .hadou-service-meta p {

        font-size: 7px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8afabb8 *//* =========================================================
   HADOU 2027 — SERVICE ROW
========================================================= */

.hadou-service-row {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border-bottom:
        1px solid rgba(242,240,235,.12) !important;

    transition:
        border-color .35s ease !important;
}


/* =========================================================
   SERVICE HEAD
========================================================= */

.hadou-service-head {
    position: relative !important;

    width: 100% !important;
    min-height: 122px !important;

    display: grid !important;

    grid-template-columns:
        54px 1fr 34px !important;

    align-items: center !important;

    column-gap: 18px !important;

    padding:
        0 4px !important;

    cursor: pointer !important;
}


/* =========================================================
   NUMBER
========================================================= */

.hadou-service-number {
    width: auto !important;

    margin: 0 !important;
}


.hadou-service-number
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .12em !important;

    color:
        rgba(242,240,235,.34) !important;

    transition:
        color .35s ease !important;
}


/* =========================================================
   SERVICE NAME
========================================================= */

.hadou-service-name {
    width: 100% !important;

    margin: 0 !important;
}


.hadou-service-name
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        clamp(38px, 3.2vw, 58px) !important;

    font-weight: 600 !important;

    line-height: .95 !important;

    letter-spacing:
        -.018em !important;

    text-transform:
        uppercase !important;

    color:
        rgba(242,240,235,.76) !important;

    transition:
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   ARROW
========================================================= */

.hadou-service-arrow {
    width: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}


.hadou-service-arrow
.elementor-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    color:
        rgba(242,240,235,.30) !important;

    font-size: 15px !important;

    transition:
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   HOVER
========================================================= */

.hadou-service-row:hover {
    border-bottom-color:
        rgba(197,22,54,.52) !important;
}


.hadou-service-row:hover
.hadou-service-number
.elementor-heading-title {
    color:
        #c51636 !important;
}


.hadou-service-row:hover
.hadou-service-name
.elementor-heading-title {
    color:
        #f2f0eb !important;

    transform:
        translateX(8px) !important;
}


.hadou-service-row:hover
.hadou-service-arrow
.elementor-icon {
    color:
        #c51636 !important;

    transform:
        translateX(4px) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-service-head {
        min-height: 92px !important;

        grid-template-columns:
            34px 1fr 24px !important;

        column-gap: 10px !important;
    }


    .hadou-service-name
    .elementor-heading-title {
        font-size:
            clamp(34px, 10vw, 46px) !important;
    }

}

/* =========================================================
   HADOU 2027 — SERVICE EXPANDED CONTENT
========================================================= */

.hadou-service-body {
    width: 100% !important;

    max-height: 0 !important;

    overflow: hidden !important;

    opacity: 0;

    transform: translateY(-8px);

    padding:
        0 56px 0 76px !important;

    transition:
        max-height .65s cubic-bezier(.16,1,.3,1),
        opacity .35s ease,
        transform .55s cubic-bezier(.16,1,.3,1),
        padding .55s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.hadou-service-description {
    width: 100% !important;

    max-width: 520px !important;

    margin: 0 !important;
}


.hadou-service-description,
.hadou-service-description p {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.65 !important;

    color:
        rgba(242,240,235,.54) !important;
}


/* =========================================================
   SERVICE META
========================================================= */

.hadou-service-meta {
    margin: 0 !important;
}


.hadou-service-meta,
.hadou-service-meta p {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 8px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

    color:
        rgba(242,240,235,.27) !important;
}


/* =========================================================
   DESKTOP HOVER REVEAL
========================================================= */

@media (hover: hover) {

    .hadou-service-row:hover
    .hadou-service-body {

        max-height: 150px !important;

        opacity: 1;

        transform: translateY(0);

        padding:
            0 56px 30px 76px !important;
    }

}


/* =========================================================
   MOBILE / TOUCH
   keep useful information accessible
========================================================= */

@media (max-width: 767px) {

    .hadou-service-body {

        max-height: none !important;

        opacity: 1 !important;

        transform: none !important;

        padding:
            0 24px 24px 44px !important;
    }


    .hadou-service-description,
    .hadou-service-description p {

        font-size: 12px !important;
        line-height: 1.6 !important;
    }


    .hadou-service-meta,
    .hadou-service-meta p {

        font-size: 7px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7c243b *//* =========================================================
   HADOU 2027 — SERVICE ROW
========================================================= */

.hadou-service-row {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border-bottom:
        1px solid rgba(242,240,235,.12) !important;

    transition:
        border-color .35s ease !important;
}


/* =========================================================
   SERVICE HEAD
========================================================= */

.hadou-service-head {
    position: relative !important;

    width: 100% !important;
    min-height: 122px !important;

    display: grid !important;

    grid-template-columns:
        54px 1fr 34px !important;

    align-items: center !important;

    column-gap: 18px !important;

    padding:
        0 4px !important;

    cursor: pointer !important;
}


/* =========================================================
   NUMBER
========================================================= */

.hadou-service-number {
    width: auto !important;

    margin: 0 !important;
}


.hadou-service-number
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .12em !important;

    color:
        rgba(242,240,235,.34) !important;

    transition:
        color .35s ease !important;
}


/* =========================================================
   SERVICE NAME
========================================================= */

.hadou-service-name {
    width: 100% !important;

    margin: 0 !important;
}


.hadou-service-name
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        clamp(38px, 3.2vw, 58px) !important;

    font-weight: 600 !important;

    line-height: .95 !important;

    letter-spacing:
        -.018em !important;

    text-transform:
        uppercase !important;

    color:
        rgba(242,240,235,.76) !important;

    transition:
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   ARROW
========================================================= */

.hadou-service-arrow {
    width: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}


.hadou-service-arrow
.elementor-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    color:
        rgba(242,240,235,.30) !important;

    font-size: 15px !important;

    transition:
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   HOVER
========================================================= */

.hadou-service-row:hover {
    border-bottom-color:
        rgba(197,22,54,.52) !important;
}


.hadou-service-row:hover
.hadou-service-number
.elementor-heading-title {
    color:
        #c51636 !important;
}


.hadou-service-row:hover
.hadou-service-name
.elementor-heading-title {
    color:
        #f2f0eb !important;

    transform:
        translateX(8px) !important;
}


.hadou-service-row:hover
.hadou-service-arrow
.elementor-icon {
    color:
        #c51636 !important;

    transform:
        translateX(4px) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-service-head {
        min-height: 92px !important;

        grid-template-columns:
            34px 1fr 24px !important;

        column-gap: 10px !important;
    }


    .hadou-service-name
    .elementor-heading-title {
        font-size:
            clamp(34px, 10vw, 46px) !important;
    }

}

/* =========================================================
   HADOU 2027 — SERVICE EXPANDED CONTENT
========================================================= */

.hadou-service-body {
    width: 100% !important;

    max-height: 0 !important;

    overflow: hidden !important;

    opacity: 0;

    transform: translateY(-8px);

    padding:
        0 56px 0 76px !important;

    transition:
        max-height .65s cubic-bezier(.16,1,.3,1),
        opacity .35s ease,
        transform .55s cubic-bezier(.16,1,.3,1),
        padding .55s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.hadou-service-description {
    width: 100% !important;

    max-width: 520px !important;

    margin: 0 !important;
}


.hadou-service-description,
.hadou-service-description p {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.65 !important;

    color:
        rgba(242,240,235,.54) !important;
}


/* =========================================================
   SERVICE META
========================================================= */

.hadou-service-meta {
    margin: 0 !important;
}


.hadou-service-meta,
.hadou-service-meta p {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 8px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

    color:
        rgba(242,240,235,.27) !important;
}


/* =========================================================
   DESKTOP HOVER REVEAL
========================================================= */

@media (hover: hover) {

    .hadou-service-row:hover
    .hadou-service-body {

        max-height: 150px !important;

        opacity: 1;

        transform: translateY(0);

        padding:
            0 56px 30px 76px !important;
    }

}


/* =========================================================
   MOBILE / TOUCH
   keep useful information accessible
========================================================= */

@media (max-width: 767px) {

    .hadou-service-body {

        max-height: none !important;

        opacity: 1 !important;

        transform: none !important;

        padding:
            0 24px 24px 44px !important;
    }


    .hadou-service-description,
    .hadou-service-description p {

        font-size: 12px !important;
        line-height: 1.6 !important;
    }


    .hadou-service-meta,
    .hadou-service-meta p {

        font-size: 7px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f31fac4 *//* =========================================================
   HADOU 2027 — SERVICE ROW
========================================================= */

.hadou-service-row {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border-bottom:
        1px solid rgba(242,240,235,.12) !important;

    transition:
        border-color .35s ease !important;
}


/* =========================================================
   SERVICE HEAD
========================================================= */

.hadou-service-head {
    position: relative !important;

    width: 100% !important;
    min-height: 122px !important;

    display: grid !important;

    grid-template-columns:
        54px 1fr 34px !important;

    align-items: center !important;

    column-gap: 18px !important;

    padding:
        0 4px !important;

    cursor: pointer !important;
}


/* =========================================================
   NUMBER
========================================================= */

.hadou-service-number {
    width: auto !important;

    margin: 0 !important;
}


.hadou-service-number
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .12em !important;

    color:
        rgba(242,240,235,.34) !important;

    transition:
        color .35s ease !important;
}


/* =========================================================
   SERVICE NAME
========================================================= */

.hadou-service-name {
    width: 100% !important;

    margin: 0 !important;
}


.hadou-service-name
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        clamp(38px, 3.2vw, 58px) !important;

    font-weight: 600 !important;

    line-height: .95 !important;

    letter-spacing:
        -.018em !important;

    text-transform:
        uppercase !important;

    color:
        rgba(242,240,235,.76) !important;

    transition:
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   ARROW
========================================================= */

.hadou-service-arrow {
    width: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}


.hadou-service-arrow
.elementor-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    color:
        rgba(242,240,235,.30) !important;

    font-size: 15px !important;

    transition:
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   HOVER
========================================================= */

.hadou-service-row:hover {
    border-bottom-color:
        rgba(197,22,54,.52) !important;
}


.hadou-service-row:hover
.hadou-service-number
.elementor-heading-title {
    color:
        #c51636 !important;
}


.hadou-service-row:hover
.hadou-service-name
.elementor-heading-title {
    color:
        #f2f0eb !important;

    transform:
        translateX(8px) !important;
}


.hadou-service-row:hover
.hadou-service-arrow
.elementor-icon {
    color:
        #c51636 !important;

    transform:
        translateX(4px) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-service-head {
        min-height: 92px !important;

        grid-template-columns:
            34px 1fr 24px !important;

        column-gap: 10px !important;
    }


    .hadou-service-name
    .elementor-heading-title {
        font-size:
            clamp(34px, 10vw, 46px) !important;
    }

}


/* =========================================================
   HADOU 2027 — SERVICE EXPANDED CONTENT
========================================================= */

.hadou-service-body {
    width: 100% !important;

    max-height: 0 !important;

    overflow: hidden !important;

    opacity: 0;

    transform: translateY(-8px);

    padding:
        0 56px 0 76px !important;

    transition:
        max-height .65s cubic-bezier(.16,1,.3,1),
        opacity .35s ease,
        transform .55s cubic-bezier(.16,1,.3,1),
        padding .55s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.hadou-service-description {
    width: 100% !important;

    max-width: 570px !important;

    margin: 0 !important;
}


.hadou-service-description,
.hadou-service-description p {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 18px !important;
    font-weight: 400 !important;

    line-height: 1.7 !important;

    color:
        rgba(242,240,235,.60) !important;
}


/* =========================================================
   SERVICE META / CAPABILITIES
========================================================= */

.hadou-service-meta {
    margin: 0 !important;
}


.hadou-service-meta,
.hadou-service-meta p {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 10.5px !important;
    font-weight: 600 !important;

    line-height: 1.55 !important;

    letter-spacing: .10em !important;

    text-transform: uppercase !important;

    color:
        rgba(242,240,235,.40) !important;
}


/* =========================================================
   DESKTOP HOVER REVEAL
========================================================= */

@media (hover: hover) {

    .hadou-service-row:hover
    .hadou-service-body {
        max-height: 190px !important;

        opacity: 1;

        transform: translateY(0);

        padding:
            0 56px 34px 76px !important;
    }

}


/* =========================================================
   MOBILE / TOUCH
   KEEP INFORMATION ACCESSIBLE
========================================================= */

@media (max-width: 767px) {

    .hadou-service-body {
        max-height: none !important;

        opacity: 1 !important;

        transform: none !important;

        padding:
            0 24px 24px 44px !important;
    }


    .hadou-service-description,
    .hadou-service-description p {
        font-size: 13px !important;

        line-height: 1.65 !important;
    }


    .hadou-service-meta,
    .hadou-service-meta p {
        font-size: 9px !important;

        line-height: 1.5 !important;

        letter-spacing: .09em !important;
    }

}


/* =========================================================
   HADOU 2027 — CORE SERVICE
   WEB & E-COMMERCE
========================================================= */

.hadou-service-focus {
    position: relative !important;

    background:
        linear-gradient(
            90deg,
            rgba(197,22,54,.045) 0%,
            rgba(197,22,54,.015) 42%,
            transparent 78%
        ) !important;

    transition:
        background .45s ease,
        border-color .35s ease !important;
}


/* SMALL RED SEGMENT ON BOTTOM RULE */

.hadou-service-focus::after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    bottom: -1px !important;

    width: 54px !important;
    height: 1px !important;

    background:
        rgba(197,22,54,.72) !important;

    pointer-events: none !important;

    transition:
        width .5s cubic-bezier(.16,1,.3,1),
        opacity .35s ease !important;
}


/* NUMBER */

.hadou-service-focus
.hadou-service-number
.elementor-heading-title {
    color:
        rgba(197,22,54,.86) !important;
}


/* NAME */

.hadou-service-focus
.hadou-service-name
.elementor-heading-title {
    color:
        rgba(242,240,235,.94) !important;
}


/* ARROW */

.hadou-service-focus
.hadou-service-arrow
.elementor-icon {
    color:
        rgba(197,22,54,.68) !important;
}


/* =========================================================
   CORE SERVICE HOVER
========================================================= */

.hadou-service-focus:hover {
    background:
        linear-gradient(
            90deg,
            rgba(197,22,54,.075) 0%,
            rgba(197,22,54,.025) 48%,
            transparent 82%
        ) !important;
}


.hadou-service-focus:hover::after {
    width: 110px !important;
}


/* =========================================================
   CORE SERVICE MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-service-focus::after {
        width: 38px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bd0af8 *//* =========================================================
   HADOU 2027 — SERVICES CINEMATIC SCROLL REVEAL
   Slower / More Human / Premium Timing
========================================================= */


/* =========================================================
   INITIAL STATES
========================================================= */

/* TOPBAR */
.hadou-services-topbar {
    opacity: 0;

    transform:
        translateY(16px);
}


/* LEFT STATEMENT */
.hadou-services-statement {
    opacity: 0;

    transform:
        translateY(52px);

    will-change:
        opacity,
        transform;
}


/* SERVICE ROWS */
.hadou-service-row {
    opacity: 0;

    transform:
        translateY(30px);

    will-change:
        opacity,
        transform;
}


/* =========================================================
   TOPBAR REVEAL
========================================================= */

.hadou-services.is-visible
.hadou-services-topbar {

    animation:
        hadouServicesTopbarReveal
        .85s
        cubic-bezier(.16,1,.3,1)
        .08s
        both;
}


/* =========================================================
   STATEMENT REVEAL
========================================================= */

.hadou-services.is-visible
.hadou-services-statement {

    animation:
        hadouServicesStatementReveal
        1.15s
        cubic-bezier(.16,1,.3,1)
        .24s
        both;
}


/* =========================================================
   SERVICE 01
========================================================= */

.hadou-services.is-visible
.hadou-service-row:nth-child(1) {

    animation:
        hadouServiceRowReveal
        .95s
        cubic-bezier(.16,1,.3,1)
        .58s
        both;
}


/* =========================================================
   SERVICE 02
========================================================= */

.hadou-services.is-visible
.hadou-service-row:nth-child(2) {

    animation:
        hadouServiceRowReveal
        .95s
        cubic-bezier(.16,1,.3,1)
        .78s
        both;
}


/* =========================================================
   SERVICE 03
========================================================= */

.hadou-services.is-visible
.hadou-service-row:nth-child(3) {

    animation:
        hadouServiceRowReveal
        .95s
        cubic-bezier(.16,1,.3,1)
        .98s
        both;
}


/* =========================================================
   SERVICE 04
========================================================= */

.hadou-services.is-visible
.hadou-service-row:nth-child(4) {

    animation:
        hadouServiceRowReveal
        .95s
        cubic-bezier(.16,1,.3,1)
        1.18s
        both;
}


/* =========================================================
   KEYFRAMES — TOPBAR
========================================================= */

@keyframes hadouServicesTopbarReveal {

    0% {
        opacity: 0;

        transform:
            translateY(16px);
    }

    100% {
        opacity: 1;

        transform:
            translateY(0);
    }

}


/* =========================================================
   KEYFRAMES — STATEMENT
========================================================= */

@keyframes hadouServicesStatementReveal {

    0% {
        opacity: 0;

        transform:
            translateY(52px);
    }

    100% {
        opacity: 1;

        transform:
            translateY(0);
    }

}


/* =========================================================
   KEYFRAMES — SERVICE ROW
========================================================= */

@keyframes hadouServiceRowReveal {

    0% {
        opacity: 0;

        transform:
            translateY(30px);
    }

    100% {
        opacity: 1;

        transform:
            translateY(0);
    }

}


/* =========================================================
   ELEMENTOR EDITOR
   Always visible while editing
========================================================= */

body.elementor-editor-active
.hadou-services-topbar,

body.elementor-editor-active
.hadou-services-statement,

body.elementor-editor-active
.hadou-service-row {

    opacity: 1 !important;

    transform:
        none !important;

    animation:
        none !important;
}


/* =========================================================
   MOBILE
   Slightly faster than desktop
========================================================= */

@media (max-width: 767px) {

    .hadou-services.is-visible
    .hadou-services-topbar {

        animation-duration:
            .7s;
    }


    .hadou-services.is-visible
    .hadou-services-statement {

        animation-duration:
            .9s;

        animation-delay:
            .16s;
    }


    .hadou-services.is-visible
    .hadou-service-row:nth-child(1) {

        animation-duration:
            .78s;

        animation-delay:
            .42s;
    }


    .hadou-services.is-visible
    .hadou-service-row:nth-child(2) {

        animation-duration:
            .78s;

        animation-delay:
            .56s;
    }


    .hadou-services.is-visible
    .hadou-service-row:nth-child(3) {

        animation-duration:
            .78s;

        animation-delay:
            .70s;
    }


    .hadou-services.is-visible
    .hadou-service-row:nth-child(4) {

        animation-duration:
            .78s;

        animation-delay:
            .84s;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .hadou-services-topbar,
    .hadou-services-statement,
    .hadou-service-row {

        opacity:
            1 !important;

        transform:
            none !important;

        animation:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-026851e *//* =========================================================
   HADOU 2027 — STUDIO TOPBAR
========================================================= */

.hadou-studio-topbar {
    position: relative !important;

    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    margin: 0 !important;

    padding:
        0 0 22px 0 !important;

    border-bottom:
        1px solid rgba(242,240,235,.12) !important;
}


/* =========================================================
   RESET WIDGETS
========================================================= */

.hadou-studio-label,
.hadou-studio-kicker {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


.hadou-studio-label
.elementor-heading-title,

.hadou-studio-kicker
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

    background: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    text-shadow: none !important;
}


/* =========================================================
   LEFT LABEL
========================================================= */

.hadou-studio-label
.elementor-heading-title {
    color:
        rgba(242,240,235,.72) !important;
}


/* RED DOT */

.hadou-studio-label
.elementor-heading-title::before {
    content: "" !important;

    display: inline-block !important;

    width: 5px !important;
    height: 5px !important;

    margin-right: 10px !important;

    border-radius: 50% !important;

    background:
        #c51636 !important;

    vertical-align: 1px !important;
}


/* =========================================================
   RIGHT KICKER
========================================================= */

.hadou-studio-kicker
.elementor-heading-title {
    color:
        rgba(242,240,235,.38) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-studio-topbar {
        padding-bottom:
            16px !important;
    }


    .hadou-studio-label
    .elementor-heading-title,

    .hadou-studio-kicker
    .elementor-heading-title {
        font-size:
            9px !important;

        letter-spacing:
            .10em !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61ad528 *//* =========================================================
   HADOU 2027 — STUDIO NARRATIVE
   FINAL CLEAN VERSION
========================================================= */

.hadou-studio-narrative {
    position: absolute !important;

    top: 44% !important;
    left: 40% !important;

    width: 390px !important;
    max-width: 32% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 4 !important;
}


/* =========================================================
   MAIN COPY
========================================================= */

.hadou-studio-copy {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.hadou-studio-copy,
.hadou-studio-copy p {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 17px !important;
    font-weight: 400 !important;

    line-height: 1.72 !important;

    color:
        rgba(242,240,235,.64) !important;
}


/* =========================================================
   VALUES
========================================================= */

.hadou-studio-values {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.hadou-studio-values,
.hadou-studio-values p {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 10.5px !important;
    font-weight: 600 !important;

    line-height: 1.5 !important;

    letter-spacing: .11em !important;

    text-transform: uppercase !important;

    color:
        rgba(242,240,235,.38) !important;
}


/* =========================================================
   RED MARKER
========================================================= */

.hadou-studio-values::before {
    content: "" !important;

    display: block !important;

    width: 22px !important;
    height: 1px !important;

    margin-bottom: 14px !important;

    background:
        #c51636 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hadou-studio-narrative {
        top: 44% !important;
        left: 37% !important;

        width: 350px !important;
        max-width: 40% !important;
    }


    .hadou-studio-copy,
    .hadou-studio-copy p {
        font-size: 15px !important;

        line-height: 1.7 !important;
    }


    .hadou-studio-values,
    .hadou-studio-values p {
        font-size: 9px !important;

        letter-spacing: .10em !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-studio-narrative {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-top: 44px !important;

        gap: 20px !important;
    }


    .hadou-studio-copy,
    .hadou-studio-copy p {
        font-size: 14px !important;

        line-height: 1.7 !important;
    }


    .hadou-studio-values,
    .hadou-studio-values p {
        font-size: 9px !important;

        line-height: 1.5 !important;

        letter-spacing: .09em !important;
    }


    .hadou-studio-values::before {
        width: 18px !important;

        margin-bottom: 12px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2e7f96 *//* =========================================================
   HADOU 2027 — STUDIO CANVAS
========================================================= */

.hadou-studio-canvas {
    position: relative !important;

    width: 100% !important;
    min-height: 72vh !important;

    overflow: hidden !important;
}


/* =========================================================
   GLOBAL BY DESIGN
========================================================= */

.hadou-studio-global {
    position: absolute !important;

    top: 5% !important;
    left: 0 !important;

    width: auto !important;
    max-width: 82% !important;

    margin: 0 !important;

    z-index: 2 !important;
}


.hadou-studio-global
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        clamp(96px, 10vw, 176px) !important;

    font-weight: 700 !important;

    line-height: .78 !important;

    letter-spacing: -.035em !important;

    text-transform: uppercase !important;

    color:
        #f2f0eb !important;

    white-space: nowrap !important;
}


/* Red punctuation accent */
.hadou-studio-global
.elementor-heading-title::after {
    content: "" !important;

    display: inline-block !important;

    width: 12px !important;
    height: 12px !important;

    margin-left: 18px !important;

    border-radius: 50% !important;

    background:
        #c51636 !important;

    vertical-align: .12em !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hadou-studio-global
    .elementor-heading-title {
        font-size:
            clamp(78px, 11vw, 120px) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-studio-canvas {
        min-height: auto !important;

        overflow: visible !important;
    }


    .hadou-studio-global {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        max-width: 100% !important;

        margin-top: 26px !important;
    }


    .hadou-studio-global
    .elementor-heading-title {
        font-size:
            clamp(58px, 17vw, 86px) !important;

        line-height: .82 !important;

        white-space: normal !important;
    }


    .hadou-studio-global
    .elementor-heading-title::after {
        width: 8px !important;
        height: 8px !important;

        margin-left: 10px !important;
    }

}

/* =========================================================
   HADOU 2027 — LOCAL BY INSTINCT
========================================================= */

.hadou-studio-local {
    position: absolute !important;

    right: 2% !important;
    bottom: 7% !important;

    width: auto !important;
    max-width: 54% !important;

    margin: 0 !important;

    z-index: 2 !important;
}


.hadou-studio-local
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        clamp(82px, 7.6vw, 138px) !important;

    font-weight: 700 !important;

    line-height: .80 !important;

    letter-spacing: -.03em !important;

    text-transform: uppercase !important;

    color:
        rgba(242,240,235,.92) !important;
}


/* =========================================================
   RED ACCENT LINE
========================================================= */

.hadou-studio-local::before {
    content: "" !important;

    position: absolute !important;

    left: -72px !important;
    top: 13px !important;

    width: 48px !important;
    height: 2px !important;

    background:
        #c51636 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hadou-studio-local {
        max-width: 62% !important;
    }


    .hadou-studio-local
    .elementor-heading-title {
        font-size:
            clamp(68px, 9vw, 104px) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-studio-local {
        position: relative !important;

        right: auto !important;
        bottom: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-top: 70px !important;
    }


    .hadou-studio-local
    .elementor-heading-title {
        font-size:
            clamp(56px, 16vw, 82px) !important;

        line-height: .82 !important;
    }


    .hadou-studio-local::before {
        position: relative !important;

        display: block !important;

        left: auto !important;
        top: auto !important;

        width: 34px !important;

        margin-bottom: 18px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37ad195 *//* =========================================================
   HADOU 2027 — STUDIO MOTION
   SAFE / FAIL-PROOF VERSION
========================================================= */


/* =========================================================
   DEFAULT STATE
   CONTENT MUST ALWAYS BE VISIBLE
========================================================= */

.hadou-studio-topbar,
.hadou-studio-narrative,
.hadou-studio-global .elementor-heading-title,
.hadou-studio-local .elementor-heading-title {
    opacity: 1;
}


/* =========================================================
   PARALLAX LAYERS
========================================================= */

.hadou-studio-global {
    transform:
        translate3d(
            var(--hadou-global-x, 0px),
            0,
            0
        ) !important;

    will-change: transform;
}


.hadou-studio-local {
    transform:
        translate3d(
            var(--hadou-local-x, 0px),
            0,
            0
        ) !important;

    will-change: transform;
}


/* =========================================================
   STARTING STATES
   ONLY AFTER JAVASCRIPT CONFIRMS MOTION IS READY
========================================================= */


/* TOPBAR */
.hadou-studio.hadou-motion-ready
.hadou-studio-topbar {
    opacity: 0;

    transform:
        translateY(14px);

    transition:
        opacity .85s ease,
        transform 1s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   GLOBAL TITLE
========================================================= */

.hadou-studio.hadou-motion-ready
.hadou-studio-global
.elementor-heading-title {
    opacity: 0;

    transform:
        translateY(38px);

    clip-path:
        inset(0 0 100% 0);

    -webkit-clip-path:
        inset(0 0 100% 0);

    transition:
        opacity .85s ease,
        transform 1.2s cubic-bezier(.16,1,.3,1),
        clip-path 1.2s cubic-bezier(.16,1,.3,1),
        -webkit-clip-path 1.2s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   NARRATIVE
========================================================= */

.hadou-studio.hadou-motion-ready
.hadou-studio-narrative {
    opacity: 0;

    transform:
        translateY(28px);

    transition:
        opacity 1s ease,
        transform 1.15s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   LOCAL TITLE
========================================================= */

.hadou-studio.hadou-motion-ready
.hadou-studio-local
.elementor-heading-title {
    opacity: 0;

    transform:
        translateY(38px);

    clip-path:
        inset(0 0 100% 0);

    -webkit-clip-path:
        inset(0 0 100% 0);

    transition:
        opacity .85s ease,
        transform 1.2s cubic-bezier(.16,1,.3,1),
        clip-path 1.2s cubic-bezier(.16,1,.3,1),
        -webkit-clip-path 1.2s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   REVEALED STATE
========================================================= */


/* TOPBAR */
.hadou-studio.hadou-motion-ready.is-visible
.hadou-studio-topbar {
    opacity: 1;

    transform:
        translateY(0);

    transition-delay:
        .05s !important;
}


/* GLOBAL */
.hadou-studio.hadou-motion-ready.is-visible
.hadou-studio-global
.elementor-heading-title {
    opacity: 1;

    transform:
        translateY(0);

    clip-path:
        inset(0 0 0 0);

    -webkit-clip-path:
        inset(0 0 0 0);

    transition-delay:
        .18s !important;
}


/* NARRATIVE */
.hadou-studio.hadou-motion-ready.is-visible
.hadou-studio-narrative {
    opacity: 1;

    transform:
        translateY(0);

    transition-delay:
        .62s !important;
}


/* LOCAL */
.hadou-studio.hadou-motion-ready.is-visible
.hadou-studio-local
.elementor-heading-title {
    opacity: 1;

    transform:
        translateY(0);

    clip-path:
        inset(0 0 0 0);

    -webkit-clip-path:
        inset(0 0 0 0);

    transition-delay:
        .88s !important;
}


/* =========================================================
   ELEMENTOR EDITOR
   ALWAYS KEEP EVERYTHING VISIBLE
========================================================= */

body.elementor-editor-active
.hadou-studio-topbar,

body.elementor-editor-active
.hadou-studio-narrative,

body.elementor-editor-active
.hadou-studio-global
.elementor-heading-title,

body.elementor-editor-active
.hadou-studio-local
.elementor-heading-title {
    opacity: 1 !important;

    transform:
        none !important;

    clip-path:
        none !important;

    -webkit-clip-path:
        none !important;

    transition:
        none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-studio-global,
    .hadou-studio-local {
        transform:
            none !important;
    }


    .hadou-studio.hadou-motion-ready
    .hadou-studio-global
    .elementor-heading-title,

    .hadou-studio.hadou-motion-ready
    .hadou-studio-local
    .elementor-heading-title {
        transform:
            translateY(24px);
    }


    .hadou-studio.hadou-motion-ready.is-visible
    .hadou-studio-global
    .elementor-heading-title,

    .hadou-studio.hadou-motion-ready.is-visible
    .hadou-studio-local
    .elementor-heading-title {
        transform:
            translateY(0);
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .hadou-studio-global,
    .hadou-studio-local {
        transform:
            none !important;
    }


    .hadou-studio-topbar,
    .hadou-studio-narrative,
    .hadou-studio-global .elementor-heading-title,
    .hadou-studio-local .elementor-heading-title {
        opacity:
            1 !important;

        transform:
            none !important;

        clip-path:
            none !important;

        -webkit-clip-path:
            none !important;

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89b0ef9 *//* =========================================================
   HADOU 2027 — CONTACT / START PROJECT TOPBAR
========================================================= */

.hadou-contact-topbar {
    position: relative !important;

    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    margin: 0 !important;

    padding:
        0 0 22px 0 !important;

    border-bottom:
        1px solid rgba(242,240,235,.12) !important;
}


/* =========================================================
   RESET
========================================================= */

.hadou-contact-label,
.hadou-contact-status {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


.hadou-contact-label
.elementor-heading-title,

.hadou-contact-status
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    background: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    text-shadow: none !important;
}


/* =========================================================
   LEFT LABEL
========================================================= */

.hadou-contact-label
.elementor-heading-title {
    color:
        rgba(242,240,235,.72) !important;
}


.hadou-contact-label
.elementor-heading-title::before {
    content: "" !important;

    display: inline-block !important;

    width: 5px !important;
    height: 5px !important;

    margin-right: 10px !important;

    border-radius: 50% !important;

    background:
        #c51636 !important;

    vertical-align: 1px !important;
}


/* =========================================================
   AVAILABILITY STATUS
========================================================= */

.hadou-contact-status
.elementor-heading-title {
    color:
        rgba(242,240,235,.48) !important;
}


.hadou-contact-status
.elementor-heading-title::before {
    content: "" !important;

    display: inline-block !important;

    width: 5px !important;
    height: 5px !important;

    margin-right: 10px !important;

    border-radius: 50% !important;

    background:
        #6fbd8c !important;

    box-shadow:
        0 0 12px rgba(111,189,140,.28) !important;

    vertical-align: 1px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-contact-topbar {
        padding-bottom:
            16px !important;
    }


    .hadou-contact-label
    .elementor-heading-title,

    .hadou-contact-status
    .elementor-heading-title {
        font-size:
            9px !important;

        letter-spacing:
            .09em !important;
    }


    .hadou-contact-status
    .elementor-heading-title {
        font-size:
            8px !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-07a7889 *//* =========================================================
   HADOU 2027 — CONTACT CLOSING TITLE
========================================================= */

.hadou-contact-canvas {
    position: relative !important;

    width: 100% !important;
    min-height: 72vh !important;

    overflow: hidden !important;
}


/* =========================================================
   MAIN CLOSING STATEMENT
========================================================= */

.hadou-contact-title {
    position: absolute !important;

    top: 7% !important;
    left: 0 !important;

    width: auto !important;
    max-width: 78% !important;

    margin: 0 !important;

    z-index: 2 !important;
}


.hadou-contact-title
.elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        clamp(108px, 11.3vw, 192px) !important;

    font-weight: 700 !important;

    line-height: .77 !important;

    letter-spacing: -.035em !important;

    text-transform: uppercase !important;

    color:
        #f2f0eb !important;
}


/* =========================================================
   RED ACCENT
========================================================= */

.hadou-contact-title
.elementor-heading-title::after {
    content: "" !important;

    display: inline-block !important;

    width: 13px !important;
    height: 13px !important;

    margin-left: 18px !important;

    border-radius: 50% !important;

    background:
        #c51636 !important;

    vertical-align: .12em !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hadou-contact-title {
        max-width: 88% !important;
    }


    .hadou-contact-title
    .elementor-heading-title {
        font-size:
            clamp(86px, 12vw, 138px) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-contact-canvas {
        min-height: auto !important;

        overflow: visible !important;
    }


    .hadou-contact-title {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-top: 28px !important;
    }


    .hadou-contact-title
    .elementor-heading-title {
        font-size:
            clamp(64px, 19vw, 94px) !important;

        line-height: .80 !important;
    }


    .hadou-contact-title
    .elementor-heading-title::after {
        width: 8px !important;
        height: 8px !important;

        margin-left: 10px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a11e3fc *//* =========================================================
   HADOU 2027 — CONTACT ACTION
   PREMIUM EDITORIAL CTA
========================================================= */


/* =========================================================
   ACTION POSITION
========================================================= */

.hadou-contact-action {
    position: absolute !important;

    right: 3% !important;
    bottom: 18% !important;

    width: 340px !important;
    max-width: 30% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 4 !important;
}


/* =========================================================
   BUTTON WIDGET
========================================================= */

.hadou-contact-button {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   BUTTON RESET
========================================================= */

.hadou-contact-button
.elementor-button {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    padding:
        23px 0 !important;

    background:
        transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    border-top:
        1px solid rgba(242,240,235,.18) !important;

    border-bottom:
        1px solid rgba(242,240,235,.18) !important;

    box-shadow:
        none !important;

    overflow: hidden !important;

    color:
        rgba(242,240,235,.90) !important;

    transition:
        color .35s ease,
        border-color .45s ease,
        padding .45s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   VERY SUBTLE HOVER BACKGROUND
========================================================= */

.hadou-contact-button
.elementor-button::before {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(197,22,54,.055) 0%,
            rgba(197,22,54,.018) 46%,
            transparent 100%
        ) !important;

    opacity: 0 !important;

    transform:
        translateX(-8%) !important;

    transition:
        opacity .45s ease,
        transform .65s cubic-bezier(.16,1,.3,1) !important;

    pointer-events: none !important;
}


/* =========================================================
   INNER LAYOUT
   TEXT → LINE → ARROW
========================================================= */

.hadou-contact-button
.elementor-button-content-wrapper {
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        auto 1fr auto !important;

    align-items: center !important;

    column-gap: 16px !important;
}


/* =========================================================
   TEXT
========================================================= */

.hadou-contact-button
.elementor-button-text {
    order: 1 !important;

    white-space: nowrap !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing:
        .14em !important;

    text-transform:
        uppercase !important;

    color:
        inherit !important;
}


/* =========================================================
   EDITORIAL LINE
========================================================= */

.hadou-contact-button
.elementor-button-content-wrapper::after {
    content: "" !important;

    order: 2 !important;

    display: block !important;

    width: 100% !important;
    height: 1px !important;

    background:
        rgba(242,240,235,.22) !important;

    transform-origin:
        left center !important;

    transition:
        background .4s ease,
        transform .5s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   ARROW
========================================================= */

.hadou-contact-button
.elementor-button-icon {
    order: 3 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color:
        #c51636 !important;

    font-size:
        15px !important;

    line-height: 1 !important;

    transition:
        transform .5s cubic-bezier(.16,1,.3,1),
        color .35s ease !important;
}


/* =========================================================
   HOVER
========================================================= */

.hadou-contact-button
.elementor-button:hover {
    color:
        #f2f0eb !important;

    border-top-color:
        rgba(197,22,54,.48) !important;

    border-bottom-color:
        rgba(197,22,54,.48) !important;

    padding-left:
        4px !important;

    padding-right:
        4px !important;
}


.hadou-contact-button
.elementor-button:hover::before {
    opacity: 1 !important;

    transform:
        translateX(0) !important;
}


/* LINE TURNS RED */
.hadou-contact-button
.elementor-button:hover
.elementor-button-content-wrapper::after {
    background:
        rgba(197,22,54,.72) !important;

    transform:
        scaleX(1.04) !important;
}


/* ARROW MOVES */
.hadou-contact-button
.elementor-button:hover
.elementor-button-icon {
    transform:
        translateX(7px) !important;

    color:
        #d71b40 !important;
}


/* =========================================================
   FOCUS
========================================================= */

.hadou-contact-button
.elementor-button:focus,
.hadou-contact-button
.elementor-button:focus-visible {
    outline:
        none !important;

    box-shadow:
        none !important;

    border-top-color:
        rgba(197,22,54,.55) !important;

    border-bottom-color:
        rgba(197,22,54,.55) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hadou-contact-action {
        right: 2% !important;

        bottom: 16% !important;

        width: 310px !important;
        max-width: 34% !important;
    }


    .hadou-contact-button
    .elementor-button {
        padding:
            20px 0 !important;
    }


    .hadou-contact-button
    .elementor-button-text {
        font-size:
            11px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-contact-action {
        position:
            relative !important;

        right:
            auto !important;

        bottom:
            auto !important;

        width:
            100% !important;

        max-width:
            100% !important;

        margin-top:
            46px !important;
    }


    .hadou-contact-button
    .elementor-button {
        padding:
            19px 0 !important;
    }


    .hadou-contact-button
    .elementor-button-content-wrapper {
        column-gap:
            12px !important;
    }


    .hadou-contact-button
    .elementor-button-text {
        font-size:
            10px !important;

        letter-spacing:
            .12em !important;
    }


    .hadou-contact-button
    .elementor-button-icon {
        font-size:
            13px !important;
    }


    /* no fake padding movement on touch */
    .hadou-contact-button
    .elementor-button:hover {
        padding-left:
            0 !important;

        padding-right:
            0 !important;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .hadou-contact-button
    .elementor-button,

    .hadou-contact-button
    .elementor-button::before,

    .hadou-contact-button
    .elementor-button-content-wrapper::after,

    .hadou-contact-button
    .elementor-button-icon {
        transition:
            none !important;

        transform:
            none !important;
    }

}

/* =========================================================
   HADOU 2027 — CONTACT LOCATION
========================================================= */

.hadou-contact-location {
    width: 100% !important;

    margin-top: 24px !important;
    padding: 0 !important;
}


.hadou-contact-location,
.hadou-contact-location p {
    margin: 0 !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1.75 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

    color:
        rgba(242,240,235,.32) !important;
}


/* first line */
.hadou-contact-location p:first-child {
    color:
        rgba(242,240,235,.55) !important;
}


/* subtle red marker */
.hadou-contact-location::before {
    content: "" !important;

    display: block !important;

    width: 20px !important;
    height: 1px !important;

    margin-bottom: 14px !important;

    background:
        #c51636 !important;
}


/* MOBILE */
@media (max-width: 767px) {

    .hadou-contact-location {
        margin-top: 20px !important;
    }


    .hadou-contact-location,
    .hadou-contact-location p {
        font-size: 9px !important;

        letter-spacing: .10em !important;
    }

}

/* =========================================================
   HADOU 2027 — CONTACT LOCATION FINAL TUNING
========================================================= */

.hadou-contact-location {
    margin-top: 26px !important;
}

.hadou-contact-location,
.hadou-contact-location p {
    font-size: 11px !important;
    line-height: 1.8 !important;
    letter-spacing: .11em !important;

    color: rgba(242,240,235,.40) !important;
}

.hadou-contact-location p:first-child {
    color: rgba(242,240,235,.62) !important;
}

.hadou-contact-location::before {
    width: 24px !important;
    margin-bottom: 15px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec3079e *//* =========================================================
   HADOU 2027 — CONTACT CLOSING MOTION
   SAFE / FAIL-PROOF
========================================================= */


/* =========================================================
   DEFAULT
   Everything remains visible if JS fails
========================================================= */

.hadou-contact-topbar,
.hadou-contact-title .elementor-heading-title,
.hadou-contact-action {
    opacity: 1;
}


/* =========================================================
   MOTION START STATES
   Only enabled when JS adds .hadou-contact-motion-ready
========================================================= */


/* TOPBAR */
.hadou-contact-cta.hadou-contact-motion-ready
.hadou-contact-topbar {
    opacity: 0;

    transform: translateY(14px);

    transition:
        opacity .8s ease,
        transform .95s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   BIG TITLE
========================================================= */

.hadou-contact-cta.hadou-contact-motion-ready
.hadou-contact-title
.elementor-heading-title {
    opacity: 0;

    transform: translateY(52px);

    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);

    transition:
        opacity .9s ease,
        transform 1.3s cubic-bezier(.16,1,.3,1),
        clip-path 1.3s cubic-bezier(.16,1,.3,1),
        -webkit-clip-path 1.3s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   CONTACT ACTION
========================================================= */

.hadou-contact-cta.hadou-contact-motion-ready
.hadou-contact-action {
    opacity: 0;

    transform: translateY(28px);

    transition:
        opacity .85s ease,
        transform 1.05s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   CTA LINE
========================================================= */

.hadou-contact-cta.hadou-contact-motion-ready
.hadou-contact-button
.elementor-button-content-wrapper::after {
    transform: scaleX(0) !important;

    transform-origin: left center !important;

    transition:
        transform .9s cubic-bezier(.16,1,.3,1),
        background .4s ease !important;
}


/* =========================================================
   LOCATION
========================================================= */

.hadou-contact-cta.hadou-contact-motion-ready
.hadou-contact-location {
    opacity: 0;

    transform: translateY(12px);

    transition:
        opacity .7s ease,
        transform .8s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   REVEALED STATE
========================================================= */


/* TOPBAR */
.hadou-contact-cta.hadou-contact-motion-ready.is-visible
.hadou-contact-topbar {
    opacity: 1;

    transform: translateY(0);

    transition-delay: .05s !important;
}


/* TITLE */
.hadou-contact-cta.hadou-contact-motion-ready.is-visible
.hadou-contact-title
.elementor-heading-title {
    opacity: 1;

    transform: translateY(0);

    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);

    transition-delay: .18s !important;
}


/* ACTION */
.hadou-contact-cta.hadou-contact-motion-ready.is-visible
.hadou-contact-action {
    opacity: 1;

    transform: translateY(0);

    transition-delay: .72s !important;
}


/* CTA LINE */
.hadou-contact-cta.hadou-contact-motion-ready.is-visible
.hadou-contact-button
.elementor-button-content-wrapper::after {
    transform: scaleX(1) !important;

    transition-delay: 1.02s !important;
}


/* LOCATION */
.hadou-contact-cta.hadou-contact-motion-ready.is-visible
.hadou-contact-location {
    opacity: 1;

    transform: translateY(0);

    transition-delay: 1.18s !important;
}


/* =========================================================
   ELEMENTOR EDITOR
========================================================= */

body.elementor-editor-active
.hadou-contact-topbar,

body.elementor-editor-active
.hadou-contact-title
.elementor-heading-title,

body.elementor-editor-active
.hadou-contact-action,

body.elementor-editor-active
.hadou-contact-location {
    opacity: 1 !important;

    transform: none !important;

    clip-path: none !important;
    -webkit-clip-path: none !important;

    transition: none !important;
}


body.elementor-editor-active
.hadou-contact-button
.elementor-button-content-wrapper::after {
    transform: scaleX(1) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .hadou-contact-cta.hadou-contact-motion-ready
    .hadou-contact-title
    .elementor-heading-title {
        transform: translateY(32px);
    }


    .hadou-contact-cta.hadou-contact-motion-ready.is-visible
    .hadou-contact-title
    .elementor-heading-title {
        transform: translateY(0);
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .hadou-contact-topbar,
    .hadou-contact-title .elementor-heading-title,
    .hadou-contact-action,
    .hadou-contact-location {
        opacity: 1 !important;

        transform: none !important;

        clip-path: none !important;
        -webkit-clip-path: none !important;

        transition: none !important;
    }


    .hadou-contact-button
    .elementor-button-content-wrapper::after {
        transform: scaleX(1) !important;

        transition: none !important;
    }

}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   HADOU 2027 — MOBILE HERO
   FINAL MOBILE COMPOSITION
========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       HERO
    ===================================================== */

    .hadou-hero {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: auto !important;

        margin: 0 !important;

        padding:
            105px 18px
            48px 18px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       HERO CONTENT
       Desktop Row → Mobile Column
    ===================================================== */

    .hadou-hero-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        gap: 34px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       HERO COPY
    ===================================================== */

    .hadou-hero-copy {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex:
            0 0 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       TITLE
    ===================================================== */

    .hadou-hero-title {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .hadou-hero-title
    .elementor-heading-title {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        font-size:
            clamp(56px, 18vw, 72px) !important;

        font-weight:
            700 !important;

        line-height:
            .82 !important;

        letter-spacing:
            -.025em !important;

        white-space:
            normal !important;

        word-break:
            normal !important;

        overflow-wrap:
            normal !important;
    }


    /* =====================================================
       SERVICES LINE
    ===================================================== */

    .hadou-hero-services {
        width: 100% !important;
        max-width: 100% !important;

        margin-top:
            22px !important;

        padding: 0 !important;
    }


    .hadou-hero-services,
    .hadou-hero-services p {
        margin-bottom: 0 !important;

        font-size:
            11px !important;

        line-height:
            1.55 !important;

        letter-spacing:
            .01em !important;
    }


    /* =====================================================
       DESCRIPTION
    ===================================================== */

    .hadou-hero-description {
        width: 100% !important;
        max-width: 330px !important;

        margin-top:
            16px !important;

        padding: 0 !important;
    }


    .hadou-hero-description,
    .hadou-hero-description p {
        margin-bottom: 0 !important;

        font-size:
            13.5px !important;

        line-height:
            1.65 !important;
    }


    /* =====================================================
       CTA WRAPPER
    ===================================================== */

    .hadou-hero-cta-wrap {
        width: auto !important;
        max-width: 100% !important;

        display: flex !important;
        align-items: flex-start !important;

        margin-top:
            24px !important;

        padding: 0 !important;
    }


    .hadou-hero-cta {
        width: auto !important;
        max-width: 100% !important;

        margin: 0 !important;
    }


    /* =====================================================
       HERO VISUAL
    ===================================================== */

    .hadou-hero-visual {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex:
            0 0 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       PORTAL FRAME
    ===================================================== */

    .hadou-portal-frame {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin:
            0 auto !important;

        padding: 0 !important;
    }


    .hadou-portal-frame
    .elementor-widget-html {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }


    /* =====================================================
       PORTAL VIDEO
       True responsive 4:5 ratio
    ===================================================== */

    .hadou-hero-video-wrap {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        aspect-ratio:
            4 / 5 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .hadou-hero-video {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        object-fit:
            contain !important;

        object-position:
            center center !important;

        transform:
            none !important;
    }

}

/* =========================================================
   HADOU 2027 — MOBILE WHAT WE BUILD
   FINAL MOBILE COMPOSITION
========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .hadou-services {
        width: 100% !important;
        max-width: 100% !important;

        min-height: auto !important;

        padding:
            78px 18px
            72px 18px !important;

        overflow: hidden !important;
    }


    /* =====================================================
       TOPBAR
    ===================================================== */

    .hadou-services-topbar {
        width: 100% !important;

        padding-bottom:
            16px !important;

        margin: 0 !important;
    }


    .hadou-services-label
    .elementor-heading-title,

    .hadou-services-kicker
    .elementor-heading-title {
        font-size:
            9px !important;

        letter-spacing:
            .09em !important;
    }


    /* =====================================================
       MAIN
       Desktop columns → Mobile stack
    ===================================================== */

    .hadou-services-main {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        gap: 0 !important;

        margin:
            44px 0 0 0 !important;

        padding: 0 !important;
    }


    /* =====================================================
       STATEMENT
    ===================================================== */

    .hadou-services-statement {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .hadou-services-statement-title {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }


    .hadou-services-statement-title
    .elementor-heading-title {
        width: 100% !important;
        max-width: 100% !important;

        font-size:
            clamp(52px, 15vw, 68px) !important;

        line-height:
            .84 !important;

        letter-spacing:
            -.025em !important;
    }


    .hadou-services-statement-title
    .elementor-heading-title::after {
        width:
            32px !important;

        height:
            2px !important;

        margin-top:
            22px !important;
    }


    /* =====================================================
       SERVICES LIST
    ===================================================== */

    .hadou-services-list {
        width: 100% !important;
        max-width: 100% !important;

        margin:
            52px 0 0 0 !important;

        padding: 0 !important;
    }


    /* =====================================================
       SERVICE ROW
    ===================================================== */

    .hadou-service-row {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        border-bottom:
            1px solid rgba(242,240,235,.12) !important;
    }


    /* =====================================================
       SERVICE HEAD
    ===================================================== */

    .hadou-service-head {
        width: 100% !important;

        min-height:
            86px !important;

        display: grid !important;

        grid-template-columns:
            28px minmax(0, 1fr) 20px !important;

        column-gap:
            10px !important;

        align-items:
            center !important;

        padding:
            0 2px !important;
    }


    /* =====================================================
       NUMBER
    ===================================================== */

    .hadou-service-number
    .elementor-heading-title {
        font-size:
            8px !important;

        letter-spacing:
            .08em !important;
    }


    /* =====================================================
       SERVICE NAME
    ===================================================== */

    .hadou-service-name {
        min-width: 0 !important;
        width: 100% !important;
    }


    .hadou-service-name
    .elementor-heading-title {
        font-size:
            clamp(34px, 10.5vw, 44px) !important;

        line-height:
            .92 !important;

        letter-spacing:
            -.015em !important;

        white-space:
            normal !important;
    }


    /* No desktop hover movement */
    .hadou-service-row:hover
    .hadou-service-name
    .elementor-heading-title {
        transform:
            none !important;
    }


    /* =====================================================
       ARROW
    ===================================================== */

    .hadou-service-arrow
    .elementor-icon {
        font-size:
            12px !important;
    }


    /* =====================================================
       SERVICE BODY
       Always visible on touch
    ===================================================== */

    .hadou-service-body {
        width: 100% !important;
        max-width: 100% !important;

        max-height: none !important;

        opacity: 1 !important;

        overflow: visible !important;

        transform: none !important;

        padding:
            0 20px 26px 38px !important;
    }


    /* =====================================================
       DESCRIPTION
    ===================================================== */

    .hadou-service-description {
        width: 100% !important;
        max-width: 100% !important;
    }


    .hadou-service-description,
    .hadou-service-description p {
        font-size:
            13.5px !important;

        line-height:
            1.65 !important;

        color:
            rgba(242,240,235,.60) !important;
    }


    /* =====================================================
       META
    ===================================================== */

    .hadou-service-meta {
        width: 100% !important;

        margin-top:
            12px !important;
    }


    .hadou-service-meta,
    .hadou-service-meta p {
        font-size:
            8.5px !important;

        line-height:
            1.55 !important;

        letter-spacing:
            .075em !important;

        color:
            rgba(242,240,235,.38) !important;
    }


    /* =====================================================
       CORE SERVICE — WEB & E-COMMERCE
    ===================================================== */

    .hadou-service-focus {
        background:
            linear-gradient(
                90deg,
                rgba(197,22,54,.055) 0%,
                rgba(197,22,54,.015) 58%,
                transparent 100%
            ) !important;
    }


    .hadou-service-focus::after {
        width:
            38px !important;
    }

}/* End custom CSS */