.elementor-16061 .elementor-element.elementor-element-c99346b{--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: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-16061 .elementor-element.elementor-element-c99346b:not(.elementor-motion-effects-element-type-background), .elementor-16061 .elementor-element.elementor-element-c99346b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-16061 .elementor-element.elementor-element-189dd90{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-16061 .elementor-element.elementor-element-de966b5 .elementor-heading-title{color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-c317634 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-16061 .elementor-element.elementor-element-438b5b0{text-align:center;}.elementor-16061 .elementor-element.elementor-element-438b5b0 .elementor-heading-title{color:#A3A3A3;}.elementor-16061 .elementor-element.elementor-element-c7a2b10{--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;--flex-wrap:wrap;--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-16061 .elementor-element.elementor-element-6e4d001 .elementor-button{background-color:#FFFFFF;font-family:"Nord Medium", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.073em;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:4px 4px 4px 4px;padding:0px 32px 0px 32px;}.elementor-16061 .elementor-element.elementor-element-6e4d001 .elementor-button:hover, .elementor-16061 .elementor-element.elementor-element-6e4d001 .elementor-button:focus{background-color:#FFFFFF00;color:#FFFFFF;border-color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-6e4d001 .elementor-button:hover svg, .elementor-16061 .elementor-element.elementor-element-6e4d001 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-c7a2b1e .elementor-button{background-color:#FFFFFF00;font-family:"Nord Medium", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.073em;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFFB3;border-radius:4px 4px 4px 4px;padding:0px 32px 0px 32px;}.elementor-16061 .elementor-element.elementor-element-c7a2b1e .elementor-button:hover, .elementor-16061 .elementor-element.elementor-element-c7a2b1e .elementor-button:focus{background-color:#FFFFFF00;color:#000000;border-color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-c7a2b1e .elementor-button:hover svg, .elementor-16061 .elementor-element.elementor-element-c7a2b1e .elementor-button:focus svg{fill:#000000;}.elementor-16061 .elementor-element.elementor-element-759efb3{--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-16061 .elementor-element.elementor-element-5ee7a9e{--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16061 .elementor-element.elementor-element-23d05e3{--display:flex;}.elementor-16061 .elementor-element.elementor-element-ff3ba72{--display:flex;}.elementor-16061 .elementor-element.elementor-element-df70017 .elementor-heading-title{font-family:"Exposure", Sans-serif;font-size:7.2em;font-weight:400;text-transform:none;color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-c375ccc{--display:flex;}.elementor-16061 .elementor-element.elementor-element-8c1bd84 .elementor-heading-title{font-family:"Chomsky", Sans-serif;font-size:5.6em;font-weight:400;text-transform:none;letter-spacing:0px;color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-bbcb76b{--display:flex;}.elementor-16061 .elementor-element.elementor-element-2ced205 .elementor-heading-title{font-family:"Bookman JFPro Regular", Sans-serif;font-size:5em;font-weight:400;text-transform:none;font-style:italic;letter-spacing:0px;color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-abcf8c6{--display:flex;}.elementor-16061 .elementor-element.elementor-element-d6c4755 .elementor-heading-title{font-family:"F37 Stout Black Compressed", Sans-serif;font-size:7.1em;font-weight:900;letter-spacing:0px;color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-d205c68{--display:flex;}.elementor-16061 .elementor-element.elementor-element-408d3a2 .elementor-heading-title{font-family:"OCRATributeW01 Regular Mono", Sans-serif;font-size:4.2em;font-weight:400;letter-spacing:0px;color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-2248378{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16061 .elementor-element.elementor-element-0ff7d55{--display:flex;}.elementor-16061 .elementor-element.elementor-element-6e6a77b .elementor-heading-title{font-family:"Exposure", Sans-serif;font-size:5.9em;font-weight:400;text-transform:none;color:#FFFFFF;}.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-16061 .elementor-element.elementor-element-3b79f58{text-align:left;font-family:"Nord Regular", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;}.elementor-16061 .elementor-element.elementor-element-dd53500 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-16061 .elementor-element.elementor-element-e541b97{--display:flex;}.elementor-16061 .elementor-element.elementor-element-0086a71 .elementor-heading-title{font-family:"Chomsky", Sans-serif;font-size:4.9em;font-weight:400;text-transform:none;letter-spacing:0px;color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-ed56ab2{text-align:left;font-family:"Nord Regular", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;}.elementor-16061 .elementor-element.elementor-element-2e6bf08 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-16061 .elementor-element.elementor-element-38b72c1{--display:flex;}.elementor-16061 .elementor-element.elementor-element-425d42d .elementor-heading-title{font-family:"Bookman JFPro Regular", Sans-serif;font-size:5em;font-weight:400;text-transform:none;font-style:italic;letter-spacing:0px;color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-cbe8f9c{text-align:left;font-family:"Nord Regular", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;}.elementor-16061 .elementor-element.elementor-element-6129f1f .elementor-wrapper{--video-aspect-ratio:1;}.elementor-16061 .elementor-element.elementor-element-b060667{--display:flex;}.elementor-16061 .elementor-element.elementor-element-940128a .elementor-heading-title{font-family:"F37 Stout Black Compressed", Sans-serif;font-size:7.1em;font-weight:900;letter-spacing:0px;color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-527193c{text-align:left;font-family:"Nord Regular", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;}.elementor-16061 .elementor-element.elementor-element-ea87785 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-16061 .elementor-element.elementor-element-c985ac8{--display:flex;}.elementor-16061 .elementor-element.elementor-element-f8b9afb .elementor-heading-title{font-family:"OCRATributeW01 Regular Mono", Sans-serif;font-size:4.2em;font-weight:400;letter-spacing:0px;color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-c3ea039{text-align:left;font-family:"Nord Regular", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;}.elementor-16061 .elementor-element.elementor-element-7dd7dce .elementor-wrapper{--video-aspect-ratio:1;}.elementor-16061 .elementor-element.elementor-element-8661899{--display:flex;}.elementor-16061 .elementor-element.elementor-element-c172411{--display:flex;}.elementor-16061 .elementor-element.elementor-element-9748c83 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-16061 .elementor-element.elementor-element-b20d4a8{--display:flex;}.elementor-16061 .elementor-element.elementor-element-e116637 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-16061 .elementor-element.elementor-element-df03125{--display:flex;}.elementor-16061 .elementor-element.elementor-element-eb966a2 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-16061 .elementor-element.elementor-element-3497bb0{--display:flex;}.elementor-16061 .elementor-element.elementor-element-94d1bec .elementor-wrapper{--video-aspect-ratio:1;}.elementor-16061 .elementor-element.elementor-element-e080b14{--display:flex;}.elementor-16061 .elementor-element.elementor-element-5e93518 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-16061 .elementor-element.elementor-element-f4f0a83{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:36px;--padding-left:20px;--padding-right:20px;--z-index:9;}.elementor-16061 .elementor-element.elementor-element-f4f0a83:not(.elementor-motion-effects-element-type-background), .elementor-16061 .elementor-element.elementor-element-f4f0a83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-16061 .elementor-element.elementor-element-8e01870{--display:flex;}.elementor-16061 .elementor-element.elementor-element-4a2be38{text-align:center;}.elementor-16061 .elementor-element.elementor-element-4a2be38 .elementor-heading-title{font-family:"F37 Stout Black Compressed", Sans-serif;font-size:6.9em;font-weight:900;text-transform:none;line-height:1.1315789474em;color:#FFFFFF;}.elementor-16061 .elementor-element.elementor-element-03cb142{--display:flex;}.elementor-16061 .elementor-element.elementor-element-ac2b200{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:55;}.elementor-16061 .elementor-element.elementor-element-ac2b200:not(.elementor-motion-effects-element-type-background), .elementor-16061 .elementor-element.elementor-element-ac2b200 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-16061 .elementor-element.elementor-element-5ad6a29{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;--z-index:56;}.elementor-16061 .elementor-element.elementor-element-5ad6a29:not(.elementor-motion-effects-element-type-background), .elementor-16061 .elementor-element.elementor-element-5ad6a29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-16061 .elementor-element.elementor-element-f78c039{--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:flex-start;--align-items:center;}.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-16061 .elementor-element.elementor-element-2accc7b > .elementor-widget-container{margin:0px -33px 0px -39px;}.elementor-16061 .elementor-element.elementor-element-2accc7b{text-align:center;}.elementor-16061 .elementor-element.elementor-element-2accc7b img{width:84%;}.elementor-16061 .elementor-element.elementor-element-c180cd4{--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:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-16061 .elementor-element.elementor-element-5762a90 .elementor-heading-title{font-family:"Nord Regular", Sans-serif;font-size:14px;font-weight:400;color:#969696;}body.elementor-page-16061:not(.elementor-motion-effects-element-type-background), body.elementor-page-16061 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-16061 .elementor-element.elementor-element-c7a2b10{--flex-wrap:nowrap;}.elementor-16061 .elementor-element.elementor-element-759efb3{--flex-wrap:nowrap;}.elementor-16061 .elementor-element.elementor-element-5ee7a9e{--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;--flex-wrap:nowrap;}.elementor-16061 .elementor-element.elementor-element-2248378{--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;}.elementor-16061 .elementor-element.elementor-element-4a2be38 .elementor-heading-title{font-size:6.1em;}.elementor-16061 .elementor-element.elementor-element-5ad6a29{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-16061 .elementor-element.elementor-element-f78c039{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-16061 .elementor-element.elementor-element-2accc7b img{width:312px;}}@media(max-width:767px){.elementor-16061 .elementor-element.elementor-element-c7a2b10{--flex-wrap:nowrap;}.elementor-16061 .elementor-element.elementor-element-759efb3{--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-16061 .elementor-element.elementor-element-5ee7a9e{--flex-wrap:nowrap;}.elementor-16061 .elementor-element.elementor-element-df70017 .elementor-heading-title{font-size:4.6em;}.elementor-16061 .elementor-element.elementor-element-8c1bd84 .elementor-heading-title{font-size:3.5em;}.elementor-16061 .elementor-element.elementor-element-2ced205 .elementor-heading-title{font-size:3.1em;}.elementor-16061 .elementor-element.elementor-element-d6c4755 .elementor-heading-title{font-size:5em;}.elementor-16061 .elementor-element.elementor-element-408d3a2 .elementor-heading-title{font-size:2.4em;}.elementor-16061 .elementor-element.elementor-element-6e6a77b .elementor-heading-title{font-size:4.6em;}.elementor-16061 .elementor-element.elementor-element-0086a71 .elementor-heading-title{font-size:3.5em;}.elementor-16061 .elementor-element.elementor-element-425d42d .elementor-heading-title{font-size:3.1em;}.elementor-16061 .elementor-element.elementor-element-940128a .elementor-heading-title{font-size:5em;}.elementor-16061 .elementor-element.elementor-element-f8b9afb .elementor-heading-title{font-size:2.4em;}.elementor-16061 .elementor-element.elementor-element-8e01870{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16061 .elementor-element.elementor-element-4a2be38 .elementor-heading-title{font-size:4.3em;}.elementor-16061 .elementor-element.elementor-element-ac2b200{--flex-wrap:nowrap;}.elementor-16061 .elementor-element.elementor-element-5ad6a29{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16061 .elementor-element.elementor-element-f78c039{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-16061 .elementor-element.elementor-element-759efb3{--width:100%;}.elementor-16061 .elementor-element.elementor-element-5ee7a9e{--width:100%;}.elementor-16061 .elementor-element.elementor-element-23d05e3{--width:40%;}.elementor-16061 .elementor-element.elementor-element-2248378{--width:300px;}.elementor-16061 .elementor-element.elementor-element-0ff7d55{--width:100%;}.elementor-16061 .elementor-element.elementor-element-8661899{--width:40%;}.elementor-16061 .elementor-element.elementor-element-c172411{--width:100%;}.elementor-16061 .elementor-element.elementor-element-b20d4a8{--width:100%;}.elementor-16061 .elementor-element.elementor-element-df03125{--width:100%;}.elementor-16061 .elementor-element.elementor-element-3497bb0{--width:100%;}.elementor-16061 .elementor-element.elementor-element-e080b14{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-16061 .elementor-element.elementor-element-23d05e3{--width:100%;}.elementor-16061 .elementor-element.elementor-element-ff3ba72{--width:100%;}.elementor-16061 .elementor-element.elementor-element-c375ccc{--width:100%;}.elementor-16061 .elementor-element.elementor-element-bbcb76b{--width:100%;}.elementor-16061 .elementor-element.elementor-element-abcf8c6{--width:100%;}.elementor-16061 .elementor-element.elementor-element-d205c68{--width:100%;}.elementor-16061 .elementor-element.elementor-element-2248378{--width:100%;}.elementor-16061 .elementor-element.elementor-element-c172411{--width:100%;}.elementor-16061 .elementor-element.elementor-element-b20d4a8{--width:100%;}.elementor-16061 .elementor-element.elementor-element-df03125{--width:100%;}.elementor-16061 .elementor-element.elementor-element-3497bb0{--width:100%;}.elementor-16061 .elementor-element.elementor-element-e080b14{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-df70017 */.elementor-16061 .elementor-element.elementor-element-df70017 .elementor-heading-title::before { content: '01'; font-family: 'Nord Medium', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .1em; position: absolute; top: 0; left: 0; transform: translateX(-120%); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8c1bd84 */.elementor-16061 .elementor-element.elementor-element-8c1bd84 .elementor-heading-title::before { content: '02'; font-family: 'Nord Medium', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .1em; position: absolute; top: 0; left: 0; transform: translateX(-120%); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2ced205 */.elementor-16061 .elementor-element.elementor-element-2ced205 .elementor-heading-title::before { content: '03'; font-family: 'Nord Medium', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .1em; position: absolute; top: 0; left: 0; transform: translateX(-120%); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d6c4755 */.elementor-16061 .elementor-element.elementor-element-d6c4755 .elementor-heading-title::before { content: '04'; font-family: 'Nord Medium', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .1em; position: absolute; top: 0; left: 0; transform: translateX(-120%); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-408d3a2 */.elementor-16061 .elementor-element.elementor-element-408d3a2 .elementor-heading-title::before { content: '05'; font-family: 'Nord Medium', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .1em; position: absolute; top: 0; left: 0; transform: translateX(-120%); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6e6a77b */.elementor-16061 .elementor-element.elementor-element-6e6a77b .elementor-heading-title::before { content: '01'; font-family: 'Nord Medium', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .1em; position: absolute; top: 0; left: 0; transform: translateX(-120%); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0086a71 */.elementor-16061 .elementor-element.elementor-element-0086a71 .elementor-heading-title::before { content: '02'; font-family: 'Nord Medium', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .1em; position: absolute; top: 0; left: 0; transform: translateX(-120%); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-425d42d */.elementor-16061 .elementor-element.elementor-element-425d42d .elementor-heading-title::before { content: '03'; font-family: 'Nord Medium', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .1em; position: absolute; top: 0; left: 0; transform: translateX(-120%); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-940128a */.elementor-16061 .elementor-element.elementor-element-940128a .elementor-heading-title::before { content: '04'; font-family: 'Nord Medium', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .1em; position: absolute; top: 0; left: 0; transform: translateX(-120%); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f8b9afb */.elementor-16061 .elementor-element.elementor-element-f8b9afb .elementor-heading-title::before { content: '05'; font-family: 'Nord Medium', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .1em; position: absolute; top: 0; left: 0; transform: translateX(-120%); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-759efb3 *//* ─── SXM Services V3 ─── */ .sxm-text-item .elementor-widget-text-editor .elementor-widget-container { text-align: justify; text-align-last: left; text-justify: inter-character; } /* ─── Get In Touch Reveal ─── */ .get-in-touch-section { position: relative; z-index: 20; } /* Editor fix */ body:not(.elementor-editor-active) .sxm-services { position: relative; z-index: 10; padding-top: 5vh !important; } body.elementor-editor-active .sxm-services { z-index: auto !important; position: relative !important; height: auto !important; } /* Columns fill height */ .left-hero, .middle-hero { display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 75vh !important; } .left-hero > .e-con-inner, .middle-hero > .e-con-inner { display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 100% !important; min-height: auto !important; } .right-hero, .right-hero > .e-con-inner { position: relative !important; } /* Service items (left column titles) */ .sxm-service-item { flex: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; transition: opacity 0.5s ease; opacity: 0.2; cursor: pointer; padding: 0 !important; margin: 0 !important; } .sxm-service-item .elementor-widget-container, .sxm-service-item .elementor-heading-title { text-align: left !important; width: 100% !important; } .sxm-service-item.sxm-active { opacity: 1; } /* Text items (middle column descriptions) */ .sxm-text-item { flex: 1 !important; display: flex !important; align-items: center !important; transition: opacity 0.5s ease; opacity: 0.2; padding: 0 !important; margin: 0 !important; } .sxm-text-item.sxm-active { opacity: 1; } /* Fix hidden elements affecting flex centering - desktop only */ @media (min-width: 1025px) { .sxm-text-item > .elementor-hidden-desktop { display: none !important; } } /* Videos (right column) */ .sxm-media-item { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; opacity: 0; transition: opacity 0.6s ease; pointer-events: none; justify-content: center !important; } .sxm-media-item.sxm-active { opacity: 1; pointer-events: auto; } /* Center videos vertically inside each media item */ .sxm-services video { width: 100%; height: auto; display: block; pointer-events: none; } .elementor-widget-video .elementor-wrapper { aspect-ratio: auto; } .elementor-widget-video .e-hosted-video .elementor-video { object-fit: contain; height: 350px !important; } /* Sticky header hide */ body.sxm-services-active .qodef-header-sticky { transform: translateY(-100%) !important; transition: transform 0.3s ease; } .qodef-header-sticky { transition: transform 0.3s ease; } /* Fix: disable pointer events on services when faded out */ .sxm-services.sxm-faded, .sxm-services.sxm-faded * { pointer-events: none !important; } /* ─── Tablet & Mobile ─── */ @media (max-width: 1024px) { .sxm-services { position: relative !important; top: auto !important; height: auto !important; padding-top: 20px !important; } .sxm-services-wrapper { height: auto !important; } .left-hero, .right-hero { display: none !important; } .middle-hero { width: 100% !important; height: auto !important; } .middle-hero > .e-con-inner { height: auto !important; } .left-hero, .middle-hero { height: auto !important; } .sxm-text-item { opacity: 1 !important; flex: none !important; margin-bottom: 30px !important; padding-bottom: 30px !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; } .sxm-service-item { opacity: 1 !important; flex: none !important; } } /* ─── Smaller Desktops ─── */ @media (max-width: 1440px) { .sxm-service-item .elementor-heading-title { font-size: 58px !important; line-height: 1 !important; } .sxm-text-item .elementor-widget-container { font-size: 15px !important; line-height: 1.6 !important; } .elementor-widget-video .e-hosted-video .elementor-video { height: 280px !important; } } @media (max-width: 1280px) { .sxm-service-item .elementor-heading-title { font-size: 55px !important; line-height: 1 !important; } .sxm-text-item .elementor-widget-container { font-size: 14px !important; line-height: 1.5 !important; } .elementor-widget-video .e-hosted-video .elementor-video { height: 220px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4a2be38 */.elementor-16061 .elementor-element.elementor-element-4a2be38 h3::first-letter { font-family: 'Chomsky', serif; font-size: 1.4em; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-4bcf83a *//* ─── Get In Touch Form ─── */ /* Fields */ .get-in-touch-form .gfield input[type="text"], .get-in-touch-form .gfield input[type="email"], .get-in-touch-form .gfield input[type="tel"], .get-in-touch-form .gfield textarea { background: #1a1a1a !important; border: 1px solid #333 !important; border-radius: 8px !important; color: #fff !important; padding: 24px 20px !important; font-size: 14px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; width: 100% !important; height: 80px !important; box-sizing: border-box !important; } @media(min-width:992px){ .get-in-touch-form .gfield input[type="tel"]{ margin-bottom: -15px!important } } .get-in-touch-form .gfield input::placeholder, .get-in-touch-form .gfield textarea::placeholder { color: rgba(255,255,255,0.4) !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; } .get-in-touch-form .gfield input:focus, .get-in-touch-form .gfield textarea:focus { border-color: rgba(255,255,255,0.3) !important; outline: none !important; } /* Textarea — match left column total height */ .get-in-touch-form .ginput_container_textarea, .get-in-touch-form #field_1_5 { height: 100% !important; } .get-in-touch-form .ginput_container_textarea textarea { height: 100% !important; min-height: 100% !important; resize: none !important; } /* Hide labels */ .get-in-touch-form .gfield_label { display: none !important; } /* Layout */ .get-in-touch-form .gform_fields { display: grid !important; grid-template-columns: 1fr 1fr auto !important; gap: 0 15px !important; } .get-in-touch-form #field_1_1, .get-in-touch-form #field_1_3, .get-in-touch-form #field_1_4 { grid-column: 1 !important; width: 100% !important; } .get-in-touch-form #field_1_5 { grid-column: 2 !important; grid-row: 1 / 4 !important; width: 100% !important; } .get-in-touch-form .gfield--width-half { grid-column: 1 !important; width: 100% !important; } /* Footer — submit button */ .get-in-touch-form .gform-body { position: relative !important; } .get-in-touch-form .gform_footer { position: absolute !important; right: 0 !important; bottom: 0 !important; top: 0 !important; margin: 0 !important; padding: 0 !important; } /* Submit button — override theme foundation */ .get-in-touch-form .gform_footer input[type="submit"], .get-in-touch-form .gform_footer input[type="submit"].gform_button, .get-in-touch-form .gform-theme--foundation input[type="submit"], .get-in-touch-form input.gform_button { background: #a0a0a0 !important; background-color: #a0a0a0 !important; border: none !important; border-radius: 0 8px 8px 0 !important; color: transparent !important; cursor: pointer !important; font-size: 0 !important; width: 80px !important; height: 100% !important; position: relative !important; transition: background 0.3s ease !important; -webkit-appearance: none !important; appearance: none !important; border: 1px solid #a0a0a0!important; } .get-in-touch-form .gform_footer input[type="submit"]:hover, .get-in-touch-form .gform-theme--foundation input[type="submit"]:hover { background: #2a2a2a !important; background-color: #2a2a2a !important; } .get-in-touch-form .gform_button::after { content: '↗' !important; font-size: 28px !important; color: #fff !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* Spacing */ .get-in-touch-form .gform_wrapper { margin: 0 !important; padding: 0 !important; } .get-in-touch-form .gform_fields > .gfield { margin-bottom: 10px !important; padding: 0 !important; } /* Submit button wrapper */ .sxm-submit-wrap { position: relative; width: 80px; height: 100%; } .sxm-submit-wrap .gform_button, .sxm-submit-wrap input[type="submit"] { width: 100% !important; height: 100% !important; } .sxm-submit-arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 28px; color: #fff; pointer-events: none; transition: transform 0.3s ease; } .sxm-submit-wrap:hover .sxm-submit-arrow { transform: translate(-50%, -50%) translate(3px, -3px) rotate(0deg); } @media (max-width: 767px) { .get-in-touch-form .gform_fields { grid-template-columns: 1fr !important; } .get-in-touch-form #field_1_1, .get-in-touch-form #field_1_3, .get-in-touch-form #field_1_4, .get-in-touch-form #field_1_5 { grid-column: 1 !important; grid-row: auto !important; } .get-in-touch-form .ginput_container_textarea textarea { min-height: 150px !important; height: 150px !important; } .get-in-touch-form .gform_footer { position: relative !important; margin-top: 10px !important; } .get-in-touch-form .gform_footer input[type="submit"], .get-in-touch-form .gform_footer input[type="submit"].gform_button, .get-in-touch-form .gform-theme--foundation input[type="submit"], .get-in-touch-form input.gform_button { width: 100% !important; height: 60px !important; border-radius: 8px !important; } .sxm-submit-wrap { width: 100% !important; height: 60px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a797d22 *//* ─── Join Form (Newsletter) ─── */ /* Hide required legend */ .join-form .gform_required_legend { display: none !important; } /* Layout — inline */ .join-form .gform_fields { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 0 !important; } /* Email field */ .join-form .gfield--type-email { flex: 1 !important; width: auto !important; } .join-form .gfield--type-email input { background: #1a1a1a !important; border: 1px solid #333 !important; border-radius: 8px 0 0 8px !important; border-right: none !important; color: #fff !important; padding: 24px 20px !important; font-size: 14px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; width: 100% !important; height: 70px !important; box-sizing: border-box !important; } .join-form .gfield--type-email input::placeholder { color: rgba(255,255,255,0.4) !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; } .join-form .gfield--type-email input:focus { border-color: rgba(255,255,255,0.3) !important; outline: none !important; } /* Hide label */ .join-form .gfield_label { display: none !important; } /* Submit field container */ .join-form .gfield--type-submit { width: auto !important; flex: 0 0 80px !important; } /* Submit button */ .join-form .gfield--type-submit input[type="submit"], .join-form .gform-button, .join-form .gform-theme--foundation input[type="submit"], .join-form .gform-theme--foundation .gform-button { background: #a0a0a0 !important; background-color: #a0a0a0 !important; border: none !important; border-radius: 0 8px 8px 0 !important; color: transparent !important; cursor: pointer !important; font-size: 0 !important; width: 80px !important; height: 70px !important; -webkit-appearance: none !important; appearance: none !important; transition: background 0.3s ease !important; padding: 0 !important; margin: 0 !important; } .join-form .gfield--type-submit input[type="submit"]:hover, .join-form .gform-theme--foundation input[type="submit"]:hover { background: #2a2a2a !important; background-color: #2a2a2a !important; } /* Hide default footer if empty */ .join-form .gform_footer { display: none !important; } /* Remove wrapper spacing */ .join-form .gform_wrapper { margin: 0 !important; padding: 0 !important; } .join-form .gform_fields > .gfield { margin: 0 !important; padding: 0 !important; } @media(max-width:768px){ .join-form .gform_fields { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; border-radius: 20px!important; } .join-form .gfield--type-submit input[type="submit"], .join-form .gform-button, .join-form .gform-theme--foundation input[type="submit"], .join-form .gform-theme--foundation .gform-button{ width:100%!important; border-radius: 8px!important; height: 60px!important; } .join-form .gfield--type-email input{ border-radius: 8px!important; } }/* End custom CSS */ /* Start custom CSS */body.home, body.home *{ color:#fff } .home #qodef-page-header-inner{ display: none!important; } .menu-item svg{ display: none!important } body[style*="overflow: hidden"] .qodef-header-sticky { transform: translateY(-100%) !important; transition: transform 0.3s ease; } .qodef-header-sticky { transition: transform 0.3s ease; } .qodef-header--minimal-centered #qodef-page-header{ background: transparent; } #qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened){ color:#fff!important; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-inner{ padding-top:20px; } .qodef-content-grid-1500 .qodef-content-grid { width: 98vw; max-width: none; margin: 0 auto; padding: 0 20px !important; box-sizing: border-box; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images-holder { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-image { position: absolute; top: 0; left: 0; width: 100%; height: auto; display: flex; align-items: flex-start; justify-content: flex-start; pointer-events: none; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-image-inner { display: block; height: auto; max-height: 100%; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images-holder { padding: 0px 0 0 50px!important; } :root { --title-color: #ffffff; } .home .qodef-header--standard #qodef-page-header { background-color: rgb(0 0 0); } .grecaptcha-badge{ display: none!important; } /* === SXM SERVICES ALIGN === */ /* Services list: flush-left labels with a fixed number gutter (matches Figma 921:2797) */ .sxm-services .sxm-service-item{align-items:stretch!important;justify-content:center!important;} .sxm-services .sxm-service-item .elementor-heading-title{position:relative;padding-left:54px;} .sxm-services .sxm-service-item .elementor-heading-title::before{ left:0!important;transform:none!important;top:.22em!important;letter-spacing:.08em;} @media(max-width:1024px){ .sxm-services .sxm-service-item .elementor-heading-title{padding-left:42px;} } /* === /SXM SERVICES ALIGN === */ /* === SXM HOME FORM ARROWS === */ /* HOMEPAGE FORM ARROWS — both send buttons had the arrow flying outside the button. ROOT CAUSE: gravity-forms-theme-reset.min.css ships .gform-theme--framework :where(:not(html):not(iframe)...) { all: unset; display: revert } `all:unset` wipes EVERY property, and its specificity is only (0,1,0) -- the class is the ancestor, the subject is :where() at (0,0,0). That TIES with a single-class rule like .sxm-submit-wrap / .sxm-submit-arrow, and GF's sheet loads AFTER the page CSS, so the tie goes to GF. Both lost position (and width/height), the arrow fell out of flow-position and simply followed the button: to its RIGHT on #get-in-touch (whose wrapper had no containing block left) and BELOW it on the newsletter form (whose wrapper only survives because the injecting JS sets position:relative inline). This is the same sheet and the same mechanism as the min-height trap in CLAUDE.md 20.4b -- it is `all:unset`, so it is not just min-height and position; assume it takes everything. FIX: two classes beat (0,1,0) without needing !important, and every property the reset would have wiped is restated here. */ .get-in-touch-form .sxm-submit-wrap, .join-form .sxm-submit-wrap, .sxm-submit-wrap.sxm-join-wrap{ position: relative; display: block; height: 100%; } /* #get-in-touch's bar is the full height of the message field; the newsletter's is a fixed 80x70 chip whose size the injecting JS sets inline. */ .get-in-touch-form .sxm-submit-wrap{ width: 82px; } .sxm-submit-wrap .sxm-submit-arrow{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0; padding: 0; pointer-events: none; transition: transform .3s cubic-bezier(.16,.84,.44,1); } .sxm-submit-wrap .sxm-submit-arrow svg{ display: block; width: 28px; height: 28px; } .sxm-submit-wrap:hover .sxm-submit-arrow{ transform: translate(-50%,-50%) translate(3px,-3px); } /* The button also painted its own '↗' glyph, so restoring the SVG would put TWO arrows on one button. The SVG is the on-brand one (the long arrow used across the new pages) and it is what the page's own JS injects, so the legacy glyph goes. */ .get-in-touch-form .gform_button::after{ content: none !important; } /* === /SXM HOME FORM ARROWS === */ /* === SXM HOME BLOG BAND GAP === */ /* the blog band sits between the contact form and the newsletter: its own bottom padding (78px, right when it precedes the footer on other pages) plus the container's 80 left ~290px of dark under the cards. The container is now 0 and the band trims to 24. */ .elementor-element-ac2b200 .sxm-bl.sxm-lp{ padding-bottom: 24px !important; } @media (max-width: 767px){ .elementor-element-ac2b200 .sxm-bl.sxm-lp{ padding-bottom: 40px !important; } } /* Vardges 2026-09-22: "close this gap a little more" — clock ink → FROM THE BLOG rule was 211px (164 phone): the container's 80px top padding is now 0 and the band's own top padding trims 78 → 44 (44 → 30 phone). */ .elementor-element-ac2b200 .sxm-bl.sxm-lp{ padding-top: 44px !important; } @media (max-width: 767px){ .elementor-element-ac2b200 .sxm-bl.sxm-lp{ padding-top: 30px !important; } } /* === /SXM HOME BLOG BAND GAP === */ /* === SXM HOME SERVICES MOBILE === */ /* The services section had padding:0 at every level on phones (copy ran 0 -> 390, Juan's screenshot). Two further causes were only visible once the gutter was in: 1. the copy is text-align:JUSTIFY, which stretches every line to the full measure — that is what read as "touching the sides" even after the gutter went in; 2. the clips are square (1080x1080) with object-fit:contain inside a 350x220 landscape frame, so each one carried ~130px of black side bars and read as dead space. Below 1025 every block sits on the site's 20px mobile measure, the copy is centred under its centred heading, and the clip fills a framed media panel. */ @media (max-width: 1024px){ .sxm-services .sxm-text-item{ padding-inline: 20px !important; } .sxm-services .sxm-text-item .elementor-widget-text-editor, .sxm-services .sxm-text-item .elementor-widget-text-editor .elementor-widget-container, .sxm-services .sxm-text-item .elementor-widget-text-editor p{ text-align: center !important; text-align-last: center !important; } .sxm-services .sxm-text-item .elementor-widget-video, .sxm-services .sxm-text-item .elementor-wrapper{ border-radius: 10px; overflow: hidden; box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 22px 44px -30px rgba(0,0,0,.9); } .sxm-services .sxm-text-item video{ border-radius: 10px; display: block; object-fit: cover !important; /* no letterbox bars: the loops are texture, not compositions */ } } /* === /SXM HOME SERVICES MOBILE === */ /* === SXM HOME HERO === */ /* HOMEPAGE HERO — Figma 1840:45, built from Juan's export (the file is not shared with this account, §47). The export is a 1560-wide frame, so every number below is in --u = 100cqi/1560 (capped at a 1920 stage). Composition: BOOK A CALL under the header · the X loop centred with UNSTOPPABLE BRANDS to its left and UNFORGETTABLE IMPACT to its right on the X's centre line, each word dimming toward the X · the two-line standfirst · the scroll cue at the bottom. One viewport tall. Below 768 the same three pieces stack on the X's diagonal (word / X / word). The container's OWN cqi resolves against its ancestor (§19), so .sxm-hero itself uses px/vw only. */ .elementor-16061 .e-con.sxm-hero{ --hd: var(--sxm-hd-h, 97px); /* the fixed desktop header's real height (the homepage bar carries the MENU ring under the logo, §60) */ display: grid !important; grid-template-columns: 100%; grid-template-rows: 0 minmax(0,2fr) auto auto auto minmax(0,3fr) auto; /* (was btn) · air · stage · CTAs · sub · air · cue — the comp splits the air 40/60 */ justify-items: center; align-items: start; gap: 0; row-gap: 0; width: 100%; max-width: none; padding: clamp(22px, 2.78vw, 40px) 0 clamp(16px, 1.8vw, 30px); /* the button clears the fixed bar (Vardges: it sat 2px under it, §57); vw, not --u: the hero defines --u and cannot consume it (§19) */ margin: 0; min-height: min(calc(100vh - var(--hd)), 1160px); min-height: min(calc(100svh - var(--hd)), 1160px); /* one viewport, but a 1366-tall iPad Pro portrait would leave 260px of air under the standfirst */ container-type: inline-size; overflow-x: clip; /* the words drift outward on scroll; clip, never hidden (§16) */ background: #000; color: #fff; } .elementor-16061 .sxm-hero > .elementor-element{ --u: min(calc(100cqi / 1560), calc(1920px / 1560)); } /* Rob, 2026-09-24: "make the buttons width fit the X edges". The X loop paints its ink across .0548..0.9386 of its 741u video box at every moment of the loop (tools/pw/xedges.mjs, six samples at 1440/1560/1920), so the row is exactly that span: .8838 x 741u = 654.9u wide, nudged 2.45u left because the ink sits .0033 of the box left of the box's centre. Each button takes half, less the Figma gap. 440px floor: at 1025 the labels need it (the X is 430 there, so it still reads as fitted). */ .elementor-16061 .sxm-hero > .sxm-hero-ctas{ grid-row: 4; width: max(440px, calc(654.9 * var(--u))); max-width: 100%; margin: calc(30 * var(--u)) 0 0; position: relative; left: calc(-2.45 * var(--u)); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; gap: calc(16.6 * var(--u)); padding: 0; } /* the two calls to action directly under the X, ABOVE the standfirst (Figma 1898:1768, Juan 2026-09-24): measured on his crop at .722 of the 1560 comp */ .elementor-16061 .sxm-hero-ctas > .sxm-hero-btn{ flex: 1 1 0; width: auto; min-width: 0; max-width: none; margin: 0; } .elementor-16061 .sxm-hero > .sxm-hero-stage{ grid-row: 3; } .elementor-16061 .sxm-hero > .sxm-hero-sub{ grid-row: 5; } .elementor-16061 .sxm-hero > .sxm-hero-cue{ grid-row: 7; align-self: end; width: auto; max-width: none; margin: 24px 0 0; } /* ---- BOOK A CALL (the comp's outlined rounded button) ---- */ .elementor-16061 .sxm-hero-btn .elementor-widget-container, .elementor-16061 .sxm-hero-btn .elementor-button-wrapper{ display: block; } .elementor-16061 .sxm-hero-btn .elementor-button{ --u: min(calc(100cqi / 1560), calc(1920px / 1560)); display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: max(44px, calc(51 * var(--u))); width: 100%; min-width: 0; /* each button fills its half of the X-wide row (Figma 323 x 51; the row is fitted to the X) */ padding: 0 12px; background: transparent; background-image: none; border: 1px solid rgba(255,255,255,.7); border-image: none; border-radius: 4px; color: #fff; font-family: "Nord Medium", "Nord Regular", sans-serif; font-weight: 500; font-size: max(12px, calc(13 * var(--u))) !important; /* !important: the widget's own 13px setting is a (0,4,1) per-element rule */ letter-spacing: .073em; text-transform: uppercase; line-height: 1; position: relative; overflow: hidden; isolation: isolate; box-shadow: none; transition: border-color .35s ease, color .35s ease; } .elementor-16061 .sxm-hero-btn .elementor-button::before{ content: ''; position: absolute; inset: 0; background: #fff; z-index: 0; transform: scaleX(0); transform-origin: left center; transition: transform .45s cubic-bezier(.16,1,.3,1); } .elementor-16061 .sxm-hero-btn .elementor-button:hover::before, .elementor-16061 .sxm-hero-btn .elementor-button:focus-visible::before{ transform: scaleX(1); } .elementor-16061 .sxm-hero-btn .elementor-button:hover, .elementor-16061 .sxm-hero-btn .elementor-button:focus-visible{ border-color: #fff; color: #000; background: transparent; } .elementor-16061 .sxm-hero-btn .elementor-button:focus-visible{ outline: 1px solid #fff; outline-offset: 4px; } .elementor-16061 .sxm-hero-btn .elementor-button .elementor-button-content-wrapper{ position: relative; z-index: 1; } .elementor-16061 .sxm-hero-btn .elementor-button .elementor-button-text{ color: inherit; transition: color .3s ease; white-space: nowrap; } .elementor-16061 .sxm-hero-btn .elementor-button:hover .elementor-button-text, .elementor-16061 .sxm-hero-btn .elementor-button:focus-visible .elementor-button-text{ color: #000; } /* the primary call: filled white, black type; on hover it becomes the outlined one (the pair swap) */ .elementor-16061 .sxm-hero-btn--primary .elementor-button{ background: #fff; border-color: #fff; color: #000; } .elementor-16061 .sxm-hero-btn--primary .elementor-button .elementor-button-text{ color: #000; } .elementor-16061 .sxm-hero-btn--primary .elementor-button::before{ background: #000; } .elementor-16061 .sxm-hero-btn--primary .elementor-button:hover, .elementor-16061 .sxm-hero-btn--primary .elementor-button:focus-visible{ border-color: #fff; color: #fff; background: #fff; } .elementor-16061 .sxm-hero-btn--primary .elementor-button:hover .elementor-button-text, .elementor-16061 .sxm-hero-btn--primary .elementor-button:focus-visible .elementor-button-text{ color: #fff; } /* after the outlined rules: equal specificity, so source order decides */ /* ---- THE STAGE: the X loop in flow, the two words absolutely on its centre line ---- */ .elementor-16061 .e-con.sxm-hero-stage{ position: relative; display: block !important; width: 100%; max-width: 1920px; min-height: 0; /* the composition stops growing at 1920 and centres */ padding: 0 !important; margin: 0 auto; } /* the punctuation between the two words exists for screen readers and search only */ .elementor-16061 .sxm-hero-title .sxm-hero-sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .elementor-16061 .sxm-hero-stage > .sxm-hero-x{ --u: min(calc(100cqi / 1560), calc(1920px / 1560)); position: relative; z-index: 1; width: calc(741 * var(--u)); max-width: 100%; /* the X's ink is 88.4% of the frame → 655u of ink */ margin: 0 auto; } .elementor-16061 .sxm-hero-x .elementor-widget-container{ height: auto; } .elementor-16061 .sxm-hero-x .elementor-wrapper{ --video-aspect-ratio: 1.5686; position: relative; top: auto; left: auto; transform: none; aspect-ratio: 1280 / 816; width: 100%; height: auto; max-height: none; padding-bottom: 0 !important; overflow: hidden; } /* .e-hosted-video IS .elementor-wrapper (one element) — only the