.elementor-12 .elementor-element.elementor-element-43b3ff6{--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;--overlay-opacity:0.5;--margin-top:-7em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:8rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-12 .elementor-element.elementor-element-43b3ff6:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-43b3ff6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;background-image:url("https://jlmarengo.nl/wp-content/uploads/2026/06/hero-overlay_v5.01.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-43b3ff6::before, .elementor-12 .elementor-element.elementor-element-43b3ff6 > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-43b3ff6 > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-43b3ff6 > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-43b3ff6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-43b3ff6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF 7%, #F2295B00 15%);}.elementor-12 .elementor-element.elementor-element-37ff9d9{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-7446762{text-align:end;}.elementor-12 .elementor-element.elementor-element-7446762 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:100px;font-weight:600;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-cb17759{width:auto;max-width:auto;}.elementor-12 .elementor-element.elementor-element-3035e5f{text-align:end;}.elementor-12 .elementor-element.elementor-element-3035e5f .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:100px;font-weight:600;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-0357c17{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-39cf9ef .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-12 .elementor-element.elementor-element-39cf9ef .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-12 .elementor-element.elementor-element-39cf9ef .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-12 .elementor-element.elementor-element-39cf9ef .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-12 .elementor-element.elementor-element-39cf9ef .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-12 .elementor-element.elementor-element-39cf9ef .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-39cf9ef .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-12 .elementor-element.elementor-element-39cf9ef{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-12 .elementor-element.elementor-element-39cf9ef .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-0d88440{--display:flex;--min-height:60vh;--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:50px 0px;--row-gap:50px;--column-gap:0px;--border-radius:0px 0px 80px 80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-0d88440:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-0d88440 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-ab8bb53{--display:flex;}.elementor-12 .elementor-element.elementor-element-6b48d97{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-6728823{--display:flex;}.elementor-12 .elementor-element.elementor-element-9c81839 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-18c0a12 );}.elementor-12 .elementor-element.elementor-element-666a6d2{--display:flex;--min-height:400px;--border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-666a6d2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-666a6d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jlmarengo.nl/wp-content/uploads/2026/07/DSC7498-2-scaled.jpg");background-position:center center;background-size:cover;}.elementor-12 .elementor-element.elementor-element-2ebadbb{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-12 .elementor-element.elementor-element-ab097b4{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-2bdb2aa .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-2bdb2aa .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-2bdb2aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-2bdb2aa.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-2bdb2aa .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-2bdb2aa .elementor-button .elementor-button-content-wrapper{gap:18px;}.elementor-12 .elementor-element.elementor-element-2bdb2aa .elementor-button{fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:4px 4px 4px 4px;border-color:#E3E3E399;border-radius:40px 40px 40px 40px;padding:15px 20px 15px 20px;}.elementor-12 .elementor-element.elementor-element-2bdb2aa .elementor-button:hover svg, .elementor-12 .elementor-element.elementor-element-2bdb2aa .elementor-button:focus svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-05432ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-56f1e05{--e-image-carousel-slides-to-show:3;}.elementor-12 .elementor-element.elementor-element-56f1e05 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-6c70e4a{--display:flex;--padding-top:6rem;--padding-bottom:10rem;--padding-left:2rem;--padding-right:2rem;}.elementor-12 .elementor-element.elementor-element-b2318a6{--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;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b09adef .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:100px;font-weight:400;line-height:80px;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-5d206cd .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-5d206cd .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-5d206cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-5d206cd.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-5d206cd .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-5d206cd .elementor-button .elementor-button-content-wrapper{gap:18px;}.elementor-12 .elementor-element.elementor-element-5d206cd .elementor-button{fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:4px 4px 4px 4px;border-color:#E3E3E3;border-radius:40px 40px 40px 40px;padding:15px 20px 15px 20px;}.elementor-12 .elementor-element.elementor-element-5d206cd .elementor-button:hover svg, .elementor-12 .elementor-element.elementor-element-5d206cd .elementor-button:focus svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-d4423d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#00000026;--border-color:#00000026;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-5e78f4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#00000026;--border-color:#00000026;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-432c821{--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:0.5rem 0rem;--row-gap:0.5rem;--column-gap:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1.2rem;--padding-right:1.2rem;}.elementor-12 .elementor-element.elementor-element-e2fff53{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0rem 1rem;--row-gap:0rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-21ded1a .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:48px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-4c0689c{width:auto;max-width:auto;}.elementor-12 .elementor-element.elementor-element-4c0689c.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-4c0689c .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-f6feebe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#00000026;--border-color:#00000026;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b04c316{--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:0.5rem 0rem;--row-gap:0.5rem;--column-gap:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1.2rem;--padding-right:1.2rem;}.elementor-12 .elementor-element.elementor-element-c64e0e9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0rem 1rem;--row-gap:0rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-dc2101e .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:48px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-e3408ee{width:auto;max-width:auto;}.elementor-12 .elementor-element.elementor-element-e3408ee.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-e3408ee .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-442d228{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#00000026;--border-color:#00000026;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-544a51d{--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:0.5rem 0rem;--row-gap:0.5rem;--column-gap:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1.2rem;--padding-right:1.2rem;}.elementor-12 .elementor-element.elementor-element-d038bc0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0rem 1rem;--row-gap:0rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6b6e4fa .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:48px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-c128168{width:auto;max-width:auto;}.elementor-12 .elementor-element.elementor-element-c128168.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-c128168 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-73b04d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#00000026;--border-color:#00000026;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-cfe68b7{--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:0.5rem 0rem;--row-gap:0.5rem;--column-gap:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1.2rem;--padding-right:1.2rem;}.elementor-12 .elementor-element.elementor-element-f412e16{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0rem 1rem;--row-gap:0rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6055665 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:48px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-f789017{width:auto;max-width:auto;}.elementor-12 .elementor-element.elementor-element-f789017.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-f789017 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-5bc12fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#00000026;--border-color:#00000026;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6589633{--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:0.5rem 0rem;--row-gap:0.5rem;--column-gap:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1.2rem;--padding-right:1.2rem;}.elementor-12 .elementor-element.elementor-element-1381ade{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0rem 1rem;--row-gap:0rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1348f55 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:48px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-2e1cf5f{width:auto;max-width:auto;}.elementor-12 .elementor-element.elementor-element-2e1cf5f.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-2e1cf5f .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-ed88806{--display:flex;--padding-top:0rem;--padding-bottom:10rem;--padding-left:02rem;--padding-right:2rem;}.elementor-12 .elementor-element.elementor-element-3e4ac98{--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;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ef2d027 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:100px;font-weight:400;line-height:80px;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-0abf7fe{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:4rem 4rem;--row-gap:4rem;--column-gap:4rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-db06c88{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-0bcb1d1{--display:flex;--padding-top:2rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-12 .elementor-element.elementor-element-ccc551d{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-6a5a78d{--display:flex;--padding-top:2rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-12 .elementor-element.elementor-element-71ce8b0{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-030bf4a{--display:flex;--padding-top:2rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-12 .elementor-element.elementor-element-1257396{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-e9c4d58{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-icon-size:8px;}.elementor-12 .elementor-element.elementor-element-e9c4d58 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 0.5px 0px;}.elementor-12 .elementor-element.elementor-element-e9c4d58 {--n-accordion-padding:2rem 0rem 2rem 0rem;}:where( .elementor-12 .elementor-element.elementor-element-e9c4d58 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;--padding-top:2rem;--padding-right:0rem;--padding-bottom:2rem;--padding-left:0rem;}.elementor-12 .elementor-element.elementor-element-287ab7c{--display:flex;}.elementor-12 .elementor-element.elementor-element-64441bb{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.75;--padding-top:10rem;--padding-bottom:10rem;--padding-left:0rem;--padding-right:0rem;}.elementor-12 .elementor-element.elementor-element-64441bb:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-64441bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://jlmarengo.nl/wp-content/uploads/2026/06/UTS-Macbook-Scene-Shot-02_1-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-64441bb::before, .elementor-12 .elementor-element.elementor-element-64441bb > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-64441bb > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-64441bb > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-64441bb > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-64441bb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-12 .elementor-element.elementor-element-a18e563{--display:flex;--min-height:400px;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1000;}.elementor-12 .elementor-element.elementor-element-0198e4d{text-align:center;}.elementor-12 .elementor-element.elementor-element-0198e4d .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:120px;font-weight:600;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-40eeadc{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:center;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-d3b601f .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-d3b601f .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-d3b601f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-d3b601f.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-d3b601f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-d3b601f .elementor-button .elementor-button-content-wrapper{gap:18px;}.elementor-12 .elementor-element.elementor-element-d3b601f .elementor-button{fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:4px 4px 4px 4px;border-color:#E3E3E3;border-radius:40px 40px 40px 40px;padding:15px 20px 15px 20px;}.elementor-12 .elementor-element.elementor-element-d3b601f .elementor-button:hover svg, .elementor-12 .elementor-element.elementor-element-d3b601f .elementor-button:focus svg{fill:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-0d88440{--content-width:1100px;}}@media(max-width:1366px){.elementor-12 .elementor-element.elementor-element-43b3ff6{--padding-top:6rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-12 .elementor-element.elementor-element-37ff9d9{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-0d88440{--padding-top:6rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-ab097b4{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-12 .elementor-element.elementor-element-6c70e4a{--padding-top:6rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-12 .elementor-element.elementor-element-b09adef .elementor-heading-title{font-size:80px;}.elementor-12 .elementor-element.elementor-element-21ded1a .elementor-heading-title{font-size:40px;}.elementor-12 .elementor-element.elementor-element-4c0689c .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-dc2101e .elementor-heading-title{font-size:40px;}.elementor-12 .elementor-element.elementor-element-e3408ee .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-6b6e4fa .elementor-heading-title{font-size:40px;}.elementor-12 .elementor-element.elementor-element-c128168 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-6055665 .elementor-heading-title{font-size:40px;}.elementor-12 .elementor-element.elementor-element-f789017 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-1348f55 .elementor-heading-title{font-size:40px;}.elementor-12 .elementor-element.elementor-element-2e1cf5f .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-ed88806{--padding-top:6rem;--padding-bottom:6rem;--padding-left:2rem;--padding-right:2rem;}.elementor-12 .elementor-element.elementor-element-ef2d027 .elementor-heading-title{font-size:80px;}.elementor-12 .elementor-element.elementor-element-ccc551d{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-71ce8b0{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-1257396{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-64441bb{--padding-top:6rem;--padding-bottom:6rem;--padding-left:0rem;--padding-right:0rem;}.elementor-12 .elementor-element.elementor-element-0198e4d .elementor-heading-title{font-size:80px;}}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-43b3ff6{--min-height:80vh;}.elementor-12 .elementor-element.elementor-element-37ff9d9{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-0d88440{--min-height:40vh;--padding-top:4rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-12 .elementor-element.elementor-element-666a6d2{--min-height:200px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-ab097b4{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-12 .elementor-element.elementor-element-b09adef .elementor-heading-title{font-size:60px;}.elementor-12 .elementor-element.elementor-element-432c821{--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-12 .elementor-element.elementor-element-b04c316{--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-12 .elementor-element.elementor-element-544a51d{--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-12 .elementor-element.elementor-element-cfe68b7{--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-12 .elementor-element.elementor-element-6589633{--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-12 .elementor-element.elementor-element-ef2d027 .elementor-heading-title{font-size:60px;}.elementor-12 .elementor-element.elementor-element-ccc551d{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-71ce8b0{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-1257396{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-0198e4d .elementor-heading-title{font-size:60px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-43b3ff6{--padding-top:8rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-12 .elementor-element.elementor-element-37ff9d9{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-12 .elementor-element.elementor-element-7446762 .elementor-heading-title{font-size:48px;}.elementor-12 .elementor-element.elementor-element-3035e5f{padding:15px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-3035e5f .elementor-heading-title{font-size:48px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-0d88440{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--border-radius:0px 0px 40px 40px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-12 .elementor-element.elementor-element-ab8bb53{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6b48d97{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-666a6d2{--min-height:400px;}.elementor-12 .elementor-element.elementor-element-2ebadbb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-ab097b4{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-12 .elementor-element.elementor-element-05432ae{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-56f1e05{--e-image-carousel-slides-to-show:2;}.elementor-12 .elementor-element.elementor-element-6c70e4a{--padding-top:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-12 .elementor-element.elementor-element-b2318a6{--padding-top:0rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-12 .elementor-element.elementor-element-b09adef .elementor-heading-title{font-size:36px;}.elementor-12 .elementor-element.elementor-element-21ded1a .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-4c0689c .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-dc2101e .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-6b6e4fa .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-6055665 .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-1348f55 .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-ed88806{--padding-top:2rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-12 .elementor-element.elementor-element-3e4ac98{--padding-top:0rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-12 .elementor-element.elementor-element-ef2d027 .elementor-heading-title{font-size:36px;}.elementor-12 .elementor-element.elementor-element-ccc551d{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-71ce8b0{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-1257396{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-0198e4d .elementor-heading-title{font-size:36px;}.elementor-12 .elementor-element.elementor-element-40eeadc{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-ab097b4{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-12 .elementor-element.elementor-element-ccc551d{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-71ce8b0{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-1257396{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for button, class: .elementor-element-2bdb2aa */.elementor-button-icon .e-font-icon-svg { rotate: -45deg; } .elementor-button-icon svg { transition: all 300ms; } .cta-button:hover .elementor-button-icon svg { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5d206cd */.elementor-button-icon .e-font-icon-svg { rotate: -45deg; } .elementor-button-icon svg { transition: all 300ms; } .cta-button:hover .elementor-button-icon svg { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d3b601f */.elementor-button-icon .e-font-icon-svg { rotate: -45deg; } .elementor-button-icon svg { transition: all 300ms; } .cta-button:hover .elementor-button-icon svg { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS *//* ========================================================= WORK SECTION (Elementor Pro version) Paste into: Elementor → Site Settings → Custom CSS (or Page Settings → Advanced → Custom CSS for one page) NOTE: Layout (flex direction / justify / align / gap / padding / width) is set NATIVELY in Elementor container controls. This file only holds the EFFECTS that Elementor can't do on its own. Widget assumption: index / title / meta are HEADING widgets, so their inner text element is `.elementor-heading-title`. If you use Text Editor widgets instead, replace `.elementor-heading-title` with `p` below. ========================================================= */ :root { --bg: #0d0d0d; --fg: #f2f2f2; --muted: #7a7a7a; --accent: #e8e2d6; --gold: #CE9E2B; } /* ---- Gold wipe overlay (left → right on hover) ---- */ .work-item { position: relative; overflow: hidden; } .work-item::before { content: ""; position: absolute; inset: 0; background-color: var(--gold); transform: scaleX(0); transform-origin: left center; transition: transform 0.2s ease; z-index: 0; } .work-item:hover::before { transform: scaleX(1); } /* Keep the row content above the wipe overlay */ .work-item__link { position: relative; z-index: 1; } /* ---- Typography (clamp() isn't available in Elementor's size field) ---- */ .work-item__title .elementor-heading-title, .work-item__title { font-weight: 500; line-height: 1; letter-spacing: -0.02em; transition: color 0.4s ease; } .work-item__index .elementor-heading-title, .work-item__index { color: #101A3E !important; transition: color 0.4s ease; } .work-item__meta .elementor-heading-title, .work-item__meta { text-transform: uppercase; letter-spacing: 0.08em; transition: color 0.4s ease; } /* ---- Hover: flip all text to dark for contrast over the gold ---- */ .work-item:hover .work-item__title .elementor-heading-title, .work-item:hover .work-item__index .elementor-heading-title, .work-item:hover .work-item__meta .elementor-heading-title, .work-item:hover .work-item__title, .work-item:hover .work-item__index, .work-item:hover .work-item__meta { color: #ffffff; } .work-item:hover .work-item__title .elementor-heading-title, .work-item:hover .work-item__title { /*text-transform: uppercase;*/ letter-spacing: -1px; font-weight: 700; transition: 0.2s ease; } /* ---- Floating cursor-follow preview ---- */ .work__preview { position: fixed; top: 0; left: 0; width: 500px; height: 240px; border: solid .5px #fefefe; pointer-events: none; overflow: hidden; opacity: 0; z-index: 50; will-change: transform; } .work__preview-img { width: 100%; height: 100%; object-fit: cover; /* show entire image */ object-position: center center; /* center it in the leftover space */ display: block; } /* ---- Accessibility ---- */ @media (prefers-reduced-motion: reduce) { .work-item::before { transition: none; } } /* ========================================================= NAME HERO (Elementor Pro version) Paste into: Elementor → Site Settings → Custom CSS (same place as the Work section CSS) Structure it assumes (built in Phase 2): .hero-name (Container, full screen) .hero-name__row (Container, flex row) .hero-name__first (Heading widget — "Jean-Luc") .hero-name__portrait (HTML widget — ) .hero-name__last (Heading widget — "Marengo") ========================================================= */ /* Full-screen centered hero. overflow:hidden stops the names (which slide in from ±40px) from causing horizontal scroll. */ /* Small devices (mobile/tablets, 767px and below) */ @media only screen and (max-width: 767px) { .hero-name { min-height: 60vh; display: flex; align-items: center; justify-content: center; overflow: hidden; } } /* Medium devices (tablets/desktops, 768px and up) */ @media only screen and (min-width: 768px) { .hero-name { min-height: 80vh; display: flex; align-items: center; justify-content: center; overflow: hidden; } } /* Large devices (large laptops and desktops, 1168px and up) */ @media only screen and (min-width: 1168px) { .hero-name { min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; } } /* The row that holds first name | portrait | last name */ .hero-name__row { display: flex; align-items: center; justify-content: center; gap: 0; /* portrait margins provide the spacing */ white-space: nowrap; } /* Names (Heading widgets). clamp() isn't available in Elementor's size field, so size them here. Target inner + wrapper to be safe. */ .hero-name__first .elementor-heading-title, .hero-name__last .elementor-heading-title, .hero-name__first, .hero-name__last { letter-spacing: -0.02em; margin: 0; } /* Portrait frame (the HTML widget's ). GSAP animates its width + margins from 0, so it PUSHES the names apart. */ .hero-name__portrait { display: inline-block; flex: none; height: 25rem; width: 20rem; margin: 0 4rem; overflow: hidden; border-radius: 10px; /* set to 50% for a pill/circle */ vertical-align: middle; } .hero-name__portrait img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Kill Elementor's default widget spacing inside the row */ .hero-name__row .elementor-widget-container { margin: 0; } /* Optional stacking on small screens (portrait can't push much room on a phone). Uncomment to stack name / photo / name. */ @media (max-width: 600px) { .hero-name__row { flex-direction: column; white-space: normal; } .hero-name__portrait { margin: 0.9rem 0; } } /* ========================================================= "Designer Statement" SCROLL COLOR REVEAL (Elementor) Paste into: Elementor → Site Settings → Custom CSS (append below the hero + work CSS) Structure it assumes (Phase 2): .reveal (Container — light background, full height) └ HTML widget containing:

…text… …text…

========================================================= */ /* Section: light background so the dark navy text is visible */ .reveal { min-height: 60vh; display: flex; align-items: center; justify-content: center; padding: 12vh 2rem; } /* The one-liner. Inline text flow (NOT flex) so the image sits in the line and the text wraps naturally around it. */ .reveal__text { max-width: 1100px; margin: 0 auto; font-size: clamp(1.8rem, 5vw, 4.2rem); font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; text-align: center; color: #CE9E2B; /* fallback grey for spaces/punctuation */ } /* Image that splits the sentence */ .reveal__img { display: inline-block; vertical-align: middle; width: clamp(6rem, 9vw, 8rem); height: clamp(3rem, 6vw, 5rem); margin: 0 0.35em; overflow: hidden; border-radius: 6px; } .reveal__img img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Each word starts light grey; GSAP scrubs it to #101A3E on scroll */ .reveal__word { color: #425d99; } /* ========================================================= SKILLSET (NATIVE Elementor Accordion) Paste into: Elementor → Site Settings → Custom CSS With the native Accordion widget you style the accordion itself in the widget's Style tab. This file only needs to size the synced image and (optionally) the section background. ========================================================= */ /* Right-column image that the accordion swaps */ .skills__media { width: 100%; } .skills__img { width: 100%; height: clamp(22rem, 60vh, 40rem); object-fit: cover; border-radius: 10px; display: block; } @media (max-width: 820px) { .skills__img { height: 26rem; } }/* End custom CSS */