.elementor-7545 .elementor-element.elementor-element-a2ec888{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7545 .elementor-element.elementor-element-5482329{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7545 .elementor-element.elementor-element-716a852{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7545 .elementor-element.elementor-element-567aeaa{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7545 .elementor-element.elementor-element-155b1e0{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7545 .elementor-element.elementor-element-1f99bf8{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7545 .elementor-element.elementor-element-56bfd74{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7545 .elementor-element.elementor-element-49a5950{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7545 .elementor-element.elementor-element-627e677{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7545 .elementor-element.elementor-element-7b2f0c3{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7545 .elementor-element.elementor-element-2708019{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7545 .elementor-element.elementor-element-f54b525{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-aa4dc15 *//* PAGE HERO */
            .page-hero {
                position: relative;
                height: 420px;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden
            }

            .ph-bg {
                position: absolute;
                inset: 0
            }

            .ph-bg img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center 30%;
                animation: imgpan 20s ease-in-out infinite alternate;
                filter: brightness(.5) saturate(1.05)
            }

            .ph-grad {
                position: absolute;
                inset: 0;
                background: linear-gradient(180deg,#090e09cc 0%,#14281099 40%,#090e09e0 100%)
            }

            .ph-amber {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 35%;
                background: linear-gradient(to top,#b8820a26,transparent)
            }

            .ph-ring {
                position: absolute;
                top: 50%;
                left: 50%;
                border-radius: 50%;
                pointer-events: none;
                z-index: 2
            }

            .ph-r1 {
                width: 340px;
                height: 340px;
                border: 1px solid #e8c04026;
                animation: nat-spin 40s linear infinite;
                transform: translate(-50%,-50%)
            }

            .ph-r2 {
                width: 220px;
                height: 220px;
                border: 1px dashed #e8c0401a;
                animation: nat-spin 26s linear infinite reverse;
                transform: translate(-50%,-50%)
            }

            .ph-content {
                position: relative;
                z-index: 10;
                text-align: center;
                padding: 0 44px
            }

            .ph-om {
                font-family: serif;
                font-size: 40px;
                color: #e8c040;
                text-shadow: 0 0 30px #e8c0408c;
                display: block;
                margin-bottom: 10px;
                opacity: 0;
                animation: reveal .9s ease forwards .2s
            }

            .ph-eyebrow {
                font-size: 9px;
                letter-spacing: 5px;
                color: #f0dca080;
                font-weight: 300;
                text-transform: uppercase;
                opacity: 0;
                animation: reveal .9s ease forwards .4s;
                margin-bottom: 12px
            }

            .ph-title {
                font-family: 'Cormorant Garamond',serif;
                font-size: 58px;
                font-weight: 300;
                color: #fdf8ee;
                line-height: 1.05;
                opacity: 0;
                animation: reveal 1s ease forwards .6s
            }

            .ph-title em {
                font-style: italic;
                color: #e8c040
            }

            .ph-sub {
                font-size: 12px;
                color: #f0dca080;
                letter-spacing: 2.5px;
                font-weight: 300;
                margin-top: 14px;
                opacity: 0;
                animation: reveal .9s ease forwards 1s
            }
            
            .ph-content {
    position: relative;
    z-index: 10;
    text-align: center;
    padding: 0 44px;
}
/* 1. Animation fix (VERY IMPORTANT) */
@keyframes reveal {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 2. Make text visible always */
.ph-om,
.ph-eyebrow,
.ph-title,
.ph-sub {
  opacity: 1;
}

/* 3. Bring text on top */
.ph-content {
  position: relative;
  z-index: 20;
}

/* 4. Darken background so text pops */
.ph-bg img {
  filter: brightness(0.4);
}

/* 5. Title glow */
.ph-title {
  color: #fff;
  text-shadow: 0 0 20px rgba(232,192,64,0.6);
}

.ph-title em {
  color: #e8c040;
}

/* 6. OM glow */
.ph-om {
  color: #e8c040;
  text-shadow: 0 0 25px rgba(232,192,64,0.8);
}
/* ===== HERO MOBILE FIX ===== */
@media (max-width: 768px) {

    .page-hero {
        height: 320px;   /* smaller height */
        padding: 0 16px;
    }

    .ph-content {
        padding: 0 16px;
    }

    .ph-title {
        font-size: 28px;
        line-height: 1.2;
    }

    .ph-sub {
        font-size: 9px;
        letter-spacing: 1.5px;
        line-height: 1.6;
    }

    .ph-eyebrow {
        font-size: 8px;
        letter-spacing: 3px;
    }

    .ph-om {
        font-size: 26px;
    }

    /* hide rings on mobile (important for clean UI) */
    .ph-r1,
    .ph-r2 {
        display: none;
    }

    /* darker background for readability */
    .ph-bg img {
        filter: brightness(0.35);
    }

    .ph-amber {
        height: 45%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65886da *//* DIYA BAR */
            .diya-bar {
                background: #1e3c18;
                padding: 11px 44px;
                overflow: hidden;
                position: relative
            }

            .diya-bar::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(90deg,#b8810a0d,#b8820a1a,#b8820a0d)
            }

            .diya-inner {
                position: relative;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 22px;
                flex-wrap: wrap
            }

            .diya-txt {
                font-family: 'Cormorant Garamond',serif;
                font-size: 14px;
                font-style: italic;
                color: #f0dca094;
                letter-spacing: 2.5px;
                font-weight: 300
            }

            .flm {
                animation: flicker .5s ease-in-out infinite alternate
            }

            /* SCROLL ANIM JS */
            .scroll-obs {
                opacity: 0;
                transform: translateY(24px);
                transition: opacity .85s ease,transform .85s ease
            }

            .scroll-obs.in {
                opacity: 1;
                transform: none
            }
@media (max-width: 768px) {

    .diya-bar {
        padding: 10px 12px;
    }

    .diya-inner {
        flex-wrap: nowrap;        /* important */
        justify-content: flex-start;
        gap: 16px;
        overflow-x: auto;         /* horizontal scroll */
        white-space: nowrap;
        scrollbar-width: none;    /* Firefox hide scrollbar */
    }

    .diya-inner::-webkit-scrollbar {
        display: none;            /* Chrome hide scrollbar */
    }

    .diya-txt {
        font-size: 11px;
        letter-spacing: 2px;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .flm {
        font-size: 14px;
        flex-shrink: 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de879e2 *//* ════════════════════════
   STATS BAR
════════════════════════ */
            .stats-bar {
                background: #FDF8EE;
                display: grid;
                grid-template-columns: repeat(5,1fr);
                border-top: 1px solid #b8820a26;
                border-bottom: 1px solid #b8820a26
            }

            .stat-cell {
                padding: 30px 16px;
                text-align: center;
                border-right: 1px solid #b8820a26;
                transition: background .3s;
                cursor: default;
                position: relative;
                overflow: hidden
            }

            .stat-cell::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 2px;
                background: linear-gradient(90deg,#B8820A,#142810);
                transform: scaleX(0);
                transition: transform .4s
            }

            .stat-cell:hover {
                background: #b8820a0a
            }

            .stat-cell:hover::after {
                transform: scaleX(1)
            }

            .stat-cell:last-child {
                border-right: none
            }

            .stat-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 42px;
  color: #7A2A10 !important;
  font-weight: 400;
  line-height: 1;
}

            .stat-lbl {
                font-size: 9px;
                letter-spacing: 3.5px;
                color: #6a5040;
                font-weight: 300;
                margin-top: 5px;
                line-height: 1.5
            }
          @media (max-width: 768px){

  /* ❌ REMOVE HORIZONTAL SCROLL */
  .stats-bar{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    overflow:visible !important;
    flex-wrap:unset !important;
  }

  /* CELL FIX */
  .stat-cell{
    min-width:auto !important;
    padding:18px 10px !important;
    border-right:1px solid #b8820a26;
    border-bottom:1px solid #b8820a26;
  }

  /* remove last column border issues */
  .stat-cell:nth-child(2n){
    border-right:none !important;
  }

  .stat-cell:nth-last-child(-n+2){
    border-bottom:none !important;
  }

  /* TEXT SIZE */
  .stat-num{
    font-size:26px !important;
  }

  .stat-lbl{
    font-size:8px !important;
    letter-spacing:2px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa418a8 *//* chapter — full width intro pull quote */
            .chapter-intro {
                padding: 30px 44px;
                background: #F7EDD8;
                text-align: center;
                position: relative;
                overflow: hidden
            }

            .ci-om {
                font-family: serif;
                font-size: 100px;
                color: #b8820a0f;
                position: absolute;
                top: 20px;
                left: 50%;
                transform: translateX(-50%);
                pointer-events: none;
                line-height: 1;
                user-select: none
            }

            .ci-eyebrow {
                font-size: 10px;
                letter-spacing: 5px;
                color: #B8820A;
                font-weight: 300;
                margin-bottom: 14px
            }

            .ci-quote {
                font-family: 'Cormorant Garamond',serif;
                font-size: 36px;
                font-weight: 300;
                line-height: 1.5;
                color: #2C1C0C;
                max-width: 820px;
                margin: 0 auto;
                font-style: italic
            }

            .ci-quote em {
                color: #C45A10;
                font-style: italic
            }

            .ci-line {
                width: 60px;
                height: 1.5px;
                background: linear-gradient(90deg,transparent,#B8820A,transparent);
                margin: 22px auto
            }

            .ci-by {
                font-size: 11px;
                letter-spacing: 3px;
                color: #6A5040;
                font-weight: 300
            }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b6b9f9 *//* chapter — text + image alternate layout */
            .ch-section {
                padding: 30px 44px;
                position: relative;
                overflow: hidden
            }

            .ch-section.bg-cream {
                background:#FDF8EE
            }

            .ch-section.bg-beige {
                background: #F7EDD8
            }

            .ch-section.bg-forest {
                background: #142810
            }

            .ch-section.bg-amber {
                background: #F5E8B0
            }

            .ch-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 72px;
                align-items: center;
                max-width: 1300px;
                margin: 0 auto
            }

            .ch-grid.reverse {
                direction: rtl
            }

            .ch-grid.reverse > * {
                direction: ltr
            }

            .ch-img-box {
                position: relative
            }

            .ch-img-frame {
                border-radius: 4px;
                overflow: hidden;
                aspect-ratio: 4/5;
                position: relative
            }

            .ch-img-frame img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                padding: 20px;
                background: #F0E8D0;
                transition: transform .8s ease
            }

            .ch-img-frame:hover img {
                transform: scale(1.04)
            }

            .ch-img-accent {
                position: absolute;
                bottom: -18px;
                left: -18px;
                width: 100px;
                height: 100px;
                border-radius: 3px;
                background:#142810;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: 'Cinzel',serif;
                font-size: 11px;
                letter-spacing: 3px;
                color: #E8C040;
                text-align: center;
                line-height: 1.4;
                padding: 10px
            }

            .ch-img-year {
                position: absolute;
                top: -18px;
                right: -18px;
                background: #C45A10;
                color: white;
                font-family: 'Cormorant Garamond',serif;
                font-size: 32px;
                font-weight: 300;
                padding: 12px 16px;
                border-radius: 3px
            }

            .ch-text {
            }

            .ch-eyebrow {
                font-size: 9px;
                letter-spacing: 5px;
                color: #B8820A;
                font-weight: 300;
                margin-bottom: 10px;
                text-transform: uppercase
            }

            .ch-title {
                font-family: 'Cormorant Garamond',serif;
                font-size: 46px;
                font-weight: 400;
                color: #2C1C0C;
                line-height: 1.05;
                margin-bottom: 18px
            }

            .ch-title em {
                font-style: italic;
                color: #B8820A
            }

            .ch-title-light {
                font-family: 'Cormorant Garamond',serif;
                font-size: 46px;
                font-weight: 400;
                color: #FDF8EE;
                line-height: 1.05;
                margin-bottom: 18px
            }

            .ch-title-light em {
                font-style: italic;
                color: #E8C040
            }

            .ch-rule {
                width: 50px;
                height: 1.5px;
                background: linear-gradient(90deg,v#B8820A,#b8820a33);
                margin-bottom: 22px
            }

            .ch-body {
                font-size: 13.5px;
                color: #6A5040;
                line-height: 2;
                font-weight: 300
            }

            .ch-body-light {
                font-size: 13.5px;
                color: #f0dca085;
                line-height: 2;
                font-weight: 300
            }

            .ch-body p {
                margin-bottom: 14px
            }

            .ch-body p:last-child {
                margin-bottom: 0
            }

            .ch-body strong,.ch-body-light strong {
                font-weight: 500;
                color:#4A3020
            }

            .ch-body-light strong {
                color: #f0dca0e0
            }

@media (max-width: 768px) {

  .ch-section {
    padding: 50px 16px !important;
  }

  /* GRID → STACK */
  .ch-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  /* IMAGE */
  .ch-img-box {
    order: 1;
    text-align: center;
  }

  .ch-img-frame {
    aspect-ratio: 1/1.2;
  }

  /* YEAR BOX */
  .ch-img-year {
    top: 10px !important;
    right: 10px !important;
    font-size: 22px !important;
    padding: 8px 10px !important;
  }

  /* ACCENT BOX */
  .ch-img-accent {
    width: 80px !important;
    height: 80px !important;
    font-size: 9px !important;
    bottom: 10px !important;
    left: 10px !important;
  }

  /* TEXT */
  .ch-title {
    font-size: 26px !important;
    text-align: center;
  }

  .ch-eyebrow {
    text-align: center;
  }

  .ch-body {
    font-size: 13px !important;
    line-height: 1.8 !important;
    text-align: justify;
  }

  .ch-rule {
    margin: 0 auto 18px auto;
  }

  /* chips wrap */
  .ch-chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d991f79 *//* Forest chapter decorations */
            .ch-ring {
                position: absolute;
                border-radius: 50%;
                border: 1px solid #e8c04014;
                pointer-events: none
            }

            .ch-ring-spin {
                animation: nat-spin 40s linear infinite
            }
 /*Pull quote within chapter */
 
            .pull-quote {
                border-left: 3px solid #B8820A;
                padding: 18px 24px;
                margin: 22px 0;
                background: #b8820a0f;
                border-radius: 0 3px 3px 0
            }

            .pq-text {
                font-family: 'Cormorant Garamond',serif;
                font-size: 20px;
                font-style: italic;
                color: #4A3020;
                line-height: 1.65;
                font-weight: 300
            }

            .pq-text-light {
                font-family: 'Cormorant Garamond',serif;
                font-size: 20px;
                font-style: italic;
                color: #f0dca0bf;
                line-height: 1.65;
                font-weight: 300
            }
 /* Highlights chips */
            .ch-chips {
                display: flex;
                gap: 8px;
                flex-wrap: wrap;
                margin-top: 20px
            }

            .ch-chip {
                font-size: 9px;
                letter-spacing: 2.5px;
                padding: 7px 15px;
                border: 1px solid #b8820a40;
                color: #6A5040;
                border-radius: 24px;
                font-weight: 300
            }

            .ch-chip-light {
                font-size: 9px;
                letter-spacing: 2.5px;
                padding: 7px 15px;
                border: 1px solid #e8c04033;
                color: #f0dca099;
                border-radius: 24px;
                font-weight: 300
            }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f470ea3 *//* Highlights chips */
            .ch-chips {
                display: flex;
                gap: 8px;
                flex-wrap: wrap;
                margin-top: 20px
            }

            .ch-chip {
                font-size: 9px;
                letter-spacing: 2.5px;
                padding: 7px 15px;
                border: 1px solid #b8820a40;
                color: #6A5040;
                border-radius: 24px;
                font-weight: 300
            }

            .ch-chip-light {
                font-size: 9px;
                letter-spacing: 2.5px;
                padding: 7px 15px;
                border: 1px solid #e8c04033;
                color: #f0dca099;
                border-radius: 24px;
                font-weight: 300
            }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ce9afa7 *//* ════════════════════════
   TIMELINE — vertical story
════════════════════════ */
            .timeline-sec {
                padding: 30px 44px;
                background: #f0e2c0;
                position: relative;
                overflow: hidden
            }

            .tl-center-line {
                position: absolute;
                left: 50%;
                top: 80px;
                bottom: 80px;
                width: 1px;
                background: linear-gradient(to bottom,transparent,#b8820a4d 15%,#b8820a4d 85%,transparent)
            }

            .tl-max {
                max-width: 1100px;
                margin: 0 auto
            }

            .tl-head {
                text-align: center;
                margin-bottom: 60px
            }

            .tl-list {
                display: flex;
                flex-direction: column;
                gap: 0
            }

            .tl-item {
                display: grid;
                grid-template-columns: 1fr 60px 1fr;
                align-items: start;
                position: relative
            }

            .tl-item:nth-child(even) .tl-content {
                grid-column: 3
            }

            .tl-item:nth-child(even) .tl-empty {
                grid-column: 1;
                grid-row: 1
            }

            .tl-item:nth-child(odd) .tl-content {
                grid-column: 1;
                text-align: right
            }

            .tl-dot-col {
                grid-column: 2;
                display: flex;
                justify-content: center;
                padding-top: 18px;
                position: relative
            }

            .tl-dot {
                width: 16px;
                height: 16px;
                border-radius: 50%;
                background: #f0e2c0;
                border: 2px solid #B8820A;
                position: relative;
                z-index: 2;
                flex-shrink: 0;
                transition: all .4s
            }

            .tl-item:hover .tl-dot {
                background: #B8820A;
                box-shadow: 0 0 14px #b8820a66;
                transform: scale(1.2)
            }

            .tl-content {
                padding: 0 28px 56px
            }

            .tl-year {
                font-family: 'Cinzel',serif;
                font-size: 11px;
                letter-spacing: 3px;
                color: #B8820A;
                margin-bottom: 7px
            }

            .tl-ttl {
                font-family: 'Cormorant Garamond',serif;
                font-size: 22px;
                color: #2C1C0C;
                margin-bottom: 8px;
                line-height: 1.2
            }

            .tl-desc {
                font-size: 12px;
                color: #6A5040;
                line-height: 1.85;
                font-weight: 300
            }

            .tl-empty {
                padding: 28px
            }

.timeline-sec {
  padding: 60px 44px;
  background: #f0e2c0;
  position: relative;
  overflow: hidden;
}

.tl-max {
  max-width: 1100px;
  margin: 0 auto;
}

/* center line */
.tl-center-line {
  position: absolute;
  left: 50%;
  top: 80px;
  bottom: 80px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent,
    #b8820a4d 15%,
    #b8820a4d 85%,
    transparent
  );
}

/* list */
.tl-list {
  display: flex;
  flex-direction: column;
}

/* row layout */
.tl-item {
  display: grid;
  grid-template-columns: 1fr 60px 1fr;
  align-items: start;
}

/* LEFT side (odd items) */
.tl-item:nth-child(odd) .tl-content {
  grid-column: 1;
  text-align: right;
  padding: 0 28px 56px;
}

/* RIGHT side (even items) */
.tl-item:nth-child(even) .tl-content {
  grid-column: 3;
  text-align: left;
  padding: 0 28px 56px;
}

/* dot center */
.tl-dot-col {
  grid-column: 2;
  display: flex;
  justify-content: center;
  padding-top: 18px;
}

.tl-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f0e2c0;
  border: 2px solid #B8820A;
  transition: 0.3s;
}

.tl-item:hover .tl-dot {
  background: #B8820A;
  transform: scale(1.2);
  box-shadow: 0 0 14px #b8820a66;
}

/* text */
.tl-year {
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 3px;
  color: #B8820A;
  margin-bottom: 7px;
}

.tl-ttl {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: #2C1C0C;
  margin-bottom: 8px;
  line-height: 1.2;
}

.tl-desc {
  font-size: 12px;
  color: #6A5040;
  line-height: 1.85;
}

.timeline-sec {
  padding: 60px 44px;
  background: #f0e2c0;
  position: relative;
  overflow: hidden;
}

/* wrapper */
.tl-max {
  max-width: 1100px;
  margin: 0 auto;
}

/* ❌ REMOVE CONTINUOUS LINE FEEL */
.tl-center-line {
  display: none;
}

/* EACH ITEM LINE CONTROL */
.tl-item {
  display: grid;
  grid-template-columns: 1fr 60px 1fr;
  align-items: start;
  position: relative;
}

/* LEFT SIDE */
.tl-item:nth-child(odd) .tl-content {
  grid-column: 1;
  text-align: right;
  padding: 0 28px 56px;
}

/* RIGHT SIDE */
.tl-item:nth-child(even) .tl-content {
  grid-column: 3;
  text-align: left;
  padding: 0 28px 56px;
}

/* DOT CENTER */
.tl-dot-col {
  grid-column: 2;
  display: flex;
  justify-content: center;
  position: relative;
  padding-top: 18px;
}

/* 🔥 NEW: segmented vertical line per item */
.tl-dot-col::before {
  content: '';
  position: absolute;
  top: -60px;
  bottom: -60px;
  left: 50%;
  width: 1px;
  background: #b8820a4d;
  transform: translateX(-50%);
  z-index: 0;
}

/* dot */
.tl-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f0e2c0;
  border: 2px solid #B8820A;
  z-index: 2;
  position: relative;
  transition: 0.3s;
}

.tl-item:hover .tl-dot {
  background: #B8820A;
  transform: scale(1.2);
  box-shadow: 0 0 14px #b8820a66;
}

/* text */
.tl-year {
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 3px;
  color: #B8820A;
  margin-bottom: 7px;
}

.tl-ttl {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: #2C1C0C;
  margin-bottom: 8px;
}

.tl-desc {
  font-size: 12px;
  color: #6A5040;
  line-height: 1.85;
}
@media (max-width: 768px) {

  .tl-item {
    display: flex;
    gap: 12px;
    margin-bottom: 40px;
    position: relative;
  }

  /* LEFT COLUMN (DOT + LINE) */
  .tl-dot-col {
    width: 24px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
  }

  /* GOLD LINE */
  .tl-dot-col::before {
    content: '';
    position: absolute;
    top: -30px;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    background: #B8820A4d; /* GOLD LINE */
  }

  /* GOLD DOT */
  .tl-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #f0e2c0;
    border: 2px solid #B8820A;
    z-index: 2;
  }

  /* CONTENT RIGHT SIDE */
  .tl-content {
    flex: 1;
    text-align: left;
    padding: 0;
  }

  .tl-ttl {
    font-size: 18px;
    margin-bottom: 6px;
    color: #2C1C0C;
  }

  .tl-desc {
    font-size: 13px;
    line-height: 1.6;
    color: #6A5040;
  }

  .tl-item:last-child {
    margin-bottom: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a1d865 *//* ════════════════════════
   FOUNDERS SECTION
════════════════════════ */
            .founders-sec {
                padding: 30px 44px;
                background: #142810;
                position: relative;
                overflow: hidden
            }

            .founders-bg {
                position: absolute;
                inset: 0
            }

            .founders-bg img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                opacity: .06;
                filter: sepia(1) saturate(.5)
            }

            .founders-rings {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                pointer-events: none
            }

            .fr-ring {
                position: absolute;
                border-radius: 50%;
                border: 1px solid #e8c0400d;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                animation: nat-spin 60s linear infinite
            }

            .founders-inner {
                position: relative;
                z-index: 2;
                max-width: 1300px;
                margin: 0 auto
            }

            .founders-grid {
                display: grid;
                grid-template-columns: 1fr 1.5fr;
                gap: 72px;
                align-items: start;
                margin-top: 52px
            }

            .founder-card {
                background: #f0dca00a;
                border: 1px solid #b8820a2e;
                border-radius: 4px;
                padding: 36px 32px;
                position: relative;
                overflow: hidden;
                transition: background .4s,border-color .4s
            }

            .founder-card::before {
                content: '';
                position: absolute;
                inset: 0;
                background: radial-gradient(ellipse at 0% 0%,#b8820a1a,transparent 60%);
                opacity: 0;
                transition: opacity .4s
            }

            .founder-card:hover {
                background: #f0dca012;
                border-color: #b8820a61
            }

            .founder-card:hover::before {
                opacity: 1
            }

            .fc-om {
                font-family: serif;
                font-size: 48px;
                color: #E8C040;
                opacity: .18;
                position: absolute;
                top: 16px;
                right: 20px;
                line-height: 1
            }

            .fc-eyebrow {
                font-size: 9px;
                letter-spacing: 4px;
                color: #C89A20;
                font-weight: 300;
                margin-bottom: 10px
            }

            .fc-name {
                font-family: 'Cormorant Garamond',serif;
                font-size: 32px;
                color:#FDF8EE;
                margin-bottom: 4px;
                line-height: 1
            }

            .fc-role {
                font-size: 9px;
                letter-spacing: 3px;
                color: #f0dca066;
                font-weight: 300;
                margin-bottom: 20px
            }

            .fc-rule {
                width: 40px;
                height: 1px;
                background: #B8820A;
                margin-bottom: 20px
            }

            .fc-text {
                font-size: 13px;
                color: #f0dca080;
                line-height: 2;
                font-weight: 300
            }

            .fc-text p {
                margin-bottom: 12px
            }

            .fc-text p:last-child {
                margin-bottom: 0
            }

            .fc-text strong {
                color: #f0dca0d9;
                font-weight: 500
            }

            .fc-quote {
                font-family: 'Cormorant Garamond',serif;
                font-size: 19px;
                font-style: italic;
                color: #f0dca0b3;
                line-height: 1.65;
                padding-left: 16px;
                border-left: 2px solid #b8820a66;
                margin-top: 18px
            }

            /* brothers grid */
            .brothers-wrap {
                display: flex;
                flex-direction: column;
                gap: 0
            }

            .brothers-head {
                font-family: 'Cormorant Garamond',serif;
                font-size: 28px;
                color: #FDF8EE;
                margin-bottom: 8px
            }

            .brothers-sub {
                font-size: 12px;
                color: #f0dca073;
                font-weight: 300;
                line-height: 1.8;
                margin-bottom: 28px
            }

            .brother-cards {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 14px
            }

            .br-card {
                border: 1px solid #b8820a24;
                border-radius: 3px;
                padding: 22px 18px;
                text-align: center;
                background: #f0dca008;
                transition: all .4s;
                cursor: default;
                position: relative;
                overflow: hidden
            }

            .br-card::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 2px;
                background: linear-gradient(90deg,#B8820A,#C45A10);
                transform: scaleX(0);
                transition: transform .4s
            }

            .br-card:hover {
                background: #f0dca012;
                border-color: #b8820a59;
                transform: translateY(-4px)
            }

            .br-card:hover::after {
                transform: scaleX(1)
            }

            .br-avatar {
                width: 64px;
                height: 64px;
                border-radius: 50%;
                background: #b8820a26;
                border: 1px solid #b8820a40;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto 14px;
                font-family: 'Cinzel',serif;
                font-size: 18px;
                color: #E8C040;
                font-weight: 400
            }

            .br-name {
                font-family: 'Cormorant Garamond',serif;
                font-size: 18px;
                color: #FDF8EE;
                margin-bottom: 3px
            }

            .br-role {
                font-size: 9px;
                letter-spacing: 2px;
                color: #f0dca066;
                font-weight: 300;
                margin-bottom: 10px
            }

            .br-desc {
                font-size: 11px;
                color: #f0dca061;
                line-height: 1.7;
                font-weight: 300
            }

            /* journey pills */
            .journey-pills {
                display: flex;
                gap: 8px;
                flex-wrap: wrap;
                margin-top: 24px
            }

            .jp {
                font-size: 9px;
                letter-spacing: 2px;
                padding: 6px 13px;
                border: 1px solid #e8c0402e;
                color: #f0dca08c;
                border-radius: 24px;
                font-weight: 300
            }
.h2-light {
    font-family: 'Cormorant Garamond', serif;
    font-size: 38px;
    font-weight: 300;
    color: #FDF8EE;
    line-height: 1.15;
}


@media (max-width: 768px) {

  .founders-sec {
    padding: 40px 14px !important;
  }

  /* GRID → single column fix */
  .founders-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* RIGHT SIDE BROTHERS GRID */
  .brother-cards {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* TEXT CARD compact */
  .founder-card {
    padding: 20px 16px !important;
  }

  /* TITLE smaller */
  .fc-name {
    font-size: 24px !important;
  }

  /* rings hide (VERY IMPORTANT) */
  .founders-rings {
    display: none !important;
  }

  /* OM reduce */
  .fc-om {
    font-size: 32px !important;
  }

  .brothers-head {
    font-size: 22px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30125a5 *//* ════════════════════════
   MISSION / VALUES
════════════════════════ */
            .mission-sec {
                padding: 30px 44px;
                background: #FDF8EE;
                text-align: center;
                position: relative;
                overflow: hidden
            }

            .ms-watermark {
                position: absolute;
                right: -20px;
                bottom: -40px;
                font-size: 260px;
                color: #b8820a0a;
                font-family: serif;
                pointer-events: none;
                user-select: none;
                line-height: 1
            }

            .ms-max {
                max-width: 1200px;
                margin: 0 auto;
                position: relative;
                z-index: 2
            }

            .ms-cards {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 20px;
                margin-top: 52px
            }

            .ms-card {
                border: 1px solid #b8820a1f;
                border-radius: 4px;
                padding: 36px 28px;
                background: #F7EDD8;
                text-align: left;
                transition: all .4s;
                position: relative;
                overflow: hidden
            }

            .ms-card::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: linear-gradient(90deg,#B8820A,#C45A10);
                transform: scaleX(0);
                transition: transform .4s
            }

            .ms-card:hover {
                transform: translateY(-8px);
                box-shadow: 0 20px 50px #1428101a;
                border-color: #b8820a4d
            }

            .ms-card:hover::after {
                transform: scaleX(1)
            }

            .ms-icon {
                font-size: 32px;
                margin-bottom: 16px
            }

            .ms-card-title {
                font-family: 'Cormorant Garamond',serif;
                font-size: 22px;
                color: #2C1C0C;
                margin-bottom: 10px
            }

            .ms-card-body {
                font-size: 12px;
                color: #6A5040;
                line-height: 1.85;
                font-weight: 300
            }

            /* ════════════════════════
   MOVEMENT SECTION
════════════════════════ */
            .movement-sec {
                padding: 88px 44px;
                background: #E8D4A8;
                position: relative;
                overflow: hidden
            }

            .mv-max {
                max-width: 1200px;
                margin: 0 auto
            }

            .mv-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 72px;
                align-items: center
            }

            .mv-left {
            }

            .mv-steps {
                display: flex;
                flex-direction: column;
                gap: 0;
                margin-top: 32px
            }

            .mv-step {
                display: flex;
                gap: 20px;
                padding: 0 0 36px;
                position: relative
            }

            .mv-step::before {
                content: '';
                position: absolute;
                left: 19px;
                top: 42px;
                bottom: 0;
                width: 1px;
                background: linear-gradient(to bottom,#b8820a4d,#b8820a0d)
            }

            .mv-step:last-child::before {
                display: none
            }

            .mv-step-num {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: #142810;
                color: #E8C040;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: 'Cormorant Garamond',serif;
                font-size: 18px;
                flex-shrink: 0;
                border: 1px solid #b8820a33;
                margin-top: 2px
            }

            .mv-step-body {
            }

            .mv-step-title {
                font-family: 'Cormorant Garamond',serif;
                font-size: 20px;
                color: #2C1C0C;
                margin-bottom: 6px
            }

            .mv-step-desc {
                font-size: 12px;
                color:#6A5040;
                line-height: 1.85;
                font-weight: 300
            }

            .mv-right-img {
                border-radius: 4px;
                overflow: hidden;
                position: relative;
                aspect-ratio: 3/4
            }

            .mv-right-img img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                padding: 20px;
                background: #F0E8D0;
                transition: transform .7s
            }

            .mv-right-img:hover img {
                transform: scale(1.05)
            }

            .mv-img-badge {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                background: linear-gradient(to top,#142810eb,transparent);
                padding: 24px 22px 20px
            }
            
            @media (max-width: 768px) {

  .mission-sec {
    padding: 50px 14px !important;
  }

  /* 3 COL → 1 COL FIX */
  .ms-cards {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 30px !important;
  }

  .ms-card {
    padding: 20px 16px !important;
  }

  .ms-card-title {
    font-size: 18px !important;
  }

  .ms-card-body {
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  /* HUGE WATERMARK REMOVE (important) */
  .ms-watermark {
    font-size: 140px !important;
    opacity: 0.05 !important;
    right: -10px;
    bottom: -20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07df2fa *//* ════════════════════════
   MOVEMENT SECTION
════════════════════════ */
            .movement-sec {
                padding: 30px 44px;
                background: #E8D4A8;
                position: relative;
                overflow: hidden
            }

            .mv-max {
                max-width: 1200px;
                margin: 0 auto
            }

            .mv-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 72px;
                align-items: center
            }

            .mv-left {
            }

            .mv-steps {
                display: flex;
                flex-direction: column;
                gap: 0;
                margin-top: 32px
            }

            .mv-step {
                display: flex;
                gap: 20px;
                padding: 0 0 36px;
                position: relative
            }

            .mv-step::before {
                content: '';
                position: absolute;
                left: 19px;
                top: 42px;
                bottom: 0;
                width: 1px;
                background: linear-gradient(to bottom,#b8820a4d,#b8820a0d)
            }

            .mv-step:last-child::before {
                display: none
            }

            .mv-step-num {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: #142810;
                color: #E8C040;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: 'Cormorant Garamond',serif;
                font-size: 18px;
                flex-shrink: 0;
                border: 1px solid #b8820a33;
                margin-top: 2px
            }

            .mv-step-body {
            }

            .mv-step-title {
                font-family: 'Cormorant Garamond',serif;
                font-size: 20px;
                color: #2C1C0C;
                margin-bottom: 6px
            }

            .mv-step-desc {
                font-size: 12px;
                color:#6A5040;
                line-height: 1.85;
                font-weight: 300
            }

            .mv-right-img {
                border-radius: 4px;
                overflow: hidden;
                position: relative;
                aspect-ratio: 3/4
            }

            .mv-right-img img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                padding: 20px;
                background: #F0E8D0;
                transition: transform .7s
            }

            .mv-right-img:hover img {
                transform: scale(1.05)
            }

            .mv-img-badge {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                background: linear-gradient(to top,#142810eb,transparent);
                padding: 24px 22px 20px
            }


@media (max-width: 768px) {

  .movement-sec {
    padding: 50px 14px !important;
  }

  /* 2 COL → 1 COL FIX */
  .mv-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* steps spacing fix */
  .mv-step {
    gap: 14px !important;
    padding-bottom: 26px !important;
  }

  .mv-step-title {
    font-size: 18px !important;
    line-height: 1.3;
  }

  .mv-step-desc {
    font-size: 12px !important;
    line-height: 1.6;
  }

  /* IMAGE FIX (VERY IMPORTANT) */
  .mv-right-img {
    width: 100% !important;
    aspect-ratio: 3/4;
  }

  .mv-right-img img {
    object-fit: cover !important;
    padding: 0 !important;
  }

  /* badge readability */
  .mv-img-badge {
    padding: 16px 14px !important;
  }

  .mv-img-badge div {
    font-size: 16px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26774c8 *//* ════════════════════════
   IMPACT STRIP
════════════════════════ */
            .impact-strip {
                background: #142810;
                padding: 56px 44px
            }

            .is-grid {
                display: grid;
                grid-template-columns: repeat(4,1fr);
                gap: 1px;
                background: #b8820a1f;
                max-width: 1200px;
                margin: 0 auto
            }

            .is-cell {
                background: #1E3C18;
                padding: 36px 24px;
                text-align: center;
                transition: background .35s;
                position: relative;
                overflow: hidden
            }

            .is-cell::before {
                content: '';
                position: absolute;
                inset: 0;
                background: radial-gradient(circle at 50% 0%,#b8820a24,transparent 65%);
                opacity: 0;
                transition: opacity .4s
            }

            .is-cell:hover {
                background: #142810f2
            }

            .is-cell:hover::before {
                opacity: 1
            }

            .is-icon {
                font-size: 28px;
                margin-bottom: 12px
            }

            .is-num {
                font-family: 'Cormorant Garamond',serif;
                font-size: 46px;
                color: #E8C040;
                font-weight: 300;
                line-height: 1;
                margin-bottom: 5px
            }

            .is-lbl {
                font-size: 9px;
                letter-spacing: 3px;
                color: #f0dca06b;
                font-weight: 300;
                line-height: 1.55
            }
/* ===== MOBILE FIX ===== */
@media (max-width: 768px) {

    /* IMPACT STRIP 4 → 2 columns */
    .is-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* STATS BAR 5 → 2 columns */
    .stats-bar {
        grid-template-columns: repeat(2, 1fr);
    }

    /* MISSION CARDS 3 → 2 columns */
    .ms-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    /* MOVEMENT GRID → single column (important) */
    .mv-grid {
        grid-template-columns: 1fr;
    }

    /* FOUNDERS → single column */
    .founders-grid {
        grid-template-columns: 1fr;
    }

    /* BROTHER CARDS 3 → 2 columns */
    .brother-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    /* TIMELINE fix (very important) */
    .tl-item {
        grid-template-columns: 40px 1fr;
    }

    .tl-center-line {
        left: 20px;
    }

    .tl-empty {
        display: none;
    }

    .tl-content {
        grid-column: 2 !important;
        text-align: left !important;
        padding-left: 20px;
    }
}/* End custom CSS */