.elementor-386 .elementor-element.elementor-element-5abee56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-386 .elementor-element.elementor-element-e3edd12{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 0px;}.elementor-386 .elementor-element.elementor-element-2db3d7b{--display:flex;}.elementor-386 .elementor-element.elementor-element-2db3d7b:not(.elementor-motion-effects-element-type-background), .elementor-386 .elementor-element.elementor-element-2db3d7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #BBBBBB 0%, #1C471B 100%);}.elementor-386 .elementor-element.elementor-element-989d42a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-386 .elementor-element.elementor-element-a098da9.elementor-element{--align-self:center;}.elementor-386 .elementor-element.elementor-element-b8ec62a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-386 .elementor-element.elementor-element-b8ec62a:not(.elementor-motion-effects-element-type-background), .elementor-386 .elementor-element.elementor-element-b8ec62a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1C471B 0%, #BBBBBB 100%);}.elementor-386 .elementor-element.elementor-element-ccad95c.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-386 .elementor-element.elementor-element-5abee56{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-386 .elementor-element.elementor-element-989d42a{--grid-auto-flow:row;}.elementor-386 .elementor-element.elementor-element-b8ec62a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-386 .elementor-element.elementor-element-989d42a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-386 .elementor-element.elementor-element-b8ec62a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-e3edd12 */@keyframes arqaEntrance {
    0% {
        opacity: 0;
        transform: translateY(20px);
        filter: blur(5px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes arqaLineGrow {
    0% { width: 0; opacity: 0; }
    100% { width: 60px; opacity: 1; }
}

.animate-tag {
    animation: arqaEntrance 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

.animate-title {
    opacity: 0;
    animation: arqaEntrance 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards;
}

.animate-line {
    opacity: 0;
    animation: arqaLineGrow 0.8s ease-out 1.2s forwards;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5abee56 *//* --- HERO TO GRAY TRANSITION (LOWERED) --- */

.elementor-386 .elementor-element.elementor-element-5abee56 {
    position: relative;
    margin-bottom: -1px; 
}

.elementor-386 .elementor-element.elementor-element-5abee56::after {
    content: "";
    position: absolute;
    inset: 0;
    /* Changed 60% to 80% to push the gray fade lower */
    background: linear-gradient(to bottom, 
        rgba(187, 187, 187, 0) 80%, 
        #BBBBBB 100%
    ) !important;
    z-index: 1; 
    pointer-events: none;
}

/* Keeps your Experience text and buttons visible above the fade */
.elementor-386 .elementor-element.elementor-element-5abee56 .elementor-widget,
.elementor-386 .elementor-element.elementor-element-5abee56 .elementor-column {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a098da9 *//* Target the specific image inside the Elementor widget */
.elementor-386 .elementor-element.elementor-element-a098da9 img {
    /* Architectural 8px rounded corners for a modern feel */
    border-radius: 8px !important;
    
    /* Jewelry-thin gold border */
    border: 1px solid rgba(158, 119, 31, 0.25) !important;
    
    /* Deep, soft shadow to mimic a floating gallery canvas */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
    
    /* High-end smooth transition */
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    
    /* Subtle cinematic filter */
    filter: brightness(0.95) contrast(1.05) saturate(1.1);
}

/* Hover Effect: The "Gallery Spotlight" */
.elementor-386 .elementor-element.elementor-element-a098da9:hover img {
    /* Subtle lift and scale */
    transform: translateY(-12px) scale(1.03) !important;
    
    /* Brighter, glowing gold border on hover */
    border: 1px solid rgba(158, 119, 31, 0.6) !important;
    
    /* Intensified shadow with a hint of gold glow */
    box-shadow: 0 40px 70px -15px rgba(0, 0, 0, 0.7), 
                0 0 20px rgba(158, 119, 31, 0.15) !important;
    
    /* Simulate a spotlight hit */
    filter: brightness(1.05) contrast(1.1) saturate(1.1) !important;
}



/* 1. THE MODERN CINEMATIC KEYFRAMES */
@keyframes arqaModernImageReveal {
    0% {
        opacity: 0;
        transform: scale(1.08) translateY(20px);
        filter: blur(20px) brightness(0.6) contrast(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0px) brightness(1) contrast(1);
    }
}

/* 2. APPLY TO THE IMAGE */
.elementor-386 .elementor-element.elementor-element-a098da9 img {
    opacity: 0;
    /* Longer duration (1.8s) for a high-end "heavy" feel */
    animation: arqaModernImageReveal 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation-delay: 0.4s;
    
    /* Premium Framing matching the gold theme */
    border-radius: 12px !important;
    border: 1px solid rgba(158, 119, 31, 0.3) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6) !important;
    
    will-change: transform, filter, opacity;
}

/* 3. SUBTLE HOVER GLOW */
.elementor-386 .elementor-element.elementor-element-a098da9:hover img {
    transform: scale(1.02) !important;
    border-color: rgba(158, 119, 31, 0.8) !important;
    box-shadow: 0 50px 100px rgba(0, 0, 0, 0.7), 
                0 0 30px rgba(158, 119, 31, 0.2) !important;
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ccad95c *//* Target the specific image inside the Elementor widget */
.elementor-386 .elementor-element.elementor-element-ccad95c img {
    /* Architectural 8px rounded corners for a modern feel */
    border-radius: 8px !important;
    
    /* Jewelry-thin gold border */
    border: 1px solid rgba(158, 119, 31, 0.25) !important;
    
    /* Deep, soft shadow to mimic a floating gallery canvas */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
    
    /* High-end smooth transition */
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    
    /* Subtle cinematic filter */
    filter: brightness(0.95) contrast(1.05) saturate(1.1);
}

/* Hover Effect: The "Gallery Spotlight" */
.elementor-386 .elementor-element.elementor-element-ccad95c:hover img {
    /* Subtle lift and scale */
    transform: translateY(-12px) scale(1.03) !important;
    
    /* Brighter, glowing gold border on hover */
    border: 1px solid rgba(158, 119, 31, 0.6) !important;
    
    /* Intensified shadow with a hint of gold glow */
    box-shadow: 0 40px 70px -15px rgba(0, 0, 0, 0.7), 
                0 0 20px rgba(158, 119, 31, 0.15) !important;
    
    /* Simulate a spotlight hit */
    filter: brightness(1.05) contrast(1.1) saturate(1.1) !important;
}



/* 1. THE MODERN CINEMATIC KEYFRAMES */
@keyframes arqaModernImageReveal {
    0% {
        opacity: 0;
        transform: scale(1.08) translateY(20px);
        filter: blur(20px) brightness(0.6) contrast(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0px) brightness(1) contrast(1);
    }
}

/* 2. APPLY TO THE IMAGE */
.elementor-386 .elementor-element.elementor-element-ccad95c img {
    opacity: 0;
    /* Longer duration (1.8s) for a high-end "heavy" feel */
    animation: arqaModernImageReveal 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation-delay: 0.4s;
    
    /* Premium Framing matching the gold theme */
    border-radius: 12px !important;
    border: 1px solid rgba(158, 119, 31, 0.3) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6) !important;
    
    will-change: transform, filter, opacity;
}

/* 3. SUBTLE HOVER GLOW */
.elementor-386 .elementor-element.elementor-element-ccad95c:hover img {
    transform: scale(1.02) !important;
    border-color: rgba(158, 119, 31, 0.8) !important;
    box-shadow: 0 50px 100px rgba(0, 0, 0, 0.7), 
                0 0 30px rgba(158, 119, 31, 0.2) !important;
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
}/* End custom CSS */