.elementor-kit-4{--e-global-color-primary:#C5A059;--e-global-color-secondary:#363636;--e-global-color-text:#7C7C7C;--e-global-color-accent:#000000;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:35px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Syncopate";--e-global-typography-accent-font-weight:600;}.elementor-kit-4 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);}.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-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 *//* Initial Resting State of the element container */
.hero-expand-img {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    
    /* Locks the element right-aligned over exactly half the viewport */
    width: 50% !important; 
    left: 50% !important;
    height: 70vh !important;
    z-index: 1 !important;
}

/* Base parameters for both the widget frame and the inner image mask */
.hero-expand-img,
.hero-expand-img .elementor-widget-container {
    height: 70vh !important;
    border-top-left-radius: 100px !important;
    border-bottom-left-radius: 100px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    
    /* Pushed to 2.5s and separated explicitly to prevent browser tracking skips */
    transition: left 2.5s cubic-bezier(0.16, 1, 0.3, 1) !important, 
                width 2.5s cubic-bezier(0.16, 1, 0.3, 1) !important, 
                border-radius 2.5s cubic-bezier(0.16, 1, 0.3, 1) !important, 
                opacity 2.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    
    /* Tells the graphics card (GPU) to prepare for animation, preventing micro-stutters */
    will-change: left, width, border-radius, opacity;
}

/* Ensure the background picture handles scaling properly */
.hero-expand-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 2.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* HOVER TRIGGERS - Moving into the .hero-trigger container fires the reveal */
.hero-trigger:hover .hero-expand-img,
.hero-trigger:hover .hero-expand-img .elementor-widget-container {
    left: 0% !important;
    width: 100% !important;
    border-radius: 0px !important;
    opacity: 0.6 !important;
}/* End custom CSS */