.elementor-8933 .elementor-element.elementor-element-a71eefa{--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;--overlay-opacity:0.2;--padding-top:80px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-a71eefa::before, .elementor-8933 .elementor-element.elementor-element-a71eefa > .elementor-background-video-container::before, .elementor-8933 .elementor-element.elementor-element-a71eefa > .e-con-inner > .elementor-background-video-container::before, .elementor-8933 .elementor-element.elementor-element-a71eefa > .elementor-background-slideshow::before, .elementor-8933 .elementor-element.elementor-element-a71eefa > .e-con-inner > .elementor-background-slideshow::before, .elementor-8933 .elementor-element.elementor-element-a71eefa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8933 .elementor-element.elementor-element-064018e{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-8933 .elementor-element.elementor-element-064018e .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:58px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:-0.029em;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-aacf4e5{width:var( --container-widget-width, 69% );max-width:69%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;--container-widget-width:69%;--container-widget-flex-grow:0;text-align:center;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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8933 .elementor-element.elementor-element-7eaccc0{--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-8933 .elementor-element.elementor-element-676cb6f{--display:flex;}.elementor-8933 .elementor-element.elementor-element-08584c6{--display:flex;}.elementor-8933 .elementor-element.elementor-element-edc6f6b{--display:flex;}.elementor-8933 .elementor-element.elementor-element-0162f72{--display:flex;}.elementor-8933 .elementor-element.elementor-element-1fec2e6{--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:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:wrap;--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-8933 .elementor-element.elementor-element-4e7bb77 .elementor-button{background-color:#00000000;font-size:14px;font-weight:600;font-style:normal;text-decoration:none;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:17px 30px 17px 30px;}.elementor-8933 .elementor-element.elementor-element-4e7bb77 .elementor-button:hover, .elementor-8933 .elementor-element.elementor-element-4e7bb77 .elementor-button:focus{background-color:#00000000;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-4e7bb77 .elementor-button:hover svg, .elementor-8933 .elementor-element.elementor-element-4e7bb77 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-3cc0768c{--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:100px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-f9dcec2{padding:0px 0px 50px 0px;}.elementor-8933 .elementor-element.elementor-element-f9dcec2 img{width:100%;border-radius:15px 15px 0px 0px;}.elementor-8933 .elementor-element.elementor-element-50e3496{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-e246662{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-766a3ba .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;}.elementor-8933 .elementor-element.elementor-element-c9d798f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-8216dfc .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;}.elementor-8933 .elementor-element.elementor-element-108d3f1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-816b892 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;}.elementor-8933 .elementor-element.elementor-element-4016a0f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-14aaf6c .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;}.elementor-8933 .elementor-element.elementor-element-931be30{--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;--gap:20px 80px;--row-gap:20px;--column-gap:80px;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-8933 .elementor-element.elementor-element-e6e9108{--display:flex;--justify-content:center;}.elementor-8933 .elementor-element.elementor-element-e6e9108.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8933 .elementor-element.elementor-element-78e054e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8933 .elementor-element.elementor-element-78e054e .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:33px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-ef0be0e .elementor-button{background-color:var( --e-global-color-primary );font-size:14px;font-weight:600;font-style:normal;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:17px 30px 17px 30px;}.elementor-8933 .elementor-element.elementor-element-ef0be0e .elementor-button:hover, .elementor-8933 .elementor-element.elementor-element-ef0be0e .elementor-button:focus{background-color:#00000000;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-ef0be0e .elementor-button:hover svg, .elementor-8933 .elementor-element.elementor-element-ef0be0e .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-e5b6fa5{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-8933 .elementor-element.elementor-element-e5b6fa5:not(.elementor-motion-effects-element-type-background), .elementor-8933 .elementor-element.elementor-element-e5b6fa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2f29d6c );}.elementor-8933 .elementor-element.elementor-element-5d1b2a5{padding:0px 0px 10px 0px;}.elementor-8933 .elementor-element.elementor-element-5d1b2a5 .elementor-heading-title{font-size:16px;font-weight:400;text-transform:none;}.elementor-8933 .elementor-element.elementor-element-d3702c2{--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-8933 .elementor-element.elementor-element-747cae0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-e3b1b5f{--display:flex;--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-8933 .elementor-element.elementor-element-4f1ef0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-4f1ef0a .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-2fe948e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-8933 .elementor-element.elementor-element-17b247d{padding:0px 0px 0px 0px;}.elementor-8933 .elementor-element.elementor-element-17b247d.elementor-element{--align-self:flex-start;}.elementor-8933 .elementor-element.elementor-element-a33568e{--display:flex;}.elementor-8933 .elementor-element.elementor-element-4294957{width:var( --container-widget-width, 56% );max-width:56%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-8933 .elementor-element.elementor-element-4294957 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-b89b324{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-8933 .elementor-element.elementor-element-7a5813d{padding:0px 0px 0px 0px;}.elementor-8933 .elementor-element.elementor-element-7a5813d.elementor-element{--align-self:flex-start;}.elementor-8933 .elementor-element.elementor-element-6a26fc5{--display:flex;}.elementor-8933 .elementor-element.elementor-element-c9d88e7{width:var( --container-widget-width, 56% );max-width:56%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-8933 .elementor-element.elementor-element-c9d88e7 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-64fa029{width:var( --container-widget-width, 52% );max-width:52%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-8933 .elementor-element.elementor-element-3ee4258{--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-8933 .elementor-element.elementor-element-144d947{--display:flex;--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-8933 .elementor-element.elementor-element-a561f0d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-b6f2436{--display:flex;}.elementor-8933 .elementor-element.elementor-element-4fd8ece{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-4fd8ece .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-20fe16c{width:var( --container-widget-width, 65% );max-width:65%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-8933 .elementor-element.elementor-element-e17d150{--display:flex;}.elementor-8933 .elementor-element.elementor-element-af104f0{width:var( --container-widget-width, 56% );max-width:56%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-8933 .elementor-element.elementor-element-af104f0 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-44e1059{width:var( --container-widget-width, 52% );max-width:52%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-8933 .elementor-element.elementor-element-924c37f{--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-8933 .elementor-element.elementor-element-0cb9b76{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-43ed271{--display:flex;--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-8933 .elementor-element.elementor-element-13c20f5{--display:flex;}.elementor-8933 .elementor-element.elementor-element-06b4e1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-06b4e1a .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-1051e7d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-8933 .elementor-element.elementor-element-6f5a950{--display:flex;}.elementor-8933 .elementor-element.elementor-element-89c23b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-89c23b4 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-9ace43e{width:var( --container-widget-width, 75% );max-width:75%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-8933 .elementor-element.elementor-element-c858445{padding:4em 0em 4em 0em;}.elementor-8933 .elementor-element.elementor-element-cf08041{--display:flex;}.elementor-8933 .elementor-element.elementor-element-2216380{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-2216380 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-a0ab0a7{--display:flex;}.elementor-8933 .elementor-element.elementor-element-d57b41d{width:var( --container-widget-width, 56% );max-width:56%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-8933 .elementor-element.elementor-element-d57b41d .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-554db6d{width:var( --container-widget-width, 52% );max-width:52%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-8933 .elementor-element.elementor-element-0433d8c{--display:flex;}.elementor-8933 .elementor-element.elementor-element-9a241a1{padding:0px 0px 50px 0px;}.elementor-8933 .elementor-element.elementor-element-9a241a1 img{width:100%;border-radius:15px 15px 0px 0px;}.elementor-8933 .elementor-element.elementor-element-7d7bee7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-7d7bee7 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-3003bb8{--display:flex;}.elementor-8933 .elementor-element.elementor-element-f52526d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-f52526d .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8933 .elementor-element.elementor-element-e5ece42{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-8933 .elementor-element.elementor-element-09a450c{--display:flex;}.elementor-8933 .elementor-element.elementor-element-30c175d{--display:flex;--padding-top:5em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8933 .elementor-element.elementor-element-12e7beb{width:var( --container-widget-width, 56% );max-width:56%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-8933 .elementor-element.elementor-element-12e7beb .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-8933 .elementor-element.elementor-element-a71eefa{--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-8933 .elementor-element.elementor-element-064018e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--container-widget-width:93%;--container-widget-flex-grow:0;width:var( --container-widget-width, 93% );max-width:93%;}.elementor-8933 .elementor-element.elementor-element-064018e .elementor-heading-title{font-size:39px;}.elementor-8933 .elementor-element.elementor-element-aacf4e5{--container-widget-width:86%;--container-widget-flex-grow:0;width:var( --container-widget-width, 86% );max-width:86%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8933 .elementor-element.elementor-element-1fec2e6{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-8933 .elementor-element.elementor-element-4e7bb77 .elementor-button{font-size:13px;}.elementor-8933 .elementor-element.elementor-element-3cc0768c{--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-8933 .elementor-element.elementor-element-931be30{--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:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8933 .elementor-element.elementor-element-78e054e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-8933 .elementor-element.elementor-element-78e054e .elementor-heading-title{font-size:37px;}.elementor-8933 .elementor-element.elementor-element-ef0be0e .elementor-button{font-size:13px;}.elementor-8933 .elementor-element.elementor-element-d3702c2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-4f1ef0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8933 .elementor-element.elementor-element-4f1ef0a .elementor-heading-title{font-size:41px;}.elementor-8933 .elementor-element.elementor-element-4294957{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-4294957 .elementor-heading-title{font-size:41px;}.elementor-8933 .elementor-element.elementor-element-c9d88e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-c9d88e7 .elementor-heading-title{font-size:41px;}.elementor-8933 .elementor-element.elementor-element-64fa029{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-3ee4258{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-4fd8ece{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8933 .elementor-element.elementor-element-4fd8ece .elementor-heading-title{font-size:41px;}.elementor-8933 .elementor-element.elementor-element-20fe16c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-af104f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-af104f0 .elementor-heading-title{font-size:41px;}.elementor-8933 .elementor-element.elementor-element-44e1059{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-924c37f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8933 .elementor-element.elementor-element-06b4e1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8933 .elementor-element.elementor-element-06b4e1a .elementor-heading-title{font-size:41px;}.elementor-8933 .elementor-element.elementor-element-89c23b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8933 .elementor-element.elementor-element-89c23b4 .elementor-heading-title{font-size:41px;}.elementor-8933 .elementor-element.elementor-element-9ace43e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-2216380{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8933 .elementor-element.elementor-element-2216380 .elementor-heading-title{font-size:41px;}.elementor-8933 .elementor-element.elementor-element-d57b41d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-d57b41d .elementor-heading-title{font-size:41px;}.elementor-8933 .elementor-element.elementor-element-554db6d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-7d7bee7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8933 .elementor-element.elementor-element-7d7bee7 .elementor-heading-title{font-size:41px;}.elementor-8933 .elementor-element.elementor-element-f52526d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8933 .elementor-element.elementor-element-f52526d .elementor-heading-title{font-size:41px;}.elementor-8933 .elementor-element.elementor-element-12e7beb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-12e7beb .elementor-heading-title{font-size:41px;}}@media(max-width:767px){.elementor-8933 .elementor-element.elementor-element-a71eefa{--padding-top:0px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-8933 .elementor-element.elementor-element-064018e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-064018e .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-aacf4e5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8933 .elementor-element.elementor-element-1fec2e6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8933 .elementor-element.elementor-element-4e7bb77{width:100%;max-width:100%;}.elementor-8933 .elementor-element.elementor-element-4e7bb77 .elementor-button{font-size:13px;}.elementor-8933 .elementor-element.elementor-element-3cc0768c{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-8933 .elementor-element.elementor-element-931be30{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8933 .elementor-element.elementor-element-78e054e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-8933 .elementor-element.elementor-element-78e054e .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-ef0be0e{width:100%;max-width:100%;}.elementor-8933 .elementor-element.elementor-element-ef0be0e .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-8933 .elementor-element.elementor-element-ef0be0e .elementor-button{font-size:13px;}.elementor-8933 .elementor-element.elementor-element-e3b1b5f{--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-8933 .elementor-element.elementor-element-4f1ef0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-4f1ef0a .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-4294957{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-8933 .elementor-element.elementor-element-4294957 .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-c9d88e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-8933 .elementor-element.elementor-element-c9d88e7 .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-64fa029{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-144d947{--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-8933 .elementor-element.elementor-element-4fd8ece{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-4fd8ece .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-20fe16c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-af104f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-8933 .elementor-element.elementor-element-af104f0 .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-44e1059{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-43ed271{--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-8933 .elementor-element.elementor-element-06b4e1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-06b4e1a .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-89c23b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-89c23b4 .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-9ace43e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-2216380{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-2216380 .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-d57b41d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-8933 .elementor-element.elementor-element-d57b41d .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-554db6d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8933 .elementor-element.elementor-element-7d7bee7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-7d7bee7 .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-f52526d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8933 .elementor-element.elementor-element-f52526d .elementor-heading-title{font-size:25px;}.elementor-8933 .elementor-element.elementor-element-12e7beb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-8933 .elementor-element.elementor-element-12e7beb .elementor-heading-title{font-size:25px;}}@media(min-width:768px){.elementor-8933 .elementor-element.elementor-element-a71eefa{--content-width:1350px;}.elementor-8933 .elementor-element.elementor-element-7eaccc0{--width:75%;}.elementor-8933 .elementor-element.elementor-element-3cc0768c{--content-width:1284px;}.elementor-8933 .elementor-element.elementor-element-e6e9108{--width:54.907%;}.elementor-8933 .elementor-element.elementor-element-747cae0{--width:45%;}.elementor-8933 .elementor-element.elementor-element-a561f0d{--width:45%;}.elementor-8933 .elementor-element.elementor-element-0cb9b76{--width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8933 .elementor-element.elementor-element-7eaccc0{--width:591px;}.elementor-8933 .elementor-element.elementor-element-e6e9108{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-a71eefa */@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* ============================================================================
   KIJO DIGITAL — Smart Energy Group case study
   Styles the native-Elementor build to match kijo-case-study-smart-energy.html

   WHERE TO PASTE:  Appearance → Customize → Additional CSS
   (@import MUST stay on line 1).

   HOW IT WORKS:  native Elementor has no semantic classes, so you add a few
   CSS classes yourself via each element's  Advanced → CSS Classes  field.
   Add exactly these (nothing else is required):

     kijo-cs          → EVERY top-level Section/Container of the case study
     kijo-cs__hero    → the hero Container (eyebrow + title + lead)
     kijo-cs__eyebrow → each little "✳ CASE STUDY…" / "✳ THE CHALLENGE" widget
     kijo-cs__meta    → the Container holding Client / Industry / Markets / Engagement
     kijo-cs__head    → each section intro Container (its heading + paragraph)
     kijo-cs__cards   → the Container that holds the Challenge cards
     kijo-cs__card    → each individual Challenge card Container  (add to all of them)
     kijo-cs__stats   → the Container holding the 4 metric cells
     kijo-cs__stat    → each individual metric cell Container    (add to all 4)
     kijo-cs__overview→ the 2-column "Project overview + At a glance" Container
     kijo-cs__facts   → the "At a glance" Container (right column)

   Tip: in Elementor you can copy one styled card/cell and paste it to keep the
   class, so you only type it once.
   ============================================================================ */

/* ---- design tokens (from the template :root) ---- */
.kijo-cs{
  --bg:#F5F2EC; --bg-2:#FBF9F5; --surface:#FFFFFF;
  --ink:#15120F; --ink-2:#3A352F; --muted:#6B655C; --line:#E6DFD4;
  --dark:#141210; --on-dark:#F2EEE6; --pos:#2E7D55; --gold:#C68A2E;
  --r:18px;
  --font-body:'Inter',ui-sans-serif,system-ui,sans-serif;
  --font-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;
  background:var(--bg);
}

/* ---- base typography inside the case study ---- */
.kijo-cs .elementor-heading-title{
  font-weight:700 !important;
  letter-spacing:-.02em;
  line-height:1.08 !important;
  color:var(--ink) !important;
}
.kijo-cs .elementor-widget-text-editor,
.kijo-cs .elementor-widget-text-editor p{
  font-family:var(--font-body) !important;
  color:var(--ink-2) !important;
  line-height:1.65 !important;
}

/* ---- buttons → pill (solid dark) ---- */
.kijo-cs .elementor-button{
  display:inline-flex !important;
  align-items:center;
  gap:.55em;
  font-family:var(--font-body) !important;
  font-weight:500 !important;
  font-size:.95rem !important;
  line-height:1 !important;
  padding:.95em 1.5em !important;
  border-radius:999px !important;
  border:1px solid var(--ink) !important;
  background:var(--ink) !important;
  color:var(--bg) !important;
  transition:transform .2s ease, box-shadow .2s ease;
}
.kijo-cs .elementor-button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px -12px rgba(20,18,16,.6);
}
/* add class  kijo-cs__btn-ghost  to a button for the outline/hero style */
.kijo-cs .kijo-cs__btn-ghost .elementor-button,
.kijo-cs .elementor-button.kijo-cs__btn-ghost{
  background:transparent !important;
  color:var(--ink) !important;
}

/* ---- eyebrow (mono, uppercase, tracked) ---- */
.kijo-cs__eyebrow,
.kijo-cs__eyebrow .elementor-heading-title,
.kijo-cs__eyebrow .elementor-icon-list-text,
.kijo-cs__eyebrow .elementor-widget-text-editor,
.kijo-cs__eyebrow .elementor-widget-text-editor p{
  font-family:var(--font-mono) !important;
  font-size:.72rem !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  line-height:1.4 !important;
}

/* ===========================  HERO  ======================================== */
.kijo-cs__hero{ text-align:center; }
.kijo-cs__hero .elementor-heading-title{
  font-size:clamp(2.1rem,4.6vw,3.5rem) !important;
  line-height:1.05 !important;
  max-width:20ch;
  margin-inline:auto;
}
.kijo-cs__hero .elementor-widget-text-editor{
  font-size:clamp(1rem,1.4vw,1.18rem) !important;
  color:var(--ink-2) !important;
  max-width:60ch;
  margin-inline:auto;
}

/* ---- meta row: Client / Industry / Markets / Engagement ---- */
.kijo-cs__meta{
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:26px 40px;
}
.kijo-cs__meta > .elementor-element{ text-align:left; }
.kijo-cs__meta .elementor-heading-title{
  font-family:var(--font-mono) !important;
  font-size:.66rem !important;
  font-weight:400 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  margin-bottom:3px !important;
}
.kijo-cs__meta .elementor-widget-text-editor,
.kijo-cs__meta .elementor-widget-text-editor p{
  font-family:var(--font-body) !important;
  font-size:.92rem !important;
  font-weight:500 !important;
  color:var(--ink) !important;
}

/* ===========================  SECTION HEADS  =============================== */
.kijo-cs__head{ max-width:760px; }
.kijo-cs__head .elementor-heading-title{
  font-size:clamp(1.7rem,3.2vw,2.5rem) !important;
  line-height:1.1 !important;
  margin-bottom:14px !important;
}
.kijo-cs__head .elementor-widget-text-editor{ color:var(--ink-2) !important; }

/* ===========================  CHALLENGE CARDS  ============================= */
/* set the PARENT (kijo-cs__cards) to Grid/Flex in Elementor; this styles the box */
.kijo-cs__card{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  padding:28px 26px !important;
  height:100%;
}
.kijo-cs__card .elementor-heading-title{
  font-size:1.05rem !important;
  line-height:1.25 !important;
  margin-bottom:10px !important;
}
.kijo-cs__card .elementor-widget-text-editor,
.kijo-cs__card .elementor-widget-text-editor p{
  font-size:.9rem !important;
  color:var(--muted) !important;
}

/* ===========================  METRICS STRIP  ============================== */
.kijo-cs__stats{
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  overflow:hidden;
}
.kijo-cs__stat{
  background:var(--bg-2) !important;
  padding:30px 24px !important;
  border-left:1px solid var(--line);
}
.kijo-cs__stat:first-child{ border-left:0; }
.kijo-cs__stat .elementor-heading-title{
  font-size:clamp(1.9rem,3.4vw,2.7rem) !important;
  line-height:1 !important;
  letter-spacing:-.02em;
}
.kijo-cs__stat .elementor-widget-text-editor,
.kijo-cs__stat .elementor-widget-text-editor p{
  font-size:.86rem !important;
  color:var(--muted) !important;
  margin-top:8px !important;
}
@media(max-width:920px){
  .kijo-cs__stat:nth-child(3){ border-left:0; }        /* clean 2×2 wrap */
}

/* ===========================  OVERVIEW + AT A GLANCE  ====================== */
.kijo-cs__overview{ align-items:start; }
.kijo-cs__overview .kijo-cs__prose .elementor-heading-title,
.kijo-cs__overview > .elementor-element:first-child .elementor-heading-title{
  font-size:clamp(1.5rem,2.6vw,2rem) !important;
  margin-bottom:16px !important;
}

/* the facts / At a glance panel */
.kijo-cs__facts{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  padding:28px !important;
  position:sticky; top:96px;
}
.kijo-cs__facts .elementor-heading-title{
  font-family:var(--font-mono) !important;
  font-weight:400 !important;
  font-size:.7rem !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  line-height:1.4 !important;
  margin:14px 0 4px !important;
}
.kijo-cs__facts .elementor-widget-text-editor,
.kijo-cs__facts .elementor-widget-text-editor p{
  font-size:.94rem !important;
  color:var(--ink) !important;
  font-weight:500 !important;
}
/* turn the "Deliverables" bullet list into tag pills (like the template) */
.kijo-cs__facts .elementor-widget-text-editor ul{
  list-style:none !important;
  margin:6px 0 0 !important;
  padding:0 !important;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.kijo-cs__facts .elementor-widget-text-editor li{
  font-family:var(--font-mono) !important;
  font-size:.66rem !important;
  font-weight:400 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-2) !important;
  background:var(--bg) !important;
  border:1px solid var(--line) !important;
  border-radius:999px;
  padding:5px 10px !important;
  margin:0 !important;
  list-style:none !important;
}
.kijo-cs__facts .elementor-widget-text-editor li::before{ content:none !important; }
.kijo-cs__facts .elementor-button{ width:100%; justify-content:center; margin-top:22px; }

/* ===========================  RESPONSIVE  ================================= */
@media(max-width:920px){
  .kijo-cs__facts{ position:static; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e41a8b5 */.elementor-8933 .elementor-element.elementor-element-e41a8b5 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e24491 *//* Desktop */
.elementor-8933 .elementor-element.elementor-element-6e24491 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
    display:block;
}

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

    .elementor-8933 .elementor-element.elementor-element-6e24491{
        padding:12px;
        gap:12px;
    }

    .elementor-8933 .elementor-element.elementor-element-6e24491 img{
        height:250px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3b1b5f *//* Desktop */
.portfolio-item{
    display:flex;
    align-items:center;
    justify-content:center;
    height:500px;
    overflow:hidden;
}

/* Tablet */
@media (min-width:768px) and (max-width:1024px){
    .portfolio-item{
        height:400px;
    }
}

/* Mobile */
@media (max-width:767px){
    .portfolio-item{
        height:300px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3702c2 */.portfolio-row{
    display:flex;
    align-items:stretch;
    gap:30px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-512d3b0 *//* Desktop */
.elementor-8933 .elementor-element.elementor-element-512d3b0 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
    display:block;
}

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

    .elementor-8933 .elementor-element.elementor-element-512d3b0{
        padding:12px;
        gap:12px;
    }

    .elementor-8933 .elementor-element.elementor-element-512d3b0 img{
        height:250px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-144d947 *//* Desktop */
.portfolio-item{
    display:flex;
    align-items:center;
    justify-content:center;
    height:500px;
    overflow:hidden;
}

/* Tablet */
@media (min-width:768px) and (max-width:1024px){
    .portfolio-item{
        height:400px;
    }
}

/* Mobile */
@media (max-width:767px){
    .portfolio-item{
        height:300px;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c91030 */.elementor-8933 .elementor-element.elementor-element-4c91030 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ee4258 */.portfolio-row{
    display:flex;
    align-items:stretch;
    gap:30px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-93af59a */.elementor-8933 .elementor-element.elementor-element-93af59a img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b314237 *//* Desktop */
.elementor-8933 .elementor-element.elementor-element-b314237 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
    display:block;
}

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

    .elementor-8933 .elementor-element.elementor-element-b314237{
        padding:12px;
        gap:12px;
    }

    .elementor-8933 .elementor-element.elementor-element-b314237 img{
        height:250px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43ed271 *//* Desktop */
.portfolio-item{
    display:flex;
    align-items:center;
    justify-content:center;
    height:500px;
    overflow:hidden;
}

/* Tablet */
@media (min-width:768px) and (max-width:1024px){
    .portfolio-item{
        height:400px;
    }
}

/* Mobile */
@media (max-width:767px){
    .portfolio-item{
        height:300px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-924c37f */.portfolio-row{
    display:flex;
    align-items:stretch;
    gap:30px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cc0768c *//* ============================================================================
   KIJO DIGITAL — Smart Energy Group case study
   Styles the native-Elementor build to match kijo-case-study-smart-energy.html

   WHERE TO PASTE:  Appearance → Customize → Additional CSS
   (@import MUST stay on line 1).

   HOW IT WORKS:  native Elementor has no semantic classes, so you add a few
   CSS classes yourself via each element's  Advanced → CSS Classes  field.
   Add exactly these (nothing else is required):

     kijo-cs          → EVERY top-level Section/Container of the case study
     kijo-cs__hero    → the hero Container (eyebrow + title + lead)
     kijo-cs__eyebrow → each little "✳ CASE STUDY…" / "✳ THE CHALLENGE" widget
     kijo-cs__meta    → the Container holding Client / Industry / Markets / Engagement
     kijo-cs__head    → each section intro Container (its heading + paragraph)
     kijo-cs__cards   → the Container that holds the Challenge cards
     kijo-cs__card    → each individual Challenge card Container  (add to all of them)
     kijo-cs__stats   → the Container holding the 4 metric cells
     kijo-cs__stat    → each individual metric cell Container    (add to all 4)
     kijo-cs__overview→ the 2-column "Project overview + At a glance" Container
     kijo-cs__facts   → the "At a glance" Container (right column)

   Tip: in Elementor you can copy one styled card/cell and paste it to keep the
   class, so you only type it once.
   ============================================================================ */

/* ---- design tokens (from the template :root) ---- */
.kijo-cs{
  --bg:#F5F2EC; --bg-2:#FBF9F5; --surface:#FFFFFF;
  --ink:#15120F; --ink-2:#3A352F; --muted:#6B655C; --line:#E6DFD4;
  --dark:#141210; --on-dark:#F2EEE6; --pos:#2E7D55; --gold:#C68A2E;
  --r:18px;

  --font-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;
  background:var(--bg);
}

/* ---- base typography inside the case study ---- */
.kijo-cs .elementor-heading-title{
  font-weight:700 !important;
  letter-spacing:-.02em;
  line-height:1.08 !important;
  color:var(--ink) !important;
}
.kijo-cs .elementor-widget-text-editor,
.kijo-cs .elementor-widget-text-editor p{
  color:var(--ink-2) !important;
  line-height:1.65 !important;
}

/* ---- buttons → pill (solid dark) ---- */
.kijo-cs .elementor-button{
  display:inline-flex !important;
  align-items:center;
  gap:.55em;
  font-family:var(--font-body) !important;
  font-weight:500 !important;
  font-size:.95rem !important;
  line-height:1 !important;
  padding:.95em 1.5em !important;
  border-radius:999px !important;
  border:1px solid var(--ink) !important;
  background:var(--ink) !important;
  color:var(--bg) !important;
  transition:transform .2s ease, box-shadow .2s ease;
}
.kijo-cs .elementor-button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px -12px rgba(20,18,16,.6);
}
/* add class  kijo-cs__btn-ghost  to a button for the outline/hero style */
.kijo-cs .kijo-cs__btn-ghost .elementor-button,
.kijo-cs .elementor-button.kijo-cs__btn-ghost{
  background:transparent !important;
  color:var(--ink) !important;
}

/* ---- eyebrow (mono, uppercase, tracked) ---- */
.kijo-cs__eyebrow,
.kijo-cs__eyebrow .elementor-heading-title,
.kijo-cs__eyebrow .elementor-icon-list-text,
.kijo-cs__eyebrow .elementor-widget-text-editor,
.kijo-cs__eyebrow .elementor-widget-text-editor p{
  font-family:var(--font-mono) !important;
  font-size:.72rem !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  line-height:1.4 !important;
}

/* ===========================  HERO  ======================================== */
.kijo-cs__hero{ text-align:center; }
.kijo-cs__hero .elementor-heading-title{
  font-size:clamp(2.1rem,4.6vw,3.5rem) !important;
  line-height:1.05 !important;
  max-width:20ch;
  margin-inline:auto;
}
.kijo-cs__hero .elementor-widget-text-editor{
  font-size:clamp(1rem,1.4vw,1.18rem) !important;
  color:var(--ink-2) !important;
  max-width:60ch;
  margin-inline:auto;
}

/* ---- meta row: Client / Industry / Markets / Engagement ----
   NOTE: rules target BOTH the container and its .e-con-inner wrapper, so the
   layout works whether the Elementor container is "boxed" or "full width". */
.kijo-cs__meta,
.kijo-cs__meta > .e-con-inner{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:26px 40px;
  align-items:start;
}
.kijo-cs__meta > .elementor-element,
.kijo-cs__meta > .e-con-inner > .elementor-element{ text-align:left; }
.kijo-cs__meta .elementor-heading-title{
  font-family:var(--font-mono) !important;
  font-size:.66rem !important;
  font-weight:400 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  margin-bottom:3px !important;
}
.kijo-cs__meta .elementor-widget-text-editor,
.kijo-cs__meta .elementor-widget-text-editor p{
  font-family:var(--font-body) !important;
  font-size:.92rem !important;
  font-weight:500 !important;
  color:var(--ink) !important;
}

/* ===========================  SECTION HEADS  =============================== */
.kijo-cs__head{ max-width:760px; }
.kijo-cs__head .elementor-heading-title{
  font-size:clamp(1.7rem,3.2vw,2.5rem) !important;
  line-height:1.1 !important;
  margin-bottom:14px !important;
}
.kijo-cs__head .elementor-widget-text-editor{ color:var(--ink-2) !important; }

/* ===========================  CHALLENGE CARDS  ============================= */
/* layout (works boxed or full-width). Change 4 to 3 if you prefer 3 across. */
.kijo-cs__cards,
.kijo-cs__cards > .e-con-inner{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  align-items:stretch;
}
.kijo-cs__card{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  padding:28px 26px !important;
  height:100%;
}
.kijo-cs__card .elementor-heading-title{
  font-size:1.05rem !important;
  line-height:1.25 !important;
  margin-bottom:10px !important;
}
.kijo-cs__card .elementor-widget-text-editor,
.kijo-cs__card .elementor-widget-text-editor p{
  font-size:.9rem !important;
  color:var(--muted) !important;
}

/* ===========================  METRICS STRIP  ============================== */
.kijo-cs__stats{
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  overflow:hidden;
}
.kijo-cs__stats,
.kijo-cs__stats > .e-con-inner{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
}
.kijo-cs__stat{
  background:var(--bg-2) !important;
  padding:30px 24px !important;
  border-left:1px solid var(--line);
}
.kijo-cs__stat:first-child{ border-left:0; }
.kijo-cs__stat .elementor-heading-title{
  font-size:clamp(1.9rem,3.4vw,2.7rem) !important;
  line-height:1 !important;
  letter-spacing:-.02em;
}
.kijo-cs__stat .elementor-widget-text-editor,
.kijo-cs__stat .elementor-widget-text-editor p{
  font-size:.86rem !important;
  color:var(--muted) !important;
  margin-top:8px !important;
}
@media(max-width:920px){
  .kijo-cs__stat:nth-child(3){ border-left:0; }        /* clean 2×2 wrap */
}

/* ===========================  OVERVIEW + AT A GLANCE  ====================== */
.kijo-cs__overview{ align-items:start; }
.kijo-cs__overview .kijo-cs__prose .elementor-heading-title,
.kijo-cs__overview > .elementor-element:first-child .elementor-heading-title{
  font-size:clamp(1.5rem,2.6vw,2rem) !important;
  margin-bottom:16px !important;
}

/* the facts / At a glance panel */
.kijo-cs__facts{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  padding:28px !important;
  position:sticky; top:96px;
}
.kijo-cs__facts .elementor-heading-title{
  font-family:var(--font-mono) !important;
  font-weight:400 !important;
  font-size:.7rem !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  line-height:1.4 !important;
  margin:0px 0 4px !important;
}
.kijo-cs__facts .elementor-widget-text-editor,
.kijo-cs__facts .elementor-widget-text-editor p{
  font-size:.94rem !important;
  color:var(--ink) !important;
  font-weight:500 !important;
}
/* turn the "Deliverables" bullet list into tag pills (like the template) */
.kijo-cs__facts .elementor-widget-text-editor ul{
  list-style:none !important;
  margin:6px 0 0 !important;
  padding:0 !important;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.kijo-cs__facts .elementor-widget-text-editor li{
  font-family:var(--font-mono) !important;
  font-size:.66rem !important;
  font-weight:400 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-2) !important;
  background:var(--bg) !important;
  border:1px solid var(--line) !important;
  border-radius:999px;
  padding:5px 10px !important;
  margin:0 !important;
  list-style:none !important;
}
.kijo-cs__facts .elementor-widget-text-editor li::before{ content:none !important; }
.kijo-cs__facts .elementor-button{ width:100%; justify-content:center; margin-top:22px; }

/* ===========================  RESPONSIVE  ================================= */
@media(max-width:920px){
  .kijo-cs__facts{ position:static; }
  .kijo-cs__meta, .kijo-cs__meta > .e-con-inner,
  .kijo-cs__cards, .kijo-cs__cards > .e-con-inner{ grid-template-columns:1fr 1fr; }
}
@media(max-width:560px){
  .kijo-cs__meta, .kijo-cs__meta > .e-con-inner,
  .kijo-cs__cards, .kijo-cs__cards > .e-con-inner{ grid-template-columns:1fr; }
}

/* ============================================================================
   HTML-WIDGET SECTIONS  —  Challenge / Strategy pillars / What we did & changed
   Use with the three ready-made snippets (paste each into an Elementor HTML
   widget). Every snippet is wrapped in <div class="kijo-cs"> so these tokens
   and fonts apply. Styles are scoped to .kijo-cs so nothing leaks site-wide.
   ============================================================================ */

/* base type for raw HTML inside a .kijo-cs embed (0-specificity, easily overridden) */
.kijo-cs :where(h2,h3,h4){font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}
.kijo-cs :where(p){font-family:var(--font-body);color:var(--ink-2);line-height:1.65}
.kijo-cs :where(ul){margin:0;padding:0}

/* --- Challenge: joined 4-card strip --- */
.kijo-cs .cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.kijo-cs .ccard{background:var(--surface);padding:28px 26px}
.kijo-cs .ccard h3{font-size:1.02rem;margin-bottom:10px}
.kijo-cs .ccard p{font-size:.9rem;color:var(--muted)}

/* --- Strategy: pillar cards with green check lists --- */
.kijo-cs .pillars{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.kijo-cs .pillar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:30px}
.kijo-cs .pillar h3{font-size:1.15rem;margin-bottom:8px}
.kijo-cs .pillar > p{font-size:.92rem;color:var(--muted);margin-bottom:16px}
.kijo-cs .pillar ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.kijo-cs .pillar li{display:flex;gap:10px;font-size:.9rem;color:var(--ink-2)}
.kijo-cs .pillar li::before{content:"";flex:0 0 auto;width:16px;height:16px;margin-top:3px;border-radius:50%;background:rgba(46,125,85,.14) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%232E7D55' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>") center/10px no-repeat}

/* optional approach-tags row (Brand identity · Multi-entity web · …) */
.kijo-cs .approach-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.kijo-cs .atag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.85rem;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.55em 1em}
.kijo-cs .atag .d{width:7px;height:7px;border-radius:50%;background:var(--pos)}

/* --- What we implemented / What changed --- */
.kijo-cs .io-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.kijo-cs .io h3{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;font-weight:400}
.kijo-cs .io__item{padding:16px 0;border-top:1px solid var(--line)}
.kijo-cs .io__item:first-of-type{border-top:0}
.kijo-cs .io__item h4{font-size:1rem;margin-bottom:5px}
.kijo-cs .io__item p{font-size:.9rem;color:var(--muted)}
.kijo-cs .io--out .io__item h4{padding-left:28px;position:relative}
.kijo-cs .io--out .io__item h4::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:rgba(46,125,85,.14) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%232E7D55' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>") center/11px no-repeat}

/* responsive for the three embeds */
@media(max-width:920px){
  .kijo-cs .cards-4{grid-template-columns:1fr 1fr}
  .kijo-cs .pillars{grid-template-columns:1fr}
  .kijo-cs .io-grid{grid-template-columns:1fr;gap:32px}
}
@media(max-width:560px){
  .kijo-cs .cards-4{grid-template-columns:1fr}
}/* End custom CSS */
/* Start custom CSS *//* IMPORTANT: Add this Google Fonts link to your Elementor page <head>:
   <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
*/

  :root{
    /* Kijo brand shell - shared across every case study */
    --bg:#F6F1E7; --bg-2:#FBF8F1; --surface:#FFFFFF;
    --ink:#1A1712; --ink-2:#3A352F; --muted:#6B655C; --line:#E7E0D3;
    --r:18px; --maxw:1200px;
    --font-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
    --font-body:'Inter',ui-sans-serif,system-ui,sans-serif;
    --font-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;

    /* 1 Ocean project accent - nautical navy + gold, drawn from the live site */
    --accent:#1C2556; --accent-2:#141A3D;
    --gold:#C39A64; --gold-dk:#A8824F; --gold-lt:#D8B784;
    --dark:#141A3D; --dark-2:#1F2757; --on-dark:#EEF0F6; --on-dark-muted:#9AA2C0;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  ::selection{background:var(--accent);color:#fff}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
  h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.05;font-variation-settings:"opsz" 96}
  .eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
  .eyebrow b{color:var(--gold-dk);font-weight:400}
  .section{padding:clamp(52px,7vw,92px) 0}

  /* buttons */
  .btn{display:inline-flex;align-items:center;gap:.55em;font-weight:500;font-size:.95rem;line-height:1;padding:.95em 1.5em;border-radius:999px;border:1px solid var(--ink);cursor:pointer;transition:transform .2s,background .2s,color .2s,box-shadow .2s}
  .btn--solid{background:var(--ink);color:var(--bg)}
  .btn--solid:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(26,23,18,.6)}
  .btn--ghost{background:transparent;color:var(--ink)}
  .btn--ghost:hover{background:var(--ink);color:var(--bg);transform:translateY(-2px)}
  .btn--accent{background:var(--accent);color:#fff;border-color:var(--accent)}
  .btn--accent:hover{background:var(--accent-2);border-color:var(--accent-2);transform:translateY(-2px)}
  .btn--on-dark{border-color:var(--on-dark);color:var(--on-dark)}
  .btn--on-dark.btn--solid{background:var(--gold);color:var(--accent-2);border-color:var(--gold)}
  .btn--on-dark.btn--solid:hover{filter:brightness(1.05)}
  .btn--on-dark.btn--ghost:hover{background:var(--on-dark);color:var(--dark)}
  .btn--sm{padding:.7em 1.1em;font-size:.85rem}
  .btn .arr{transition:transform .2s}.btn:hover .arr{transform:translateX(4px)}

  /* nav */
  .nav{position:sticky;top:0;z-index:50;background:rgba(246,241,231,.82);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}
  .nav.scrolled{border-bottom-color:var(--line)}
  .nav__inner{display:flex;align-items:center;justify-content:space-between;height:72px}
  .brand{font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.5em}
  .brand .dot{width:9px;height:9px;border-radius:2px;background:var(--ink)}
  .nav__links{display:flex;gap:30px;align-items:center}
  .nav__links a{font-size:.9rem;color:var(--ink-2);font-weight:500;position:relative;padding:4px 0}
  .nav__links a[aria-current]{color:var(--ink)}
  .nav__links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--ink);transition:width .25s}
  .nav__links a:hover::after,.nav__links a[aria-current]::after{width:100%}
  .nav__cta{display:flex;align-items:center;gap:14px}
  .nav__toggle{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:8px}
  .nav__toggle span{width:22px;height:2px;background:var(--ink);display:block}

  /* breadcrumb */
  .crumb{padding:22px 0 0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .crumb a:hover{color:var(--ink)}
  .crumb span{margin:0 8px;opacity:.5}

  /* hero */
  .cshero{padding:34px 0 20px;text-align:center}
  .cshero .eyebrow{display:block;margin-bottom:18px}
  .cshero h1{font-size:clamp(2.1rem,4.8vw,3.6rem);max-width:19ch;margin:0 auto 20px}
  .cshero .lead{font-size:clamp(1rem,1.4vw,1.2rem);color:var(--ink-2);max-width:60ch;margin:0 auto 26px}
  .meta{display:flex;flex-wrap:wrap;gap:26px 40px;margin-bottom:28px}
  .cshero .meta{justify-content:center}
  .meta__k{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .meta__v{font-size:.94rem;color:var(--ink);font-weight:500;margin-top:3px}

  /* browser device mockup (pure CSS - mirrors the live 1 Ocean hero) */
  .device{margin:38px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 44px 100px -60px rgba(20,26,61,.55)}
  .device__bar{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-2);border-bottom:1px solid var(--line)}
  .device__dots{display:flex;gap:6px}
  .device__dots span{width:11px;height:11px;border-radius:50%;background:var(--line)}
  .device__url{flex:1;text-align:center;font-family:var(--font-mono);font-size:.7rem;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 14px;max-width:300px;margin:0 auto}
  .oc-screen{position:relative;aspect-ratio:16/8;background:radial-gradient(120% 100% at 50% -18%,#26305f 0%,#1c2556 46%,#141a3d 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px;overflow:hidden}
  .oc-screen .rose{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);width:340px;height:340px;color:var(--gold);opacity:.1}
  .oc-screen__nav{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 26px;z-index:2}
  .oc-screen__nav .lg{font-family:var(--font-mono);letter-spacing:.22em;font-size:.6rem;text-transform:uppercase;opacity:.9}
  .oc-screen__nav .bk{font-size:.56rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:var(--accent-2);padding:5px 11px;border-radius:999px}
  .oc-screen__chip{position:relative;z-index:2;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:12px}
  .oc-screen h4{position:relative;z-index:2;font-family:var(--font-display);color:#fff;font-size:clamp(1.2rem,2.7vw,2.05rem);max-width:16ch;line-height:1.1}
  .oc-diamond{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin:14px 0 4px;width:180px}
  .oc-diamond::before,.oc-diamond::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(195,154,100,.5),transparent)}
  .oc-diamond i{width:7px;height:7px;transform:rotate(45deg);background:var(--gold)}
  .oc-screen .cta{position:relative;z-index:2;margin-top:8px;background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:var(--accent-2);font-size:.64rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:9px 16px;border-radius:999px}
  .device-cap{text-align:center;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:14px}

  /* metrics */
  .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
  .metric{background:var(--bg-2);padding:30px 24px}
  .metric .num{font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,3.4vw,2.7rem);letter-spacing:-.02em;color:var(--ink);line-height:1}
  .metric .lbl{font-size:.86rem;color:var(--muted);margin-top:8px}
  .metrics-note{text-align:center;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:16px}

  /* two-col prose + facts */
  .grid-2{display:grid;grid-template-columns:1.5fr .82fr;gap:44px;align-items:start}
  .prose h2{font-size:clamp(1.5rem,2.6vw,2.05rem);margin-bottom:16px}
  .prose p{color:var(--ink-2);margin-bottom:14px}
  .prose p:last-child{margin-bottom:0}
  .facts{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px;position:sticky;top:96px}
  .facts h3{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-weight:400}
  .facts dl{display:flex;flex-direction:column;gap:15px}
  .facts dt{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .facts dd{font-size:.94rem;color:var(--ink);font-weight:500;margin-top:2px}
  .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
  .tag{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 10px}

  /* section header block */
  .shead{max-width:720px}
  .shead h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin-top:14px}
  .shead p{color:var(--ink-2);margin-top:14px}

  /* placeholder figures */
  .ph{background:var(--bg-2);border:1px dashed #d6cdba;border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--muted);padding:26px}
  .ph .ico{font-size:1.5rem;opacity:.5}
  .ph .cap{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
  .ph .hint{font-size:.8rem;max-width:44ch}
  .ph--wide{aspect-ratio:16/9}
  .ph--tall{aspect-ratio:3/4}
  .ph--pano{aspect-ratio:21/9}
  .fig-2{display:grid;grid-template-columns:.8fr 1.4fr;gap:20px;align-items:stretch}

  /* challenge cards */
  .cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:40px}
  .ccard{background:var(--surface);padding:28px 26px}
  .ccard .n{font-family:var(--font-mono);font-size:.72rem;color:var(--gold-dk);letter-spacing:.06em;margin-bottom:12px}
  .ccard h3{font-size:1.04rem;margin-bottom:10px}
  .ccard p{font-size:.9rem;color:var(--muted)}

  /* objectives list */
  .obj{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}
  .obj li{list-style:none;display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
  .obj li b{display:block;font-family:var(--font-display);font-size:1rem;margin-bottom:4px}
  .obj li span.t{font-size:.9rem;color:var(--muted)}
  .obj .mk{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:rgba(28,37,86,.1);color:var(--accent);display:grid;place-items:center;font-family:var(--font-mono);font-size:.72rem;font-weight:700;margin-top:2px}

  /* pillars */
  .approach-tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 40px}
  .atag{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.55em 1em}
  .atag .d{width:7px;height:7px;transform:rotate(45deg);background:var(--gold-dk)}
  .pillars{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .pillar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:30px}
  .pillar h3{font-size:1.15rem;margin-bottom:8px}
  .pillar > p{font-size:.92rem;color:var(--muted);margin-bottom:16px}
  .pillar ul{list-style:none;display:flex;flex-direction:column;gap:9px}
  .pillar li{display:flex;gap:10px;font-size:.9rem;color:var(--ink-2)}
  .pillar li::before{content:"";flex:0 0 auto;width:16px;height:16px;margin-top:4px;transform:rotate(45deg);background:rgba(195,154,100,.9);border-radius:2px}

  /* two-product comparison table */
  .cmp{margin-top:36px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
  .cmp table{width:100%;border-collapse:collapse}
  .cmp th,.cmp td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:top}
  .cmp thead th{background:var(--bg-2);font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink)}
  .cmp thead th:first-child{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:400}
  .cmp tbody th{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:400;white-space:nowrap}
  .cmp td{color:var(--ink-2)}
  .cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}
  .cmp .hi{background:rgba(195,154,100,.06)}
  .cmp .pill{display:inline-block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:999px;padding:3px 9px;margin-left:8px;vertical-align:middle}

  /* IA / paths */
  .paths{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
  .path{border-radius:var(--r);padding:30px;border:1px solid var(--line)}
  .path.book{background:var(--surface)}
  .path.enq{background:var(--dark);color:var(--on-dark)}
  .path .k{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .path.enq .k{color:var(--gold-lt)}
  .path h3{font-size:1.25rem;margin-bottom:8px}
  .path.enq h3{color:#fff}
  .path > p{font-size:.92rem;color:var(--muted);margin-bottom:16px}
  .path.enq > p{color:var(--on-dark-muted)}
  .path ol{list-style:none;counter-reset:p;display:flex;flex-direction:column;gap:10px}
  .path li{counter-increment:p;display:flex;gap:12px;font-size:.9rem;color:var(--ink-2);align-items:flex-start}
  .path.enq li{color:var(--on-dark)}
  .path li::before{content:counter(p);flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:rgba(28,37,86,.1);color:var(--accent);font-family:var(--font-mono);font-size:.7rem;font-weight:700;display:grid;place-items:center}
  .path.enq li::before{background:rgba(195,154,100,.2);color:var(--gold-lt)}

  /* design tokens */
  .design-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
  .dcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px}
  .dcard h3{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:400;margin-bottom:18px}
  .swatches{display:flex;gap:10px;flex-wrap:wrap}
  .sw{flex:1 1 80px;border-radius:12px;border:1px solid var(--line);overflow:hidden;min-width:78px}
  .sw .chip{height:56px}
  .sw .meta{padding:8px 10px}
  .sw .meta b{display:block;font-size:.76rem;font-weight:600}
  .sw .meta span{font-family:var(--font-mono);font-size:.62rem;color:var(--muted)}
  .type-spec{display:flex;flex-direction:column;gap:16px}
  .type-row{border-top:1px solid var(--line);padding-top:14px}
  .type-row:first-child{border-top:0;padding-top:0}
  .type-row .k{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
  .type-display{font-family:'Bricolage Grotesque',serif;font-weight:700;font-size:1.85rem;line-height:1;color:var(--accent)}
  .type-body-s{font-size:1rem;color:var(--ink-2)}

  /* GEO answer box */
  .answer{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:14px;padding:30px 32px;margin-top:28px}
  .answer h3{font-size:1.2rem;margin-bottom:12px}
  .answer p{color:var(--ink-2);font-size:.98rem;margin-bottom:12px}
  .answer p:last-child{margin-bottom:0}

  /* conversion flow */
  .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:36px}
  .flow .step{background:var(--bg-2);padding:28px 24px}
  .flow .step .n{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--gold-dk);line-height:1;margin-bottom:12px}
  .flow .step h3{font-size:1rem;margin-bottom:7px}
  .flow .step p{font-size:.86rem;color:var(--muted)}

  /* feature grid */
  .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
  .feat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}
  .feat h3{font-size:1.02rem;margin-bottom:8px}
  .feat p{font-size:.88rem;color:var(--muted)}

  /* implemented / changed */
  .io-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:12px}
  .io h3{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;font-weight:400}
  .io__item{padding:16px 0;border-top:1px solid var(--line)}
  .io__item:first-of-type{border-top:0}
  .io__item h4{font-size:1rem;font-family:var(--font-display);font-weight:700;margin-bottom:5px}
  .io__item p{font-size:.9rem;color:var(--muted)}
  .io--out .io__item h4{padding-left:28px;position:relative}
  .io--out .io__item h4::before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;transform:rotate(45deg);background:rgba(195,154,100,.9);border-radius:2px}

  /* quote */
  .quote{background:var(--dark);color:var(--on-dark);border-radius:var(--r);padding:clamp(36px,5vw,64px);text-align:center;max-width:900px;margin:0 auto;position:relative;overflow:hidden}
  .quote .rose{position:absolute;bottom:-120px;left:-100px;width:320px;height:320px;color:var(--gold);opacity:.06}
  .quote .stars{color:var(--gold-lt);letter-spacing:3px;font-size:1.1rem;margin-bottom:18px;display:block;position:relative;z-index:1}
  .quote blockquote{font-family:var(--font-display);font-weight:700;font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.3;letter-spacing:-.01em;max-width:26ch;margin:0 auto 22px;position:relative;z-index:1}
  .quote cite{font-style:normal;font-size:.9rem;color:var(--on-dark-muted);position:relative;z-index:1}
  .quote cite b{color:#fff;font-weight:600;display:block}

  /* takeaways */
  .take{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
  .tk{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px}
  .tk .n{font-family:var(--font-mono);font-size:.7rem;color:var(--gold-dk);letter-spacing:.08em;margin-bottom:12px}
  .tk h3{font-size:1.05rem;margin-bottom:8px}
  .tk p{font-size:.88rem;color:var(--muted)}

  /* related expertise links */
  .exp-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
  .xl{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;transition:border-color .2s,transform .2s}
  .xl:hover{border-color:var(--accent);transform:translateY(-2px)}
  .xl span{font-weight:600;font-size:.94rem}
  .xl .arr{color:var(--gold-dk);transition:transform .2s}
  .xl:hover .arr{transform:translateX(4px)}

  /* final cta */
  .final{background:radial-gradient(120% 130% at 50% -10%,var(--dark-2),var(--accent) 55%,var(--accent-2));color:var(--on-dark);border-radius:28px;padding:clamp(44px,6vw,80px);text-align:center;position:relative;overflow:hidden}
  .final .rose{position:absolute;top:-90px;right:-90px;width:300px;height:300px;color:var(--gold);opacity:.09}
  .final .eyebrow{color:var(--on-dark-muted);position:relative;z-index:1}
  .final .eyebrow b{color:var(--gold-lt)}
  .final h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.8rem);max-width:20ch;margin:16px auto 16px;position:relative;z-index:1}
  .final p{color:var(--on-dark-muted);max-width:56ch;margin:0 auto 30px;position:relative;z-index:1}
  .final__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}

  /* related case studies */
  .related{border-top:1px solid var(--line)}
  .rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}
  .relc{display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:30px;transition:transform .2s,box-shadow .2s}
  .relc:hover{transform:translateY(-3px);box-shadow:0 20px 44px -30px rgba(20,26,61,.5)}
  .relc .k{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .relc h3{font-size:1.3rem;margin:8px 0 8px}
  .relc p{font-size:.9rem;color:var(--muted)}
  .relc .go{font-size:.85rem;font-weight:600;color:var(--gold-dk);display:inline-flex;align-items:center;gap:.4em}
  .relc:hover .go .arr{transform:translateX(4px)}

  /* footer */
  .foot{padding:64px 0 34px;border-top:1px solid var(--line);margin-top:20px}
  .foot__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
  .foot__brand .brand{margin-bottom:14px}
  .foot__brand p{color:var(--muted);font-size:.9rem;max-width:34ch}
  .foot__brand .addr{margin-top:16px;font-size:.85rem;color:var(--ink-2)}
  .foot__col h4{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
  .foot__col a{display:block;font-size:.9rem;color:var(--ink-2);padding:6px 0}
  .foot__col a:hover{color:var(--ink)}
  .foot__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:44px;padding-top:22px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}

  .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  .reveal.in{opacity:1;transform:none}

  @media(max-width:920px){
    .nav__links{display:none}.nav__toggle{display:flex}
    .grid-2{grid-template-columns:1fr}.facts{position:static}
    .metrics{grid-template-columns:1fr 1fr}
    .cards-4{grid-template-columns:1fr 1fr}
    .obj{grid-template-columns:1fr}
    .pillars{grid-template-columns:1fr}
    .paths{grid-template-columns:1fr}
    .design-grid{grid-template-columns:1fr}
    .flow{grid-template-columns:1fr 1fr}
    .feat-grid{grid-template-columns:1fr 1fr}
    .io-grid{grid-template-columns:1fr;gap:30px}
    .take{grid-template-columns:1fr}
    .exp-links{grid-template-columns:1fr}
    .fig-2{grid-template-columns:1fr}
    .rel-grid{grid-template-columns:1fr}
    .foot__top{grid-template-columns:1fr 1fr}
    .cmp{overflow-x:auto}
  }
  @media(max-width:560px){
    .metrics{grid-template-columns:1fr 1fr}
    .cards-4{grid-template-columns:1fr}
    .flow{grid-template-columns:1fr}
    .feat-grid{grid-template-columns:1fr}
    .foot__top{grid-template-columns:1fr}
  }
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
  :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
  .kijo-eyebrow {
  font-family: 'Space Mono', ui-monospace, SFMono-Regular, monospace;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #6B655C;
}
.kijo-eyebrow b {
  color: #C1502E;
  font-weight: 400;
}/* End custom CSS */