.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================
   KAN BUILDERS — Typography Brand Kit
   Scoped to .kan-builders-global
   ========================================= */

/* Unified Primary Typeface */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* -------------------------
   1. Custom Properties & Colors
   ------------------------- */
.kan-builders-global {

    /* Fonts */
    --kb-font-heading: 'Montserrat', sans-serif;
    --kb-font-body:    'Montserrat', sans-serif;

    /* Core Brand Colors */
    --kb-color-accent: #C46A1E; /* Copper Orange */
    --kb-color-dark:   #2B2D31; /* Charcoal */
    
    /* Text Applications */
    --kb-text-heading: var(--kb-color-dark);
    --kb-text-body:    var(--kb-color-dark);
    
    /* Background & UI Applications */
    --kb-bg-light:     #FFFFFF; 
    --kb-bg-pastel:    #FFF5F0; 

    /* Type Scale */
    --kb-h1: 4.2rem;
    --kb-h2: 3.0rem;
    --kb-h3: 1.2rem;
    --kb-h4: 1.5rem;
    --kb-h5: 1.25rem;
    --kb-h6: 1.0rem;
    --kb-p:  1.1rem;
    --kb-eyebrow: 0.9rem;

    /* Line Heights */
    --kb-line-height-heading: 1.1;
    --kb-line-height-body:    1.6;

    /* Font Weights */
    --kb-weight-heading-h1:   600;
    --kb-weight-heading-h2:   500;
    --kb-weight-heading-h3:   500;
    --kb-weight-heading-body: 400; /* Regular weight baseline */
    --kb-weight-body:         400; /* Regular weight baseline */
    --kb-weight-eyebrow:      600;

    /* Letter Spacing */
    --kb-tracking-eyebrow: 0.15em;

    /* Global UI Elements */
    --kb-btn-padding-y: 1rem;
    --kb-btn-padding-x: 2.5rem;
    --kb-btn-radius: 0px; /* Sharp corners applied */
    --kb-btn-font: var(--kb-font-heading); 
    --kb-btn-weight: 600;
    --kb-btn-transition: all 0.3s ease-in-out;
}

/* -------------------------
   2. Mobile Scale Override
   ------------------------- */
@media (max-width: 768px) {
    .kan-builders-global {
        --kb-h1: 3.0rem;
        --kb-h2: 2.2rem;
    }
}

/* -------------------------
   3. Heading Styles
   ------------------------- */
.kan-builders-global h1,
.kan-builders-global .kb-h1 {
    font-family:   var(--kb-font-heading);
    font-size:     var(--kb-h1);
    font-weight:   var(--kb-weight-heading-h1);
    line-height:   var(--kb-line-height-heading);
    color:         var(--kb-text-heading);
}

.kan-builders-global h2,
.kan-builders-global .kb-h2 {
    font-family:   var(--kb-font-heading);
    font-size:     var(--kb-h2);
    font-weight:   var(--kb-weight-heading-h2);
    line-height:   var(--kb-line-height-heading);
    color:         var(--kb-text-heading);
}

.kan-builders-global h3,
.kan-builders-global .kb-h3 {
    font-family:   var(--kb-font-heading);
    font-size:     var(--kb-h3);
    font-weight:   var(--kb-weight-heading-h3);
    line-height:   var(--kb-line-height-heading);
    color:         var(--kb-text-heading);
}

.kan-builders-global h4,
.kan-builders-global .kb-h4 {
    font-family:   var(--kb-font-body);
    font-size:     var(--kb-h4);
    font-weight:   var(--kb-weight-heading-body);
    line-height:   var(--kb-line-height-heading);
    color:         var(--kb-text-heading);
}

.kan-builders-global h5,
.kan-builders-global .kb-h5 {
    font-family:   var(--kb-font-body);
    font-size:     var(--kb-h5);
    font-weight:   var(--kb-weight-heading-body);
    line-height:   var(--kb-line-height-heading);
    color:         var(--kb-text-heading);
}

.kan-builders-global h6,
.kan-builders-global .kb-h6 {
    font-family:   var(--kb-font-body);
    font-size:     var(--kb-h6);
    font-weight:   var(--kb-weight-heading-body);
    line-height:   var(--kb-line-height-heading);
    color:         var(--kb-text-heading);
}

/* -------------------------
   4. Body Text
   ------------------------- */
.kan-builders-global p,
.kan-builders-global li,
.kan-builders-global .kb-p {
    font-family:   var(--kb-font-body);
    font-size:     var(--kb-p);
    font-weight:   var(--kb-weight-body);
    line-height:   var(--kb-line-height-body);
    color:         var(--kb-text-body);
}

.kan-builders-global .kb-body-large {
    font-family:   var(--kb-font-body);
    font-size:     1.25rem;
    font-weight:   var(--kb-weight-body);
    line-height:   var(--kb-line-height-body);
    color:         var(--kb-text-body);
}

.kan-builders-global .kb-caption {
    font-family:   var(--kb-font-body);
    font-size:     0.9rem;
    line-height:   var(--kb-line-height-body);
    color:         var(--kb-text-body);
}

/* -------------------------
   5. Eyebrow Label
   ------------------------- */
.kan-builders-global .kb-eyebrow {
    font-family:     var(--kb-font-body);
    font-size:       var(--kb-eyebrow);
    font-weight:     var(--kb-weight-eyebrow);
    text-transform:  uppercase;
    letter-spacing:  var(--kb-tracking-eyebrow);
    display:         inline-block;
    color:           var(--kb-color-accent); /* Colored directly since underline is removed */
    margin-bottom:   1rem;
}
/* Removed the .kb-eyebrow::after pseudo-element to eliminate the underline/strip */

/* -------------------------
   6. Button Styles
   ------------------------- */
.kan-builders-global .kb-btn {
    display: inline-block;
    padding: var(--kb-btn-padding-y) var(--kb-btn-padding-x);
    font-family: var(--kb-btn-font);
    font-weight: var(--kb-btn-weight);
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-radius: var(--kb-btn-radius); /* Now perfectly square */
    transition: var(--kb-btn-transition);
    cursor: pointer;
    border: 2px solid transparent;
}

/* PRIMARY BUTTONS */
.kan-builders-global .kb-btn-primary {
    background-color: var(--kb-color-accent);
    color: #FFFFFF;
}

.kan-builders-global .kb-btn-primary:hover {
    background-color: var(--kb-color-dark);
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* SECONDARY BUTTONS */
.kan-builders-global .kb-btn-secondary {
    background-color: transparent;
    border-color: var(--kb-color-dark);
    color: var(--kb-color-dark);
}

.kan-builders-global .kb-btn-secondary:hover {
    background-color: var(--kb-color-dark);
    color: #FFFFFF;
}

/* CONTEXTUAL OVERRIDES: ON LIGHT BACKGROUNDS */
.kan-builders-global .bg-light .kb-btn-secondary,
.kan-builders-global .kb-btn-on-light.kb-btn-secondary {
    border-color: var(--kb-color-dark);
    color: var(--kb-color-dark);
}

.kan-builders-global .bg-light .kb-btn-secondary:hover,
.kan-builders-global .kb-btn-on-light.kb-btn-secondary:hover {
    background-color: var(--kb-color-accent);
    border-color: var(--kb-color-accent);
    color: #FFFFFF;
}

/* CONTEXTUAL OVERRIDES: ON DARK/BLACK BACKGROUNDS */
.kan-builders-global .bg-dark .kb-btn-secondary,
.kan-builders-global .kb-btn-on-dark.kb-btn-secondary {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.kan-builders-global .bg-dark .kb-btn-secondary:hover,
.kan-builders-global .kb-btn-on-dark.kb-btn-secondary:hover {
    background-color: var(--kb-color-accent);
    border-color: var(--kb-color-accent);
    color: #FFFFFF;
}




/* =========================================
   KAN BUILDERS — Global Scroll Animations
   ========================================= */

/* Starting State: Hidden and pushed down 40px */
.kan-builders-global .kb-slide-up {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), 
                transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: opacity, transform;
}

/* Final State: Visible and in original position (Triggered by JS) */
.kan-builders-global .kb-slide-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Optional: Stagger Delays if you want multiple things to slide up in a row */
.kan-builders-global .kb-slide-up.delay-1 { transition-delay: 0.15s; }
.kan-builders-global .kb-slide-up.delay-2 { transition-delay: 0.3s; }
.kan-builders-global .kb-slide-up.delay-3 { transition-delay: 0.45s; }/* End custom CSS */