.elementor-kit-6{--e-global-color-primary:#173326;--e-global-color-secondary:#24160F;--e-global-color-text:#1D2420;--e-global-color-accent:#B85F3D;--e-global-color-pcsforest:#173326;--e-global-color-pcsespresso:#24160F;--e-global-color-pcsterra:#B85F3D;--e-global-color-pcsterrasoft:#CB7955;--e-global-color-pcsterradeep:#A25436;--e-global-color-pcsivory:#F5F0E7;--e-global-color-pcsivorylt:#FBF8F1;--e-global-color-pcssage:#71806C;--e-global-color-pcsstone:#C9B7A3;--e-global-color-pcsink:#1D2420;--e-global-color-pcsinkmuted:#625E56;--e-global-color-pcsline:#DED6C9;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Instrument Serif";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.3em;--e-global-typography-accent-letter-spacing:0.01em;--e-global-typography-pcsdisplayxl-font-family:"Manrope";--e-global-typography-pcsdisplayxl-font-size:clamp(4rem, 3.0816rem + 3.9184vw, 7rem);--e-global-typography-pcsdisplayxl-font-weight:500;--e-global-typography-pcsdisplayxl-line-height:0.94em;--e-global-typography-pcsdisplayxl-letter-spacing:-0.035em;--e-global-typography-pcsdisplay-font-family:"Manrope";--e-global-typography-pcsdisplay-font-size:clamp(3.25rem, 2.4577rem + 3.3803vw, 5.5rem);--e-global-typography-pcsdisplay-font-weight:500;--e-global-typography-pcsdisplay-line-height:0.96em;--e-global-typography-pcsdisplay-letter-spacing:-0.03em;--e-global-typography-pcsh1-font-family:"Manrope";--e-global-typography-pcsh1-font-size:clamp(2.75rem, 2.1338rem + 2.6291vw, 4.5rem);--e-global-typography-pcsh1-font-weight:500;--e-global-typography-pcsh1-line-height:1em;--e-global-typography-pcsh1-letter-spacing:-0.025em;--e-global-typography-pcsh2-font-family:"Manrope";--e-global-typography-pcsh2-font-size:clamp(2.25rem, 1.7218rem + 2.2535vw, 3.75rem);--e-global-typography-pcsh2-font-weight:500;--e-global-typography-pcsh2-line-height:1.04em;--e-global-typography-pcsh2-letter-spacing:-0.02em;--e-global-typography-pcsh3-font-family:"Manrope";--e-global-typography-pcsh3-font-size:clamp(1.75rem, 1.4419rem + 1.3146vw, 2.625rem);--e-global-typography-pcsh3-font-weight:500;--e-global-typography-pcsh3-line-height:1.1em;--e-global-typography-pcsh3-letter-spacing:-0.015em;--e-global-typography-pcsh4-font-family:"Manrope";--e-global-typography-pcsh4-font-size:clamp(1.375rem, 1.1989rem + 0.7512vw, 1.875rem);--e-global-typography-pcsh4-font-weight:600;--e-global-typography-pcsh4-line-height:1.2em;--e-global-typography-pcsh4-letter-spacing:-0.01em;--e-global-typography-pcsbodylg-font-family:"Manrope";--e-global-typography-pcsbodylg-font-size:clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem);--e-global-typography-pcsbodylg-font-weight:400;--e-global-typography-pcsbodylg-line-height:1.6em;--e-global-typography-pcsbody-font-family:"Manrope";--e-global-typography-pcsbody-font-size:clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);--e-global-typography-pcsbody-font-weight:400;--e-global-typography-pcsbody-line-height:1.65em;--e-global-typography-pcssmall-font-family:"Manrope";--e-global-typography-pcssmall-font-size:14px;--e-global-typography-pcssmall-font-weight:400;--e-global-typography-pcssmall-line-height:1.5em;--e-global-typography-pcsui-font-family:"Manrope";--e-global-typography-pcsui-font-size:15px;--e-global-typography-pcsui-font-weight:600;--e-global-typography-pcsui-line-height:1.3em;--e-global-typography-pcsui-letter-spacing:0.01em;--e-global-typography-pcseyebrow-font-family:"Manrope";--e-global-typography-pcseyebrow-font-size:12px;--e-global-typography-pcseyebrow-font-weight:600;--e-global-typography-pcseyebrow-text-transform:uppercase;--e-global-typography-pcseyebrow-line-height:1.3em;--e-global-typography-pcseyebrow-letter-spacing:0.16em;--e-global-typography-pcsserif-font-family:"Instrument Serif";--e-global-typography-pcsserif-font-weight:400;--e-global-typography-pcsserif-line-height:1em;--e-global-typography-pcsserif-letter-spacing:-0.01em;background-color:var( --e-global-color-pcsivorylt );color:var( --e-global-color-pcsink );font-family:var( --e-global-typography-pcsbody-font-family ), Sans-serif;font-size:var( --e-global-typography-pcsbody-font-size );font-weight:var( --e-global-typography-pcsbody-font-weight );line-height:var( --e-global-typography-pcsbody-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-pcsforest );font-family:var( --e-global-typography-pcsui-font-family ), Sans-serif;font-size:var( --e-global-typography-pcsui-font-size );font-weight:var( --e-global-typography-pcsui-font-weight );line-height:var( --e-global-typography-pcsui-line-height );letter-spacing:var( --e-global-typography-pcsui-letter-spacing );color:var( --e-global-color-pcsivorylt );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-pcsforest );border-radius:999px 999px 999px 999px;padding:13px 24px 13px 24px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#2E473A;color:var( --e-global-color-pcsivorylt );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-pcsink );}.elementor-kit-6 a:hover{color:var( --e-global-color-pcsterradeep );}.elementor-kit-6 h1{font-family:var( --e-global-typography-pcsh1-font-family ), Sans-serif;font-size:var( --e-global-typography-pcsh1-font-size );font-weight:var( --e-global-typography-pcsh1-font-weight );line-height:var( --e-global-typography-pcsh1-line-height );letter-spacing:var( --e-global-typography-pcsh1-letter-spacing );}.elementor-kit-6 h2{font-family:var( --e-global-typography-pcsh2-font-family ), Sans-serif;font-size:var( --e-global-typography-pcsh2-font-size );font-weight:var( --e-global-typography-pcsh2-font-weight );line-height:var( --e-global-typography-pcsh2-line-height );letter-spacing:var( --e-global-typography-pcsh2-letter-spacing );}.elementor-kit-6 h3{font-family:var( --e-global-typography-pcsh3-font-family ), Sans-serif;font-size:var( --e-global-typography-pcsh3-font-size );font-weight:var( --e-global-typography-pcsh3-font-weight );line-height:var( --e-global-typography-pcsh3-line-height );letter-spacing:var( --e-global-typography-pcsh3-letter-spacing );}.elementor-kit-6 h4{font-family:var( --e-global-typography-pcsh4-font-family ), Sans-serif;font-size:var( --e-global-typography-pcsh4-font-size );font-weight:var( --e-global-typography-pcsh4-font-weight );line-height:var( --e-global-typography-pcsh4-line-height );letter-spacing:var( --e-global-typography-pcsh4-letter-spacing );}.elementor-kit-6 h5{font-family:"Manrope", Sans-serif;font-size:clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem);font-weight:600;line-height:1.3em;letter-spacing:0em;}.elementor-kit-6 h6{font-family:"Manrope", Sans-serif;font-size:1rem;font-weight:600;line-height:1.4em;letter-spacing:0em;}.elementor-kit-6 label{color:var( --e-global-color-pcsink );font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;line-height:1.4em;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:var( --e-global-color-pcsink );background-color:var( --e-global-color-pcsivorylt );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-pcsinkmuted );border-radius:8px 8px 8px 8px;transition:180ms;padding:12px 16px 12px 16px;}.elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea:focus,.elementor-kit-6 .elementor-field-textual:focus{box-shadow:0px 0px 0px 2px #173326;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-pcsforest );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1312px;}.e-con{--container-max-width:1312px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-pcsbody-font-size );line-height:var( --e-global-typography-pcsbody-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-pcsh1-font-size );line-height:var( --e-global-typography-pcsh1-line-height );letter-spacing:var( --e-global-typography-pcsh1-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-pcsh2-font-size );line-height:var( --e-global-typography-pcsh2-line-height );letter-spacing:var( --e-global-typography-pcsh2-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-pcsh3-font-size );line-height:var( --e-global-typography-pcsh3-line-height );letter-spacing:var( --e-global-typography-pcsh3-letter-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-pcsh4-font-size );line-height:var( --e-global-typography-pcsh4-line-height );letter-spacing:var( --e-global-typography-pcsh4-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-pcsui-font-size );line-height:var( --e-global-typography-pcsui-line-height );letter-spacing:var( --e-global-typography-pcsui-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-pcsbody-font-size );line-height:var( --e-global-typography-pcsbody-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-pcsh1-font-size );line-height:var( --e-global-typography-pcsh1-line-height );letter-spacing:var( --e-global-typography-pcsh1-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-pcsh2-font-size );line-height:var( --e-global-typography-pcsh2-line-height );letter-spacing:var( --e-global-typography-pcsh2-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-pcsh3-font-size );line-height:var( --e-global-typography-pcsh3-line-height );letter-spacing:var( --e-global-typography-pcsh3-letter-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-pcsh4-font-size );line-height:var( --e-global-typography-pcsh4-line-height );letter-spacing:var( --e-global-typography-pcsh4-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-pcsui-font-size );line-height:var( --e-global-typography-pcsui-line-height );letter-spacing:var( --e-global-typography-pcsui-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================================================
PixCraft Studio — design-system layer (Site Settings > Custom CSS)
Colours and fonts live in Global Colours / Global Fonts and are referenced
here through Elementor's variables. This layer only adds what Site Settings
cannot express: section rhythm, surfaces, serif accents, button variants,
focus, links and radius/shadow helpers. Keep it small.
========================================================================== */
/* Tokens are declared on the kit element too, so references to Elementor globals resolve. */
:root,
.elementor-kit-6 {
--pcs-gutter: clamp(1.25rem, 0.2817rem + 4.1315vw, 4rem); /* 20 -> 64px */
--pcs-section: clamp(4.5rem, 2.9155rem + 6.7606vw, 9rem); /* 72 -> 144px */
--pcs-section-compact: clamp(3.5rem, 2.6197rem + 3.7559vw, 6rem); /* 56 -> 96px */
--pcs-radius-sm: 8px;
--pcs-radius-md: 12px;
--pcs-radius-lg: 18px;
--pcs-dur-fast: 180ms;
--pcs-dur-standard: 320ms;
--pcs-dur-slow: 700ms;
--pcs-ease: cubic-bezier(0.22, 1, 0.36, 1);
--pcs-shadow-subtle: 0 1px 2px rgba(36, 22, 15, 0.05), 0 2px 8px -2px rgba(36, 22, 15, 0.06);
--pcs-shadow-elevated: 0 2px 4px rgba(36, 22, 15, 0.04), 0 16px 40px -16px rgba(36, 22, 15, 0.16);
--pcs-shadow-media: 0 4px 10px rgba(36, 22, 15, 0.05), 0 40px 80px -32px rgba(36, 22, 15, 0.26);
--pcs-muted: var(--e-global-color-pcsinkmuted);
--pcs-border: var(--e-global-color-pcsline);
--pcs-border-strong: rgba(29, 36, 32, 0.55);
--pcs-focus: var(--e-global-color-pcsforest);
--pcs-accent-text: var(--e-global-color-accent);
}
/* Sections: class "pcs-section" on the outer container (Content Width: Boxed = 1312px). */
.e-con.pcs-section {
--padding-top: var(--pcs-section);
--padding-bottom: var(--pcs-section);
--padding-left: var(--pcs-gutter);
--padding-right: var(--pcs-gutter);
}
.e-con.pcs-section--compact {
--padding-top: var(--pcs-section-compact);
--padding-bottom: var(--pcs-section-compact);
}
/* Surfaces: background + readable text in one class. */
.e-con.pcs-surface-ivory-light { background-color: var(--e-global-color-pcsivorylt); }
.e-con.pcs-surface-ivory { background-color: var(--e-global-color-pcsivory); }
.e-con.pcs-surface-stone {
background-color: var(--e-global-color-pcsstone);
--pcs-muted: color-mix(in srgb, var(--e-global-color-pcsink) 80%, var(--e-global-color-pcsstone));
--pcs-border: rgba(29, 36, 32, 0.18);
--pcs-accent-text: color-mix(in srgb, var(--e-global-color-pcsterra) 50%, var(--e-global-color-pcsespresso));
}
.e-con.pcs-surface-forest,
.e-con.pcs-surface-espresso {
color: var(--e-global-color-pcsivorylt);
--pcs-muted: rgba(251, 248, 241, 0.72);
--pcs-border: rgba(251, 248, 241, 0.16);
--pcs-border-strong: rgba(251, 248, 241, 0.55);
--pcs-focus: var(--e-global-color-pcsivorylt);
--pcs-accent-text: var(--e-global-color-pcsterrasoft);
}
.e-con.pcs-surface-forest { background-color: var(--e-global-color-pcsforest); }
.e-con.pcs-surface-espresso { background-color: var(--e-global-color-pcsespresso); }
.e-con.pcs-surface-forest .elementor-heading-title,
.e-con.pcs-surface-espresso .elementor-heading-title,
.e-con.pcs-surface-forest .elementor-widget-text-editor,
.e-con.pcs-surface-espresso .elementor-widget-text-editor {
color: var(--e-global-color-pcsivorylt);
}
/* Text helpers */
.pcs-muted,
.elementor-widget.pcs-muted .elementor-heading-title,
.elementor-widget-text-editor.pcs-muted { color: var(--pcs-muted); }
/* Editorial serif accent: wrap one phrase inside a Heading, e.g.
Your business deserves a smarter digital presence. */
.pcs-serif {
font-family: var(--e-global-typography-pcsserif-font-family), Georgia, serif;
font-weight: 400;
font-size: 1.08em;
letter-spacing: -0.01em;
}
.pcs-italic { font-style: italic; }
/* Terracotta accent: large text only (headings H3 and above). */
.pcs-accent { color: var(--pcs-accent-text); }
/* Inline links in running text stay underlined. */
.elementor-widget-text-editor a,
.pcs-prose a {
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.2em;
text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
transition: color var(--pcs-dur-fast) var(--pcs-ease), text-decoration-color var(--pcs-dur-fast) var(--pcs-ease);
}
.elementor-widget-text-editor a:hover,
.pcs-prose a:hover { text-decoration-color: currentColor; }
.e-con.pcs-surface-forest .elementor-widget-text-editor a,
.e-con.pcs-surface-espresso .elementor-widget-text-editor a { color: var(--e-global-color-pcsivorylt); }
/* Buttons: Site Settings default = Primary (Forest). Variants via the widget's CSS Classes field. */
.elementor-button {
min-height: 48px;
transition: background-color var(--pcs-dur-fast) var(--pcs-ease), border-color var(--pcs-dur-fast) var(--pcs-ease), color var(--pcs-dur-fast) var(--pcs-ease);
}
.elementor-button:active { box-shadow: inset 0 0 0 100vmax rgba(36, 22, 15, 0.14); }
.elementor-widget-button.pcs-btn-accent .elementor-button {
background-color: var(--e-global-color-pcsterradeep);
border-color: var(--e-global-color-pcsterradeep);
color: var(--e-global-color-pcsivorylt);
}
.elementor-widget-button.pcs-btn-accent .elementor-button:hover {
background-color: color-mix(in srgb, var(--e-global-color-pcsterra) 75%, var(--e-global-color-pcsespresso));
border-color: color-mix(in srgb, var(--e-global-color-pcsterra) 75%, var(--e-global-color-pcsespresso));
}
.elementor-widget-button.pcs-btn-secondary .elementor-button {
background-color: transparent;
border-color: var(--pcs-border-strong);
color: var(--e-global-color-pcsink);
}
.elementor-widget-button.pcs-btn-secondary .elementor-button:hover {
background-color: rgba(29, 36, 32, 0.06);
border-color: var(--e-global-color-pcsink);
color: var(--e-global-color-pcsink);
}
.e-con.pcs-surface-forest .elementor-widget-button.pcs-btn-secondary .elementor-button,
.e-con.pcs-surface-espresso .elementor-widget-button.pcs-btn-secondary .elementor-button {
color: var(--e-global-color-pcsivorylt);
}
.e-con.pcs-surface-forest .elementor-widget-button.pcs-btn-secondary .elementor-button:hover,
.e-con.pcs-surface-espresso .elementor-widget-button.pcs-btn-secondary .elementor-button:hover {
background-color: rgba(251, 248, 241, 0.1);
border-color: var(--e-global-color-pcsivorylt);
color: var(--e-global-color-pcsivorylt);
}
.elementor-widget-button.pcs-btn-inverse .elementor-button {
background-color: var(--e-global-color-pcsivorylt);
border-color: var(--e-global-color-pcsivorylt);
color: var(--e-global-color-pcsforest);
}
.elementor-widget-button.pcs-btn-inverse .elementor-button:hover {
background-color: var(--e-global-color-pcsivory);
border-color: var(--e-global-color-pcsivory);
color: var(--e-global-color-pcsforest);
}
/* Borders, radius, shadows (helpers for containers) */
.e-con.pcs-border { border: 1px solid var(--pcs-border); }
.e-con.pcs-radius-sm { --border-radius: var(--pcs-radius-sm); border-radius: var(--pcs-radius-sm); }
.e-con.pcs-radius-md { --border-radius: var(--pcs-radius-md); border-radius: var(--pcs-radius-md); }
.e-con.pcs-radius-lg { --border-radius: var(--pcs-radius-lg); border-radius: var(--pcs-radius-lg); }
.e-con.pcs-shadow-subtle { box-shadow: var(--pcs-shadow-subtle); }
.e-con.pcs-shadow-elevated { box-shadow: var(--pcs-shadow-elevated); }
.e-con.pcs-shadow-media { box-shadow: var(--pcs-shadow-media); }
/* Accessibility: visible keyboard focus everywhere, branded selection. */
:focus-visible {
outline: 2px solid var(--pcs-focus);
outline-offset: 3px;
}
.elementor-button:focus-visible {
outline: 2px solid var(--pcs-focus);
outline-offset: 3px;
}
::selection {
background-color: color-mix(in srgb, var(--e-global-color-pcsterra) 28%, var(--e-global-color-pcsivorylt));
color: var(--e-global-color-pcsink);
}
h1, h2, h3, h4, .elementor-heading-title { text-wrap: balance; }
p { text-wrap: pretty; }
@media (prefers-reduced-motion: reduce) {
:root, .elementor-kit-6 { --pcs-dur-standard: 1ms; --pcs-dur-slow: 1ms; }
html { scroll-behavior: auto !important; }
*, *::before, *::after {
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
}
}
/* Eyebrow section number, e.g. 02 OUR SERVICES (small text: accessible terracotta). */
.pcs-accent-index { color: var(--e-global-color-pcsterradeep); font-variant-numeric: tabular-nums; }
.e-con.pcs-surface-forest .pcs-accent-index,
.e-con.pcs-surface-espresso .pcs-accent-index { color: color-mix(in srgb, var(--e-global-color-pcsterrasoft) 75%, var(--e-global-color-pcsivorylt)); }
.e-con.pcs-surface-stone .pcs-accent-index { color: color-mix(in srgb, var(--e-global-color-pcsterra) 50%, var(--e-global-color-pcsespresso)); }
/* Branded focus must outrank the theme reset on links and buttons. */
.elementor-kit-6 :is(a, button, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
outline: 2px solid var(--pcs-focus);
outline-offset: 3px;
box-shadow: none;
}/* End custom CSS */