:root{--bg:#f5f0e8;--fg:#1a1a1a;--accent:#c9a227;--green-primary:#1a4d2e;--green-dark:#0d2818}
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{font-family:'Source Sans 3',sans-serif;background-color:var(--bg);color:var(--fg);overflow-x:hidden}
        h1,h2,h3,h4,h5,h6{font-family:'Cormorant Garamond',serif}
        
        /* Navbar Styles */
        .nav-scrolled{background:rgba(13,40,24,.98)!important;backdrop-filter:blur(10px);box-shadow:0 4px 30px rgba(0,0,0,.2)}
        .mobile-menu{transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}
        .mobile-menu.active{transform:translateX(0)}
        
        /* Mobile Accordion Styles */
        .mobile-accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }
        .mobile-accordion-content.open { max-height: 500px; }
        .accordion-icon { transition: transform 0.3s ease; }
        .accordion-icon.rotate { transform: rotate(180deg); }

        /* Animations */
        .about-anim-up{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}
        .about-anim-up.visible{opacity:1;transform:translateY(0)}
        .about-anim-left{opacity:0;transform:translateX(-40px);transition:all .8s cubic-bezier(.16,1,.3,1)}
        .about-anim-left.visible{opacity:1;transform:translateX(0)}
        .about-anim-right{opacity:0;transform:translateX(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}
        .about-anim-right.visible{opacity:1;transform:translateX(0)}
        
        /* About Page Specific Styles */
        .about-hero-overlay {
            background: linear-gradient(to bottom, rgba(13,40,24,0.7), rgba(26,77,46,0.9));
        }
        .about-quote-mark {
            font-size: 4rem;
            line-height: 0;
            position: relative;
            top: 20px;
            color: rgba(201, 162, 39, 0.3);
        }