.elementor-34518 .elementor-element.elementor-element-40044ba{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-widget-loop-grid .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-34518 .elementor-element.elementor-element-c176e26{--grid-columns:1;}@media(max-width:1024px){.elementor-34518 .elementor-element.elementor-element-c176e26{--grid-columns:2;}}@media(max-width:767px){.elementor-34518 .elementor-element.elementor-element-c176e26{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-c176e26 *//* =============================================
   History Loop — Sticky + Dual Speed Scroll
   ============================================= */

/* Remove any gap Elementor adds between loop items */
.history-loop-grid .e-loop-item {
    padding: 0 !important;
    margin: 0 !important;
}

/* Outer wrapper — needs overflow visible so sticky works */
.history-item-wrapper,
.history-item-wrapper.elementor-section,
.history-item-wrapper > .elementor-container {
    overflow: visible !important;
}

/* Inner sticky section — full viewport height */
.history-item-inner,
.history-item-inner.elementor-section {
    height: 100vh !important;
    overflow: hidden !important;
}

/* Columns fill the full sticky height */
.history-col-left,
.history-col-right {
    height: 100vh !important;
    overflow: hidden !important;
    position: relative !important;
}

.history-col-left {
    background-color: #f7f5f0 !important;
    border-right: 1px solid rgba(0,0,0,0.08) !important;
}

.history-col-right {
    background-color: #ffffff !important;
}

/* Inner content — moved by JS translateY */
.history-text-left,
.history-text-right {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    will-change: transform !important;
    padding: 3rem 2.5rem !important;
    box-sizing: border-box !important;
}

/* =============================================
   Typography
   ============================================= */

.history-text-left p,
.history-text-right p {
    font-size: 1rem;
    line-height: 1.85;
    color: #333333;
    margin-bottom: 1.5rem;
}

.history-text-left h2,
.history-text-left h3,
.history-text-right h2,
.history-text-right h3 {
    font-size: 1.35rem;
    font-weight: 600;
    color: #111111;
    margin-bottom: 1rem;
}

/* =============================================
   Images in right column
   ============================================= */

.history-text-right img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 2rem;
    border-radius: 4px;
}

.history-text-right figure {
    margin: 0 0 2rem 0;
}

.history-text-right figcaption {
    font-size: 0.85rem;
    color: #777777;
    margin-top: 0.5rem;
    font-style: italic;
}

/* =============================================
   Mobile
   ============================================= */

@media (max-width: 768px) {
    .history-text-left,
    .history-text-right {
        padding: 1.5rem 1rem !important;
    }

    .history-text-left p,
    .history-text-right p {
        font-size: 0.875rem;
    }
}/* End custom CSS */