.elementor-kit-5{--e-global-color-primary:#293E5C;--e-global-color-secondary:#6B7280;--e-global-color-text:#111827;--e-global-color-accent:#2563EB;--e-global-color-b4c2eeb:#2563EB33;--e-global-color-5a17424:#2563EBD9;--e-global-color-1c7820a:#D5DCE2;--e-global-color-49e276c:#9AA6B2;--e-global-color-b5a1220:#6F7E8D;--e-global-color-db7e72e:#2E3945;--e-global-color-bedad13:#222B34;--e-global-color-7714b06:#161D24;--e-global-color-transparent:#00000000;--e-global-color-195ba4c:#FFFFFF80;--e-global-color-background:#FFFFFF;--e-global-color-f8a632f:#F6F7F5;--e-global-color-a2ec8fd:#E5E7EB;--e-global-color-d9d8308:#B6BCC3;--e-global-color-3fb4174:#6B7280;--e-global-color-a567dd1:#1F2328;--e-global-color-7e8efa6:#000000;--e-global-color-ba01636:#5F8D6E;--e-global-color-8a26398:#D1A24A;--e-global-color-0fe6460:#E6B566;--e-global-color-6018c53:#B24A4A;--e-global-color-cbb4760:#8F3E3E;--e-global-color-b53e336:#282973;--e-global-color-06ded01:#7F8F7A;--e-global-color-69f89f2:#8FA08A;--e-global-color-b91bc14:#E8EFE6;--e-global-color-2ec981d:#C8D2C3;--e-global-color-23443d3:#A9B6A3;--e-global-color-d648a29:#6B7A66;--e-global-color-4cf06ab:#56624F;--e-global-color-1a94b1f:#404A3B;--e-global-color-35ed595:#B07D62;--e-global-color-8a80714:#BE8C72;--e-global-color-604eb7c:#F3E6DE;--e-global-color-5426fee:#E3C7B7;--e-global-color-1b0f67e:#D0AA95;--e-global-color-c7115b0:#9A6A52;--e-global-color-8b065ae:#7F5440;--e-global-color-7aeb8f3:#654030;--e-global-color-316391f:#5B6E7D;--e-global-color-c25b62c:#667A8A;--e-global-color-82fd269:#E4EBF0;--e-global-color-46296c6:#B7C4CF;--e-global-color-c640274:#8A9CAA;--e-global-color-b51c760:#4A5D6B;--e-global-color-dc30014:#3C4E5A;--e-global-color-5607c75:#2E3E49;--e-global-color-863cf7c:#9B8F84;--e-global-color-174c0b8:#A99E94;--e-global-color-93398cd:#F0EDEA;--e-global-color-758bd35:#D9D3CC;--e-global-color-39b1da5:#C4BBB2;--e-global-color-833ff4c:#877C72;--e-global-color-d2e9bce:#6E645C;--e-global-color-34db6a8:#544C45;--e-global-typography-primary-font-family:"Inter";--e-global-typography-secondary-font-family:"Inter";--e-global-typography-text-font-family:"Inter";--e-global-typography-accent-font-family:"Inter";background-color:var( --e-global-color-background );color:var( --e-global-color-text );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Times New Roman", Sans-serif;font-size:1rem;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:var( --e-global-color-background );box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);border-radius:0rem 0rem 0rem 0rem;padding:0.55em 1.55em 0.55em 1.55em;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-5a17424 );color:var( --e-global-color-background );box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-accent );}.elementor-kit-5 a:hover{color:var( --e-global-color-5a17424 );}.elementor-kit-5 h1{color:var( --e-global-color-text );}.elementor-kit-5 h2{color:var( --e-global-color-text );}.elementor-kit-5 h3{color:var( --e-global-color-text );}.elementor-kit-5 h4{color:var( --e-global-color-text );}.elementor-kit-5 h5{color:var( --e-global-color-text );}.elementor-kit-5 h6{color:var( --e-global-color-text );}.elementor-kit-5 label{font-size:1rem;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{padding:.75em 1em .75em 1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--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:0rem;}.elementor-element{--widgets-spacing:0rem 0rem;--widgets-spacing-row:0rem;--widgets-spacing-column:0rem;}{}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:1280px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{padding:0.75em 1.5em 0.75em 1.5em;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:1024px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{padding:0.75em 1.5em 0.75em 1.5em;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{padding:0.75em 1.5em 0.75em 1.5em;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* =====================================================
   GLOBAL DESIGN SYSTEM — MASTER CSS (REVISION v1.7)
   Purpose: Typography, spacing, debug overlay, dark mode, future-ready
===================================================== */

/* =====================================================
   1. ROOT TOKENS
===================================================== */

:root {
  /* ---------- Font sizing ---------- */
  --base-font-size: clamp(16px, 1.1vw, 18px);

  /* ---------- Font weights ---------- */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---------- Headings ---------- */
  --heading-hero: clamp(2rem, 6vw, 4.5rem);
  --heading-xl:   clamp(2rem, 4vw, 3.5rem);
  --heading-l:    clamp(1.75rem, 3.5vw, 2.75rem);
  --heading-m:    clamp(1.5rem, 3vw, 2.25rem);
  --heading-s:    clamp(1.25rem, 2vw, 1.75rem);

  /* ---------- Body ---------- */
  --body-large: 1.125rem;
  --body-base:  1rem;
  --body-small: 0.875rem;
  --body-meta:  0.875rem;
  --body-legal: 0.75rem;

  /* ---------- Line height ---------- */
  --lh-body: 1.4;
  --lh-heading: 1.15;
  --lh-tight: 1.05;

  /* ---------- Spacing ---------- */
  --space-0:   0;
  --space-xs:  0.5rem;
  --space-s:   1rem;
  --space-m:   1.5rem;
  --space-l:   2.5rem;
  --space-xl:  4rem;
  --space-xxl: 6rem;

  /* ---------- Colors ---------- */
  --color-text: #1a1a1a;
  --color-background: #ffffff;
  --color-accent: #ff6600;
  --color-secondary: #666666;

  /* ---------- Navigation ---------- */
  --nav-size-desktop: 1rem;
  --nav-size-mobile:  .875rem;

  /* ---------- Footer ---------- */
  --footer-size-desktop: 0.778rem; /* ~14px */
  --footer-size-mobile:  0.75rem;  /* ~12px */



}

/* =====================================================
   2. BASE DOCUMENT
===================================================== */

html { font-size: var(--base-font-size); }

body {
  font-family: var(--e-global-typography-text-font-family);
  font-size: var(--body-base);
  line-height: var(--lh-body);
  font-weight: var(--fw-regular);
  color: var(--color-text);
  background-color: var(--color-background);
  margin: 0;
}

/* =====================================================
   3. SEMANTIC ELEMENTS
===================================================== */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: var(--fw-bold);
  line-height: var(--lh-heading);
  margin: 0 0 0.35em;
}

h1 { font-size: var(--heading-xl); }
h2 { font-size: var(--heading-l); }
h3 { font-size: var(--heading-m); }
h4 { font-size: var(--heading-s); }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

p { margin: 0 0 0.75em; }

/* =====================================================
   4. TYPOGRAPHY CLASSES
===================================================== */

.heading-hero { font-size: var(--heading-hero); }
.heading-xl   { font-size: var(--heading-xl); }
.heading-l    { font-size: var(--heading-l); }
.heading-m    { font-size: var(--heading-m); }
.heading-s    { font-size: var(--heading-s); }

.lead       { font-size: var(--body-large); }
.text-small { font-size: var(--body-small); }
.meta       { font-size: var(--body-meta); opacity: 0.75; }
.legal      { font-size: var(--body-legal); opacity: 0.65; }

/* =====================================================
   5. BASE LIST STYLES
===================================================== */

ul, ol {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 1.5em;
  line-height: var(--lh-body);
}

li {
  margin-bottom: 0.5em;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  margin-top: 0.25em;
  padding-left: 1em;
}

/* =====================================================
   6. UTILITIES
===================================================== */

.text-strong { font-weight: var(--fw-semibold); }
.text-light  { font-weight: var(--fw-light); }
.text-tight  { line-height: var(--lh-tight); }
.text-center { text-align: center; }

/* =====================================================
   7. EYEBROW
===================================================== */

.eyebrow {
  font-size: clamp(1rem, 1vw, 1.125rem);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* =====================================================
   8. QUOTES
===================================================== */

.block-quote {
  padding-left: var(--space-l);
  border-left: 2px solid currentColor;
}

.pull-quote {
  font-size: 1.35rem;
  font-style: italic;
}

/* =====================================================
   9. NAVIGATION
===================================================== */

.nav-primary { font-size: var(--nav-size-desktop); font-weight: var(--fw-semibold); }



/* =====================================================
   TOP NAVIGATION BAR SCROLL
===================================================== */


.smart-header {
  transition: transform 0.3s ease, background 0.3s ease;
  will-change: transform;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}

.smart-header.scroll-down {
  transform: translateY(-100%);
}

.smart-header.scroll-up {
  transform: translateY(0);
}


/* =====================================================
   10. FOOTER
===================================================== */

.site-footer { font-size: var(--footer-size-desktop); }




/* =====================================================
   11. LAYOUT HELPERS
===================================================== */

/* STACK & CLUSTER HELPERS */
.stack > * + * { margin-top: var(--space-s); }
.stack-tight > * + * { margin-top: var(--space-xs); }
.stack-loose > * + * { margin-top: var(--space-m); }

.cluster { display: flex; gap: var(--space-s); flex-wrap: wrap; }
.cluster-tight { gap: var(--space-xs); }
.cluster-between { justify-content: space-between; }

/* AUTO GRID */
.grid-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-l); }

/* SECTION / CONTAINER PRESETS */
.section-s  { padding-block: var(--space-s); }
.section-m  { padding-block: var(--space-m); }
.section-l  { padding-block: var(--space-l); }
.section-xl { padding-block: var(--space-xl); }

/* HERO / PAGE PRESETS */
.hero {
  padding-block: clamp(4rem, 10vw, 8rem);
}

.hero-tight {
  padding-block: clamp(3rem, 8vw, 6rem);
}

/* MEASURE CONTROL */
.measure { max-width: 65ch; margin-inline: auto;  }

/* =====================================================
   12. BUTTON SYSTEM
===================================================== */

.btn { display: inline-flex; align-items: center; gap: 0.4em; font-weight: var(--fw-semibold); }
.btn-sm { font-size: 0.875rem; padding: 0.5em 0.9em; }
.btn-md { font-size: 1rem; padding: 0.7em 1.25em; }
.btn-lg { font-size: 1.125rem; padding: 0.9em 1.6em; }

/* =====================================================
   13. ICON UTILITIES
===================================================== */

.icon-inline { display: inline-block; vertical-align: -0.15em; margin-right: 0.35em; }
.icon-sm { font-size: 0.85em; }
.icon-md { font-size: 1em; }
.icon-lg { font-size: 1.25em; }

/* =====================================================
   14. WIDGET PRESETS (ELEMENTOR)
===================================================== */

.widget-section-default { padding-block: var(--space-m); }
.widget-section-hero    { padding-block: var(--space-xl); }
.widget-column-center   { display: flex; justify-content: center; align-items: center; }
.widget-text-center     { text-align: center; }
.widget-text-lead       { font-size: var(--body-large); }

/* =====================================================
   15. DEBUG OVERLAY
===================================================== */

.debug-overlay * { outline: 1px dashed rgba(255,0,0,0.2); }

/* =====================================================
   16. DARK MODE TOKEN LAYER
===================================================== */

body.dark-mode {
  --color-background: #121212;
  --color-text: #e5e5e5;
  --color-accent: #ff9f00;
  --color-secondary: #aaa;
}

/* =====================================================
   17. MOBILE TIGHTENING
===================================================== */

@media (max-width: 768px) {
  :root { --body-base: 0.95rem; }
  .nav-primary { font-size: var(--nav-size-mobile); }
  .site-footer { font-size: var(--footer-size-mobile); }
  .eyebrow { font-size: 1rem; }
}

/* =====================================================
   18. FUTURE SYSTEM PLACEHOLDERS
   (Blog, Storefront, Email, Landing, Animations)
===================================================== */

.blog-content { font-family: var(--e-global-typography-text-font-family); font-size: var(--body-base); line-height: var(--lh-body); }
.storefront { font-family: var(--e-global-typography-text-font-family); font-size: var(--body-base); line-height: var(--lh-body); }
.email { font-family: var(--e-global-typography-text-font-family); font-size: var(--body-base); line-height: var(--lh-body); }
.landing-page { font-family: var(--e-global-typography-text-font-family); font-size: var(--body-base); line-height: var(--lh-body); }
.animations { font-family: var(--e-global-typography-text-font-family); font-size: var(--body-base); line-height: var(--lh-body); }



/* =====================================================
   BRAND / CAMPAIGN SPECIFIC FONTS
===================================================== */


.brand-script {
  font-family: 'Amithen', cursive !important;
  font-weight: var(--fw-regular);
}/* End custom CSS */