.reveal {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Timeline Animations */
        .timeline-item-left {
            opacity: 0;
            transform: translateX(-30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .timeline-item-right {
            opacity: 0;
            transform: translateX(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .timeline-item-active {
            opacity: 1 !important;
            transform: translateX(0) !important;
        }

        /* FAQ Accordion Transitions */
        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
            opacity: 0;
        }
        details[open] .faq-content {
            max-height: 400px;
            opacity: 1;
        }

        /* Push Menu Logic */
        #main-content {
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            will-change: transform;
        }
        #side-menu {
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            will-change: transform;
        }
        .menu-open #main-content {
            transform: translateX(280px);
        }
        .menu-open #side-menu {
            transform: translateX(0);
        }
        .menu-open #menu-overlay {
            opacity: 1;
            pointer-events: auto;
        }

        details summary::-webkit-details-marker {
            display: none;
        }
        .list-none li{ list-style: none;}
        .text-white{ color: #fff;}
        .object-cover{ object-position: top;}
        .h-100{ height: 100%;}
        .d-flex li{ display: inline-block;}
        .celestial-diamond {
    width: 8px;
    height: 8px;
    background: #735c00;
    transform: rotate(45deg);
    display: inline-block;
    margin-right: 10px;
}
        
      @media (min-width: 768px) {
    .md\:text-display-lg {
        font-size: 53px;
        line-height: 1.1;
        letter-spacing: -0.02em;
        font-weight: 400;
    }
}  
        
        
    p:empty{ display: none;}
    p br{ display: none;}
    
    
    .glass-card {
            background: rgb(255 255 255 / var(--tw-bg-opacity, 1));
            backdrop-filter: blur(12px);
            border: 1px solid rgb(125 47 47 / 0.05) !important;
        }
        .star-dust {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: -1;
            background-image: radial-gradient(1.5px 1.5px at 20px 30px, #131b2e11, rgba(0,0,0,0)),
                              radial-gradient(2px 2px at 100px 150px, #755a2608, rgba(0,0,0,0)),
                              radial-gradient(1.5px 1.5px at 250px 350px, #131b2e11, rgba(0,0,0,0));
            background-size: 500px 500px;
        }
        .concentric-circle {
            border: 1px solid rgba(117, 90, 38, 0.15);
            border-radius: 50%;
            transition: border-color 0.8s ease;
        }
        .concentric-circle:hover {
            border-color: rgba(117, 90, 38, 0.4);
            box-shadow: 0 0 20px rgba(117, 90, 38, 0.05);
        }
        
        /* Timeline line drawing */
        .timeline-line {
            background: #755a2644;
            transform-origin: top;
            transform: scaleY(0);
            transition: transform 0.1s linear;
        }
        
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, opacity 0.3s ease;
            opacity: 0;
        }
        .accordion-item.active .accordion-content {
            max-height: 500px;
            opacity: 1;
        }
        .gold-glow {
            box-shadow: 0 4px 15px rgba(117, 90, 38, 0.15);
        }
        .editorial-line {
            width: 1px;
            height: 60px;
            background: #755a26;
            margin: 0 auto;
        }

        /* Motion effects */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 1s cubic-bezier(0.21, 0.6, 0.35, 1), 
                        transform 1s cubic-bezier(0.21, 0.6, 0.35, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        @media (prefers-reduced-motion: reduce) {
            .reveal, .reveal.active {
                opacity: 1;
                transform: none;
                transition: none;
            }
            .parallax-bg, .parallax-img, .concentric-container {
                transform: none !important;
            }
            .timeline-line {
                transform: scaleY(1) !important;
            }
        }

        @keyframes ambientDrift {
            0%, 100% { transform: translate(0, 0); }
            25% { transform: translate(5px, -5px); }
            50% { transform: translate(-3px, 7px); }
            75% { transform: translate(4px, 2px); }
        }
        .ambient-motion {
            animation: ambientDrift 20s ease-in-out infinite;
        }
    .fw-700{ font-weight: 700;}
    .head-font{ font-family: Libre Caslon Text;}
    .font-13{ font-size: 13px;}
    .text-body-lg {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
}
    
    .text-display-sm {
    font-size: 42px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    font-weight: 400;
}
.text-upper{ text-transform: uppercase;}

.bg-primary\/5 {
    background-color: rgb(255 236 212 / var(--tw-bg-opacity, 1)) !important;
}     
.timeline-item{ margin: 20px 0 !important;}
.btn-round, .header-btn{border-radius: 4px;}
.d-inline-flex{ display: inline-flex;}
.fw-700{ font-weight: 700;}
.fw-600{ font-weight: 600;}
.fw-400{ font-weight: 400;}
.fw-500{ font-weight: 500;}


:root{
    
    --ast-global-color-1: #b77500;
    
}
.text-on-secondary{ color: #fff !important;}

a.text-on-secondary:hover{ color: #fff !important; background-color: #b77500 !important;}
a.bg-primary:hover{color: #fff !important; background-color: #b77500 !important; }

br{ display: none;}
p:empty{ display: none;}

.bg-primary {
    background-color: rgb(162 1 7 / var(--tw-bg-opacity, 1)) !important;
}


.blog-content h2 {
    font-size: 32px;
    line-height: 1.3;
    margin: 40px 0 16px;
    color: var(--color-primary);
}

.blog-content h3 {
    font-size: 24px;
    line-height: 1.4;
    margin: 32px 0 14px;
    color: var(--color-primary);
}

.blog-content p {
    margin-bottom: 20px;
}

.blog-content ul,
.blog-content ol {
    margin: 20px 0;
    padding-left: 25px;
}

.blog-content ul {
    list-style: disc;
}

.blog-content ol {
    list-style: decimal;
}

.blog-content li {
    margin-bottom: 8px;
}

.blog-content a {
    color: var(--color-secondary);
    text-decoration: underline;
}

.blog-content img {
    width: 100%;
    height: auto;
    margin: 32px 0;
    border-radius: 8px;
}

.blog-content blockquote {
    margin: 32px 0;
    padding: 20px 30px;
    border-left: 3px solid var(--color-secondary);
    background: var(--color-surface-container-low);
    font-style: italic;
}

@media (max-width: 767px) {
    .blog-content h2 {
        font-size: 26px;
    }

    .blog-content h3 {
        font-size: 21px;
    }
}

.blog-content h4 {
    font-size: 20px;
    line-height: 1.4;
    margin: 28px 0 12px;
    color: var(--color-primary);
    font-weight: 600;
}

@media (max-width: 767px) {
    .blog-content h4 {
        font-size: 18px;
    }
}


/*.current_page_item a{color: rgb(162 1 7 / var(--tw-text-opacity, 1)); border-bottom-width: 1px;     border-color: rgb(162 1 7 / var(--tw-border-opacity, 1));}*/






@media only screen and (max-width: 1599px) {
.md\:text-display-lg {
        font-size: 41px !important;}
.px-unit-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
}
.gap-unit-lg {
    gap: 15px !important;
}





}

@media only screen and (max-width: 1399px) {
.text-body-lg {
    font-size: 17px !important;}
.text-body-md {
    font-size: 15px !important;}


}

@media only screen and (max-width: 1199px) {
    .md\:text-display-lg {
        font-size: 33px !important;  }      
.text-body-lg {
    font-size: 15px !important;}    

.text-display-sm {
    font-size: 40px !important;}
.text-body-md {
    font-size: 14px !important;}
.text-headline-lg {
    font-size: 26px !important;}
.text-headline-md {
    font-size: 21px !important;}
.font-body-md {
    font-size: 14px !important;
}    
    
    
    
    
    
    
    
    
    
}    
    
    
    
@media only screen and (max-width: 991px) {    
    
.md\:p-unit-xl {
        padding: 35px !important;
    }    
.text-display-sm {
        font-size: 34px !important;
    }       
       
       
       
       
}   

@media only screen and (max-width: 767px) {

header nav {
    justify-content: flex-start !important;
}
.header-btn{
    position: absolute !important;
    right: 67px !important;
    top: 10px !important;
}
.toggle-icon {
        position: absolute !important;
        right: 15px !important;
        top: 7px !important;
    }

.banner-right{ display: none !important;}
.items-end {
    align-items: inherit !important;
}
.px-margin-desktop {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.gap-8 {
    gap: 20px !important;
}
.mb-24 {
    margin-bottom: 20px !important;
}
.gap-y-16 {
    row-gap: 20px !important;
}
.gap-x-12 {
    column-gap: 20px !important;
}
.py-unit-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.max-w-lg, .max-w-sm {
    max-width: 100% !important;
}

#side-menu{ background: rgb(255 236 212 / var(--tw-bg-opacity, 1)) !important;}
#side-menu li{ list-style: none !important;}
.contactinfo {
    opacity: 1 !important;
    color: rgb(162 1 7 / var(--tw-text-opacity, 1)) !important;
}

.-right-4 {
    right: 0 !important;
}
.-left-4 {
    left: 0 !important;
}
.navbar-brand{ line-height:0px !important;}

}

@media only screen and (max-width: 575px) {


.logos{
    width: 120px !important;
    display: inline-block !important;position: relative;
        top: 6px;
}
.text-label-md {
    font-size: 11px !important;}

.h-20 {
    height: auto;
    min-height: 72px !important;
}
.header-btn{ top: 17px !important;}
.toggle-icon {
        top: 12px !important;
    }

.md\:text-display-lg {
        font-size: 26px !important;
    }
.text-display-sm {
        font-size: 28px !important;
    }
.mb-unit-xl {
    margin-bottom: 33px !important;
}



}


@media only screen and (max-width: 480px) {


.logos {
        width: 100px !important;
        display: inline-block !important;
        position: relative;
        top: 6px;
    }
.text-label-md {
    font-size: 11px !important;}

.btn-round {
    border-radius: 4px;
    padding: 16px 19px !important;
}





}