.elementor-kit-7{--e-global-color-primary:#F10301;--e-global-color-primary_hover:#C40200;--e-global-color-text:#000000;--e-global-color-text_light:#6B6B6B;--e-global-color-accent:#000000;--e-global-color-border:#E5E3E0;--e-global-color-background:#FFFFFF;--e-global-color-background_light:#F6F5F3;--e-global-color-epngold:#FCCA00;--e-global-color-epnink:#101010;--e-global-color-epnondark:#B4B4B4;--e-global-color-epnlinestr:#949494;--e-global-color-epngoldhov:#E0B300;--e-global-typography-bdefc39-font-size:70px;--e-global-typography-bdefc39-font-weight:700;--e-global-typography-bdefc39-line-height:1.06em;--e-global-typography-bdefc39-letter-spacing:-2px;--e-global-typography-589f815-font-size:12px;--e-global-typography-589f815-font-weight:600;--e-global-typography-589f815-text-transform:uppercase;--e-global-typography-589f815-line-height:1.167em;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1290px;}.e-con{--container-max-width:1290px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1200px){.elementor-kit-7{--e-global-typography-bdefc39-font-size:64px;}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-bdefc39-font-size:56px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-bdefc39-font-size:42px;--e-global-typography-bdefc39-letter-spacing:-1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS */.elementor-button:not(.elementor-button-outline),.elementor-button:not(.elementor-button-outline) .elementor-button-text,.elementor-widget-spaciaz-button-mousemove a,.elementor-widget-spaciaz-button-mousemove .elementor-button{color:#ffffff !important;} .elementor-view-stacked .elementor-icon,.elementor-view-stacked .elementor-icon svg,.elementor-view-stacked .elementor-icon i,.elementor-view-stacked .elementor-icon path{color:#ffffff !important;fill:#ffffff !important;} .project-status,.project-status *{color:#ffffff !important;} .elementor-widget-spaciaz-button.line-effect-yes a,.elementor-widget-spaciaz-button.line-effect-yes .elementor-button,.elementor-widget-spaciaz-button.line-effect-yes .elementor-button-text,.elementor-widget-spaciaz-button.line-effect-yes span{color:inherit !important;} .elementor-element-d701b85 img{max-width:200px;height:auto;} .gw-cover{position:absolute;inset:0;z-index:8;display:block;} body.page-id-61 .wpcf7 .submit-btn .elementor-button{padding-left:28px !important;} body.page-id-61 .wpcf7 .submit-btn .elementor-button-text{display:inline-block !important;color:#000000 !important;font-weight:600 !important;font-size:15px !important;margin-right:10px !important;white-space:nowrap;} /* project cards: white circle + dark-green arrow */ .project-item .btn-icon,.project-item .btn-icon-hover,.project-button .btn-icon,.project-button .btn-icon-hover{background-color:#ffffff !important;} .project-item .btn-icon i,.project-item .btn-icon svg,.project-item .btn-icon path,.project-item .btn-icon-hover i,.project-button .btn-icon i,.project-button .btn-icon svg,.project-button .btn-icon-hover i{color:#000000 !important;fill:#000000 !important;} /* project card circle -> white (arrow stays dark-green, visible) */ .project-item .project-button .project-button-icon,.project-item .project-button:hover .project-button-icon{background-color:#ffffff !important;} /* contact form send button: white circle + dark-green arrow */ body.page-id-61 .wpcf7 .submit-btn .btn-icon,body.page-id-61 .wpcf7 .submit-btn .btn-icon-hover,body.page-id-61 .wpcf7 .submit-btn .elementor-button-icon,body.page-id-61 .wpcf7 .submit-btn .btn-icon-wrap{background-color:#ffffff !important;} body.page-id-61 .wpcf7 .submit-btn .btn-icon i,body.page-id-61 .wpcf7 .submit-btn .btn-icon-hover i,body.page-id-61 .wpcf7 .submit-btn .btn-icon svg,body.page-id-61 .wpcf7 .submit-btn .btn-icon path{color:#000000 !important;fill:#000000 !important;} /* contact send button: white text on hover (pill goes dark) */ body.page-id-61 .wpcf7 .submit-btn .elementor-button:hover .elementor-button-text,body.page-id-61 .wpcf7 .submit-btn .elementor-button:focus .elementor-button-text{color:#ffffff !important;} /* GW-MOBILE */ @media (max-width:767px){ html,body{overflow-x:hidden !important;max-width:100vw !important;} .elementor-heading-title{overflow-wrap:break-word !important;word-break:break-word !important;} .e-con-inner,.elementor-widget-container{max-width:100% !important;} } /* GW-RESPONSIVE */ .elementor-element-pr00001{width:56px !important;min-width:56px !important;max-width:56px !important;flex:0 0 56px !important;border-radius:50% !important;} .elementor-element-pr00007{width:56px !important;min-width:56px !important;max-width:56px !important;flex:0 0 56px !important;border-radius:50% !important;} .elementor-element-pr0000d{width:56px !important;min-width:56px !important;max-width:56px !important;flex:0 0 56px !important;border-radius:50% !important;} .elementor-element-pr00013{width:56px !important;min-width:56px !important;max-width:56px !important;flex:0 0 56px !important;border-radius:50% !important;} .elementor-element-pr00019{width:56px !important;min-width:56px !important;max-width:56px !important;flex:0 0 56px !important;border-radius:50% !important;} @media (max-width:1024px) and (min-width:768px){ .elementor-element-bn00007 .elementor-heading-title{font-size:50px !important;} .elementor-element-gp000002 .elementor-heading-title{font-size:36px !important;} .elementor-element-bn0000f .elementor-heading-title{font-size:50px !important;} .elementor-element-gp000019 .elementor-heading-title{font-size:36px !important;} .elementor-element-pr00022 .elementor-heading-title{font-size:34px !important;} .elementor-element-gp00004b .elementor-heading-title{font-size:34px !important;} .elementor-element-bn00017 .elementor-heading-title{font-size:50px !important;} .elementor-element-gp000055 .elementor-heading-title{font-size:34px !important;} .elementor-element-bn0001f .elementor-heading-title{font-size:50px !important;} } @media (max-width:767px){ .elementor-element-bn00007 .elementor-heading-title{font-size:31px !important;line-height:1.2 !important;} .elementor-element-bn00002, .elementor-element-bn00002 .elementor-widget-container, .elementor-element-bn00002 p{font-size:15px !important;} .elementor-element-bn00004, .elementor-element-bn00004 .elementor-widget-container, .elementor-element-bn00004 p{font-size:17px !important;} .elementor-element-gp000001 .elementor-heading-title{font-size:13px !important;} .elementor-element-gp000002 .elementor-heading-title{font-size:25px !important;line-height:1.2 !important;} .elementor-element-gp000003, .elementor-element-gp000003 .elementor-widget-container, .elementor-element-gp000003 p{font-size:17px !important;} .elementor-element-1b82972 .elementor-heading-title{font-size:12px !important;} .elementor-element-a437c7f, .elementor-element-a437c7f .elementor-widget-container, .elementor-element-a437c7f p{font-size:16px !important;} .elementor-element-0ddff95 .elementor-heading-title{font-size:17px !important;} .elementor-element-bn0000f .elementor-heading-title{font-size:31px !important;line-height:1.2 !important;} .elementor-element-bn0000a, .elementor-element-bn0000a .elementor-widget-container, .elementor-element-bn0000a p{font-size:15px !important;} .elementor-element-bn0000c, .elementor-element-bn0000c .elementor-widget-container, .elementor-element-bn0000c p{font-size:17px !important;} .elementor-element-gp000018 .elementor-heading-title{font-size:13px !important;} .elementor-element-gp000019 .elementor-heading-title{font-size:25px !important;line-height:1.2 !important;} .elementor-element-gp00001a, .elementor-element-gp00001a .elementor-widget-container, .elementor-element-gp00001a p{font-size:17px !important;} .elementor-element-pr00021 .elementor-heading-title{font-size:12px !important;} .elementor-element-pr00022 .elementor-heading-title{font-size:24px !important;line-height:1.2 !important;} .elementor-element-pr00002 .elementor-heading-title{font-size:17px !important;} .elementor-element-pr00004 .elementor-heading-title{font-size:18px !important;} .elementor-element-pr00006, .elementor-element-pr00006 .elementor-widget-container, .elementor-element-pr00006 p{font-size:14px !important;} .elementor-element-pr00008 .elementor-heading-title{font-size:17px !important;} .elementor-element-pr0000a .elementor-heading-title{font-size:18px !important;} .elementor-element-pr0000c, .elementor-element-pr0000c .elementor-widget-container, .elementor-element-pr0000c p{font-size:14px !important;} .elementor-element-pr0000e .elementor-heading-title{font-size:17px !important;} .elementor-element-pr00010 .elementor-heading-title{font-size:18px !important;} .elementor-element-pr00012, .elementor-element-pr00012 .elementor-widget-container, .elementor-element-pr00012 p{font-size:14px !important;} .elementor-element-pr00014 .elementor-heading-title{font-size:17px !important;} .elementor-element-pr00016 .elementor-heading-title{font-size:18px !important;} .elementor-element-pr00018, .elementor-element-pr00018 .elementor-widget-container, .elementor-element-pr00018 p{font-size:14px !important;} .elementor-element-pr0001a .elementor-heading-title{font-size:17px !important;} .elementor-element-pr0001c .elementor-heading-title{font-size:18px !important;} .elementor-element-pr0001e, .elementor-element-pr0001e .elementor-widget-container, .elementor-element-pr0001e p{font-size:14px !important;} .elementor-element-gp00004a .elementor-heading-title{font-size:13px !important;} .elementor-element-gp00004b .elementor-heading-title{font-size:24px !important;line-height:1.2 !important;} .elementor-element-7d53f0f .elementor-heading-title{font-size:17px !important;} .elementor-element-bn00017 .elementor-heading-title{font-size:31px !important;line-height:1.2 !important;} .elementor-element-bn00012, .elementor-element-bn00012 .elementor-widget-container, .elementor-element-bn00012 p{font-size:15px !important;} .elementor-element-bn00014, .elementor-element-bn00014 .elementor-widget-container, .elementor-element-bn00014 p{font-size:17px !important;} .elementor-element-gp000054 .elementor-heading-title{font-size:13px !important;} .elementor-element-gp000055 .elementor-heading-title{font-size:24px !important;line-height:1.2 !important;} .elementor-element-gp000056, .elementor-element-gp000056 .elementor-widget-container, .elementor-element-gp000056 p{font-size:17px !important;} .elementor-element-28a4f41 .elementor-heading-title{font-size:17px !important;} .elementor-element-bn0001f .elementor-heading-title{font-size:31px !important;line-height:1.2 !important;} .elementor-element-bn0001a, .elementor-element-bn0001a .elementor-widget-container, .elementor-element-bn0001a p{font-size:15px !important;} .elementor-element-bn0001c, .elementor-element-bn0001c .elementor-widget-container, .elementor-element-bn0001c p{font-size:17px !important;} } /* END GW-RESPONSIVE */ /* GW-PROCESSMOBILE */ @media (max-width:767px){ .elementor-element-pr00005,.elementor-element-pr00003,.elementor-element-pr0000b,.elementor-element-pr00009,.elementor-element-pr00011,.elementor-element-pr0000f,.elementor-element-pr00017,.elementor-element-pr00015,.elementor-element-pr0001d,.elementor-element-pr0001b{min-height:0 !important;} } /* END GW-PROCESSMOBILE */ /* ── EPN glass ───────────────────────────────────────────────────────────── One definition, used wherever a panel sits over imagery or the Ink ground. Never over flat white: with nothing to blur it just reads as a grey box. Blur is 20px on purpose — past roughly that it stops looking like glass and starts looking like fog. saturate() keeps brand colours behind the panel from going chalky. Both .elementor-kit-7s are listed deliberately. The element ids are what Elementor actually emits here; `.epn-glass` is the portable name to reuse elsewhere, and takes over automatically if the class is ever added through Elementor's Advanced > CSS Classes panel. If this hero section is ever rebuilt the ids will change and will need updating — the class will not. */ .epn-glass, .elementor-element-3c45d47, .elementor-element-6cb980a, .elementor-element-5beba76 { -webkit-backdrop-filter: blur(20px) saturate(140%); backdrop-filter: blur(20px) saturate(140%); box-shadow: 0 8px 32px rgba(0, 0, 0, .34); } /* Safari before 18 and Firefox with the flag off render no blur at all, so the background alpha alone has to carry text legibility. */ @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { .epn-glass, .elementor-element-3c45d47, .elementor-element-6cb980a, .elementor-element-5beba76 { background-color: rgba(16, 16, 16, .86) !important; } } /* ── Scroll-to-top ───────────────────────────────────────────────────────── The theme paints this from its own vars: background var(--primary) with the arrow in var(--accent), which is now black — hence a black arrow on red. Selector is a.scrollup rather than .scrollup so it outranks the theme without needing !important. Arrow turns black on hover on purpose. White on #E0B300 measures 1.98:1 and effectively vanishes; black on the same gold is 10.62:1. Same rule the rest of the site follows — gold always carries black. */ a.scrollup { color: #FFFFFF; transition: background-color .2s ease, border-color .2s ease, color .2s ease; } a.scrollup:hover, a.scrollup:focus-visible { background: #E0B300; border-color: #E0B300; color: #000000; } /* -- Testimonials --------------------------------------------------------- The widget ships an unstyled stack; this frames each quote as a card so it stops floating in the middle of the section. The quotation mark sits behind the text as a watermark rather than beside it, so it adds texture without costing a line of space. */ .elementor-element-105104f .testimonial-content{ position:relative; background:var(--e-global-color-background, #FFFFFF); border:1px solid var(--e-global-color-border, #E5E3E0); border-radius:24px; padding:56px 56px 44px; text-align:left; } .elementor-element-105104f .testimonial-content::before{ content:"“"; position:absolute; top:10px; left:34px; z-index:0; font-family:Georgia,"Times New Roman",serif; font-size:112px; line-height:1; color:var(--e-global-color-primary, #F10301); opacity:.15; pointer-events:none; } .elementor-element-105104f .testimonial-content > *{ position:relative; z-index:1; } .elementor-element-105104f .details{ margin-top:30px; padding-top:22px; border-top:1px solid var(--e-global-color-border, #E5E3E0); } .elementor-element-105104f .details-info{ display:flex; flex-direction:column; gap:4px; } .elementor-element-105104f .name, .elementor-element-105104f .name a{ font-size:16px; font-weight:650; color:var(--e-global-color-text, #000000); text-decoration:none; border-bottom:0; } .elementor-element-105104f .job{ font-size:14px; color:var(--e-global-color-text_light, #6B6B6B); } @media (max-width:768px){ .elementor-element-105104f .testimonial-content{ padding:38px 24px 30px; border-radius:18px; } .elementor-element-105104f .testimonial-content::before{ font-size:76px; top:6px; left:18px; } .elementor-element-105104f .details{ margin-top:24px; padding-top:18px; } } /* -- FAQ ------------------------------------------------------------------ details/summary so it opens without JavaScript and stays keyboard operable. The native marker is suppressed and replaced with a plus that rotates into a minus — the one affordance telling people the rows are clickable. Two columns on desktop. Each item carries a rule top and bottom with a -1px bottom margin so neighbouring rules collapse to a single line; that holds up whatever the question count, including an odd one. */ .epn-faq{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:64px; width:100%; max-width:1180px; margin:0 auto; } .epn-faq__item{ border-top:1px solid var(--e-global-color-border, #E5E3E0); border-bottom:1px solid var(--e-global-color-border, #E5E3E0); margin-bottom:-1px; min-width:0; } .epn-faq__q{ list-style:none; cursor:pointer; display:flex; align-items:flex-start; justify-content:space-between; gap:22px; padding:24px 2px; font-size:18px; font-weight:600; line-height:1.45; color:var(--e-global-color-text, #000000); transition:color .2s ease; } .epn-faq__q::-webkit-details-marker{ display:none; } .epn-faq__q::marker{ content:""; } .epn-faq__q:hover{ color:var(--e-global-color-primary, #F10301); } .epn-faq__item summary:focus-visible{ outline:3px solid var(--e-global-color-primary, #F10301); outline-offset:3px; } .epn-faq__icon{ position:relative; flex:0 0 auto; width:20px; height:20px; margin-top:3px; } .epn-faq__icon::before, .epn-faq__icon::after{ content:""; position:absolute; background:var(--e-global-color-primary, #F10301); transition:transform .25s ease, opacity .25s ease; } .epn-faq__icon::before{ top:9px; left:0; width:20px; height:2px; } .epn-faq__icon::after{ left:9px; top:0; width:2px; height:20px; } .epn-faq__item[open] .epn-faq__icon::after{ transform:rotate(90deg); opacity:0; } .epn-faq__a{ overflow:hidden; } .epn-faq__a-in{ padding:0 34px 26px 2px; font-size:15.5px; line-height:1.68; color:var(--e-global-color-text_light, #6B6B6B); } .epn-faq__a-in strong{ color:var(--e-global-color-text, #000000); font-weight:600; } /* Spans both columns so the prompt sits under the whole block, not one side. */ .epn-faq__foot{ grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 18px; padding:28px 2px 0; font-size:15px; color:var(--e-global-color-text_light, #6B6B6B); } .epn-faq__cta{ font-weight:650; color:var(--e-global-color-primary_hover, #C40200); text-decoration:underline; text-underline-offset:4px; transition:color .2s ease; } .epn-faq__cta:hover{ color:var(--e-global-color-primary, #F10301); } @media (max-width:1024px){ .epn-faq{ column-gap:44px; } .epn-faq__q{ font-size:17px; } .epn-faq__a-in{ padding-right:20px; } } @media (max-width:768px){ .epn-faq{ grid-template-columns:1fr; max-width:640px; } .epn-faq__q{ font-size:17px; gap:18px; padding:22px 0; } .epn-faq__a-in{ padding:0 0 24px; font-size:15.5px; } .epn-faq__icon{ width:18px; height:18px; } .epn-faq__icon::before{ top:8px; width:18px; } .epn-faq__icon::after{ left:8px; height:18px; } } @media (prefers-reduced-motion:reduce){ .epn-faq__icon::before, .epn-faq__icon::after, .epn-faq__q, .epn-faq__cta{ transition:none; } } /* -- Brand family panel --------------------------------------------------- Used on the homepage and on /developers/. Three columns: a standing above each mark, the mark itself, one line of fact beneath. Hairlines group the three into a single lockup rather than three loose logos. Every logo file shares a 1250x500 canvas, so one height gives all three the same width and a shared baseline. Black at rest, original colour on hover. */ .epn-fam{ display:grid; grid-template-columns:repeat(3,1fr); max-width:1140px; margin:0 auto; padding:14px 0 6px; width:100%; } .epn-fam__col{ display:flex; flex-direction:column; align-items:flex-start; gap:20px; padding:34px 40px; border-left:1px solid var(--e-global-color-border, #E5E3E0); min-width:0; } .epn-fam__col:first-child{ border-left:0; } .epn-fam__label{ position:relative; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--e-global-color-text_light, #6B6B6B); padding-bottom:12px; } /* Short accent rule, in red: gold on white measures 1.55:1 and would not read. */ .epn-fam__label::after{ content:""; position:absolute; left:0; bottom:0; width:26px; height:2px; background:var(--e-global-color-primary, #F10301); } .epn-fam__mark{ position:relative; line-height:0; } .epn-fam__mark img{ display:block; height:54px; width:auto; object-fit:contain; max-width:100%; user-select:none; -webkit-user-drag:none; transition:opacity .32s ease; } .epn-fam__mono{ opacity:.78; } .epn-fam__color{ position:absolute; top:0; left:0; opacity:0; } .epn-fam__col:hover .epn-fam__mono{ opacity:0; } .epn-fam__col:hover .epn-fam__color{ opacity:1; } .epn-fam__note{ margin:0; font-size:14.5px; line-height:1.55; color:var(--e-global-color-text_light, #6B6B6B); max-width:27ch; } @media (max-width:1024px){ .epn-fam__col{ padding:28px 26px; } .epn-fam__mark img{ height:46px; } } @media (max-width:768px){ .epn-fam{ grid-template-columns:1fr; max-width:420px; } .epn-fam__col{ padding:26px 0; border-left:0; border-top:1px solid var(--e-global-color-border, #E5E3E0); } .epn-fam__col:first-child{ border-top:0; padding-top:6px; } .epn-fam__mark img{ height:44px; } .epn-fam__note{ max-width:none; } } @media (prefers-reduced-motion:reduce){ .epn-fam__mark img{ transition:none; } } /* -- Mobile drawer logo --------------------------------------------------- Off-canvas panel prints the full-size logo with no width or alignment rule of its own. 160px keeps it legible while leaving the navigation as the first thing you see; left alignment puts it on the same 30px inset the menu items already use. */ .spaciaz-mobile-nav .site-branding{ text-align:left; margin-bottom:10px; } .spaciaz-mobile-nav .site-branding .custom-logo-link{ display:inline-block; margin-left:0; margin-right:auto; } .spaciaz-mobile-nav .site-branding .custom-logo, .spaciaz-mobile-nav .site-branding .custom-logo-link img{ display:block; width:160px; height:auto; max-width:100%; } /* -- Legal pages ---------------------------------------------------------- Classic content inherits the theme's display-scale headings, which turned "What we collect" into a banner and made the policy unreadable. A legal page is a document: one comfortable measure, headings only slightly larger than the text, and space that groups each heading with its section. The top padding clears the header. Other pages get that clearance from their banner section; this page has none, so the header was sitting on the text. */ .privacy-policy .entry-content, .page-id-3 .entry-content{ max-width:44rem; margin-inline:auto; font-size:16.5px; line-height:1.75; color:var(--e-global-color-text, #000); } .privacy-policy .entry-content h2, .page-id-3 .entry-content h2{ font-size:1.4rem; line-height:1.3; font-weight:650; letter-spacing:-.01em; margin:2.4em 0 .6em; padding-top:1.4em; border-top:1px solid var(--e-global-color-border, #E5E3E0); } .privacy-policy .entry-content h2:first-of-type, .page-id-3 .entry-content h2:first-of-type{ border-top:0; padding-top:0; margin-top:1.6em; } .privacy-policy .entry-content p, .page-id-3 .entry-content p{ margin:0 0 1.1em; } .privacy-policy .entry-content ul, .page-id-3 .entry-content ul{ margin:0 0 1.2em 1.2em; } .privacy-policy .entry-content li, .page-id-3 .entry-content li{ margin-bottom:.45em; } .privacy-policy .entry-content a, .page-id-3 .entry-content a{ color:var(--e-global-color-primary_hover, #C40200); text-decoration:underline; text-underline-offset:3px; } .privacy-policy .entry-content em, .page-id-3 .entry-content em{ color:var(--e-global-color-text_light, #6B6B6B); } @media (max-width:1024px){ } @media (max-width:768px){ .privacy-policy .entry-content, .page-id-3 .entry-content{ font-size:16px; } .privacy-policy .entry-content h2, .page-id-3 .entry-content h2{ font-size:1.25rem; margin-top:2em; } }/* End custom CSS */