.elementor-886 .elementor-element.elementor-element-f94ece8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Cormorant Garamond;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-886 .elementor-element.elementor-element-e848f99{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-886 .elementor-element.elementor-element-5302f59{--display:grid;--e-con-grid-template-columns:repeat(3, 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:0px;--padding-left:0px;--padding-right:0px;}.elementor-886 .elementor-element.elementor-element-fdc63a7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Cormorant Garamond;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-886 .elementor-element.elementor-element-0be5474{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-transform-origin-x:center;--e-transform-origin-y:center;text-align:center;}.elementor-886 .elementor-element.elementor-element-cceb959{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Cormorant Garamond;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-886 .elementor-element.elementor-element-25746a8{text-align:center;}.elementor-886 .elementor-element.elementor-element-25746a8 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Cormorant Garamond;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-886 .elementor-element.elementor-element-f27f01a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Cormorant Garamond;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-886 .elementor-element.elementor-element-c0c4b84{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-886 .elementor-element.elementor-element-c0c4b84 .elementor-divider-separator{width:70%;margin:0 auto;margin-center:0;}.elementor-886 .elementor-element.elementor-element-c0c4b84 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-886 .elementor-element.elementor-element-aae16dd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-886 .elementor-element.elementor-element-487747d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 0px 10px;text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Cormorant Garamond;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-886 .elementor-element.elementor-element-bb79d8e .elementor-button{background-color:var( --e-global-color-transparent );border-style:none;}.elementor-886 .elementor-element.elementor-element-bb79d8e{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-886 .elementor-element.elementor-element-62a28f1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-886 .elementor-element.elementor-element-4b12752{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-886 .elementor-element.elementor-element-c6550d5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-886 .elementor-element.elementor-element-1128dcb{text-align:center;}.elementor-886 .elementor-element.elementor-element-1b41260{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-886 .elementor-element.elementor-element-43df9b4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-886 .elementor-element.elementor-element-e1bb8bd{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-886 .elementor-element.elementor-element-e1bb8bd .elementor-divider-separator{width:70%;margin:0 auto;margin-center:0;}.elementor-886 .elementor-element.elementor-element-e1bb8bd .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-886 .elementor-element.elementor-element-d5d554d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-886 .elementor-element.elementor-element-21405a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 0px 10px;text-align:center;}.elementor-886 .elementor-element.elementor-element-e9042dd .elementor-button{background-color:var( --e-global-color-secondary );}.elementor-886 .elementor-element.elementor-element-e9042dd{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-886 .elementor-element.elementor-element-23b6ed8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-886 .elementor-element.elementor-element-28c54ce{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-886 .elementor-element.elementor-element-ddabec6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-886 .elementor-element.elementor-element-7cd6e9c{text-align:center;}.elementor-886 .elementor-element.elementor-element-dedd97e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-886 .elementor-element.elementor-element-3352dea{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-886 .elementor-element.elementor-element-729af8e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-886 .elementor-element.elementor-element-729af8e .elementor-divider-separator{width:70%;margin:0 auto;margin-center:0;}.elementor-886 .elementor-element.elementor-element-729af8e .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-886 .elementor-element.elementor-element-59e048d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-886 .elementor-element.elementor-element-7ac9ba3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 0px 10px;text-align:center;}.elementor-886 .elementor-element.elementor-element-0a22f0c .elementor-button{background-color:var( --e-global-color-secondary );}.elementor-886 .elementor-element.elementor-element-0a22f0c{--e-transform-origin-x:center;--e-transform-origin-y:center;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-886 .elementor-element.elementor-element-5302f59{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-886 .elementor-element.elementor-element-25746a8 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-886 .elementor-element.elementor-element-5302f59{--e-con-grid-template-columns:repeat(1, 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:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-886 .elementor-element.elementor-element-25746a8 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for button, class: .elementor-element-bb79d8e *//* ============================================================
   8. UPDATED AVANT-GARDE GOLD TEXTURE CTA (COMPACT PROFILE)
   ============================================================ */
.btn-avant-garde .elementor-button {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    
    /* Typographic Integrity & Wrap Protection */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    font-size: 0.85rem !important; /* Slightly crisper size for a premium look */
    color: #FFFFFF !important;
    text-transform: none !important;
    white-space: nowrap !important; /* Prevents the text from stacking vertically */
    
    /* Strict Dimensional Controls (Fixes the Squarish Ballooning) */
    height: 48px !important; /* Fixed authoritative height */
    max-height: 48px !important;
    width: max-content !important; /* Ensures button only takes up space it needs */
    align-self: center !important; /* Breaks free from Elementor's parent stretch command */
    margin: 0 auto !important; /* Perfectly centers it within the card block */
    padding: 0 28px !important; /* Elegant horizontal breathing room */
    border-radius: 6px !important; /* Sharp, deliberate luxury framing */
    
    /* Structural Base & Gold Ridge */
    border: none !important;
    border-bottom: 2px solid #BFA75D !important;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    
    /* Texture Tone Layer: Burgundy Matte Noise */
    background-color: #782144 !important;
    background-image: 
        linear-gradient(135deg, #782144 0%, #461125 100%),
        url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='matteNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23matteNoise)' opacity='0.04'/%3E%3C/svg%3E") !important;
    background-blend-mode: normal, overlay !important;

    /* Skeuomorphic Multi-Layered Shadows & Top Light Bevel */
    box-shadow: 
        0 4px 6px -1px rgba(0, 0, 0, 0.05),
        0 10px 25px rgba(120, 33, 68, 0.15),
        inset 0 1.5px 0px rgba(255, 255, 255, 0.15) !important;
        
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    will-change: transform, box-shadow, background-color;
}

/* The Silk Fluid Sheen Animation Overlay (::after) */
.btn-avant-garde .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(95deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;
    transform: skewX(-20deg);
    transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    z-index: -1;
}

/* ============================================================
   HOVER STATES & INTERACTIONS
   ============================================================ */
.btn-avant-garde .elementor-button:hover {
    /* Fluid Transition to GoLafia Teal while preserving texture */
    background-color: #004F5E !important;
    background-image: 
        linear-gradient(135deg, #004F5E 0%, #002e37 100%),
        url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='matteNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23matteNoise)' opacity='0.04'/%3E%3C/svg%3E") !important;
    
    /* Border Expansion */
    border-bottom: 3px solid #BFA75D !important;
    
    /* Physics & Gold Glow Matrix */
    transform: scale(1.02) translateY(-1px) !important;
    box-shadow: 
        0 8px 20px rgba(0, 79, 94, 0.2),
        0 0 12px rgba(191, 167, 93, 0.4),
        inset 0 1.5px 0px rgba(255, 255, 255, 0.25) !important;
}

/* Trigger Sheen Movement on Hover */
.btn-avant-garde .elementor-button:hover::after {
    left: 100%;
}

/* Micro-interaction for Nested Icons */
.btn-avant-garde .elementor-button i, 
.btn-avant-garde .elementor-button svg {
    font-size: 0.8rem !important;
    transition: transform 0.3s ease;
}

.btn-avant-garde .elementor-button:hover i, 
.btn-avant-garde .elementor-button:hover svg {
    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e9042dd *//* ============================================================
   8. MERGED AVANT-GARDE GOLD TEXTURE CTA
   ============================================================ */
.btn-avant-garde .elementor-button {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    
    /* Typography (From both specs) */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    font-size: 0.95rem !important;
    color: #FFFFFF !important;
    text-transform: none !important; /* Forces your natural sentence-case asset */
    
    /* Structural Framing (Your 8px Spec) */
    padding: 16px 36px !important;
    border-radius: 8px !important;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    
    /* The Structural Gold Border */
    border: none !important;
    border-bottom: 2px solid #BFA75D !important;
    
    /* Texture Tone Layer: Burgundy Matte Noise */
    background-color: #782144 !important;
    background-image: 
        linear-gradient(135deg, #782144 0%, #461125 100%),
        url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='matteNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23matteNoise)' opacity='0.04'/%3E%3C/svg%3E") !important;
    background-blend-mode: normal, overlay !important;

    /* Skeuomorphic Multi-Layered Shadows & Top Light Bevel */
    box-shadow: 
        0 4px 6px -1px rgba(0, 0, 0, 0.05),
        0 15px 30px rgba(120, 33, 68, 0.15),
        inset 0 1.5px 0px rgba(255, 255, 255, 0.15) !important;
        
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    will-change: transform, box-shadow, background-color;
}

/* The Silk Fluid Sheen Animation Overlay (::after) */
.btn-avant-garde .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(95deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;
    transform: skewX(-20deg);
    transition: left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    z-index: -1;
}

/* ============================================================
   HOVER STATES & INTERACTIONS
   ============================================================ */

.btn-avant-garde .elementor-button:hover {
    /* Fluid Transition to GoLafia Teal while preserving texture */
    background-color: #004F5E !important;
    background-image: 
        linear-gradient(135deg, #004F5E 0%, #002e37 100%),
        url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='matteNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23matteNoise)' opacity='0.04'/%3E%3C/svg%3E") !important;
    
    /* Border Expansion */
    border-bottom: 3px solid #BFA75D !important;
    
    /* Physics & Gold Glow Matrix */
    transform: scale(1.03) translateY(-2px) !important;
    box-shadow: 
        0 12px 25px rgba(0, 79, 94, 0.2),
        0 0 15px rgba(191, 167, 93, 0.45),
        inset 0 1.5px 0px rgba(255, 255, 255, 0.25) !important;
}

/* Trigger Sheen Movement on Hover */
.btn-avant-garde .elementor-button:hover::after {
    left: 100%;
}

/* Micro-interaction for Nested Icons (if used) */
.btn-avant-garde .elementor-button i, 
.btn-avant-garde .elementor-button svg {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-avant-garde .elementor-button:hover i, 
.btn-avant-garde .elementor-button:hover svg {
    transform: translateX(5px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0a22f0c */.elementor-886 .elementor-element.elementor-element-0a22f0c .elementor-button {
    background-color: #782144; /* GoLafia Burgundy/Primary */
    color: #FFFFFF; /* Pure White */
    border: none;
    border-bottom: 2px solid #BFA75D; /* GoLafia Gold */
    border-radius: 8px;
    letter-spacing: 0.05em;
    padding: 16px 36px;
    font-weight: 600;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.elementor-886 .elementor-element.elementor-element-0a22f0c .elementor-button:hover {
    background-color: #004F5E; /* GoLafia Teal */
    border-bottom: 3px solid #BFA75D; /* GoLafia Gold */
    box-shadow: 0 0 10px rgba(191, 167, 93, 0.35); /* Gold glow */
    transform: scale(1.03);
}

.elementor-886 .elementor-element.elementor-element-0a22f0c .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1;
}

.elementor-886 .elementor-element.elementor-element-0a22f0c .elementor-button:hover::after {
    left: 100%;
}/* End custom CSS */
/* Start custom CSS */CSS Scroll Animations Code
Classes

rotate-image

fade-text-single

fade-text-multi

blur-text


/* For rotating wheel */
.rotate-image {
    animation: rotateOnScroll linear;
    animation-timeline: view();
    animation-range: entry 0% cover 100%;
    animation-fill-mode: both;
    will-change: transform;
    transform-origin: center; /* Ensures rotation happens from its own center */
}

@keyframes rotateOnScroll {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* For single-line headings */
.fade-text-single {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 100% cover 40%;
    animation-fill-mode: both;
}

/* For multi-line content (image + text) */
.fade-text-multi {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 50% cover 40%;
    animation-fill-mode: both;
    will-change: opacity, transform;
}


@keyframes fadeZoomIn {
    from {
        opacity: 0;
        transform: translateY(80px) scale(0.1);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* Seamless smooth blur effect on scroll */
.blur-text {
    animation: blurOnScroll both ease-in-out;
    animation-timeline: view();
    animation-range: entry 150% cover 80%;
    animation-fill-mode: both;
    will-change: filter;
}

@keyframes blurOnScroll {
    0% {
        filter: blur(20px);
        opacity: 1;
    }
    20% {
        filter: blur(5px);
    }
    40% {
        filter: blur(1px); /* Soft blur before full clarity */
        opacity: 1;
    }
    50% {
        filter: blur(0px); /* Fully visible */
        opacity: 1;
    }
    60% {
        filter: blur(1px); /* Light blur starts */
    }
    80% {
        filter: blur(5px);
    }
    100% {
        filter: blur(20px);
        opacity: 1; /* Fully blurred again */
    }
}/* End custom CSS */