
        :root {
            --earth:#2D4A3E;
            --earth-dark:#182E25;
            --gold:#D4933A;
            --cream:#FDFAF6;
            --warm:#F5EFE6;
            --muted:#6D6D6D;
        }

        body {
            font-family:'Inter', sans-serif;
            background:var(--cream);
            color:#1B1B1B;
        }

        h1,h2,h3,h4,h5 {
            font-family:'Fraunces', serif;
        }

        .header_top {
            background:var(--earth-dark);
        }

        .header_top a,
        .header_top li {
            color:rgba(255,255,255,.82)!important;
        }

        .header_bottom {
            background:rgba(253,250,246,.96);
            backdrop-filter:blur(12px);
        }

        .navigation li a {
            font-family:'Inter', sans-serif;
            font-weight:600;
        }

        .btn-1 {
            background:var(--earth);
            color:#fff!important;
            border-radius:40px;
            padding:16px 32px;
        }

        .btn-1.btn-alt,
        .btn-1:hover {
            background:var(--gold);
            color:var(--earth-dark)!important;
        }

        .grant-hero {
            position:relative;
            min-height:82vh;
            display:flex;
            align-items:center;
            background:
                linear-gradient(rgba(24,46,37,.70), rgba(24,46,37,.78)),
                url('assets/images/gallery/causes-07.png') center/cover no-repeat;
            color:#fff;
            padding:160px 0 110px;
            overflow:hidden;
        }

        .grant-hero:after {
            content:"";
            position:absolute;
            left:-5%;
            right:-5%;
            bottom:-85px;
            height:160px;
            background:var(--cream);
            border-radius:50% 50% 0 0;
        }

        .hero-content {
            position:relative;
            z-index:2;
            max-width:840px;
        }

        .hero-eyebrow {
            display:inline-flex;
            align-items:center;
            gap:10px;
            background:rgba(255,255,255,.14);
            color:var(--gold);
            padding:10px 18px;
            border-radius:40px;
            font-size:13px;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:.14em;
            margin-bottom:24px;
        }

        .hero-eyebrow:before {
            content:"";
            width:8px;
            height:8px;
            background:var(--gold);
            border-radius:50%;
        }

        .grant-hero h1 {
            font-size:clamp(46px,6vw,82px);
            line-height:1;
            font-weight:600;
            margin-bottom:24px;
            color: white;
        }

        .grant-hero h1 em {
            color:var(--gold);
            font-style:italic;
            font-weight:400;
        }

        .grant-hero p {
            font-size:19px;
            line-height:1.8;
            color:rgba(255,255,255,.84);
            max-width:720px;
            margin-bottom:34px;
        }

        .hero-outline {
            border:1.5px solid rgba(255,255,255,.85);
            color:#fff;
            padding:16px 32px;
            border-radius:40px;
            font-weight:800;
            display:inline-block;
            margin-left:12px;
        }

        .hero-outline:hover {
            background:#fff;
            color:var(--earth);
        }

        .section-padding {
            padding:95px 0;
        }

        .section-title-left span,
        .section-title-center span {
            color:var(--gold);
            text-transform:uppercase;
            letter-spacing:.16em;
            font-size:13px;
            font-weight:800;
            display:block;
            margin-bottom:14px;
        }

        .section-title-left h2,
        .section-title-center h2 {
            color:var(--earth);
            font-size:clamp(34px,4vw,54px);
            line-height:1.12;
            font-weight:500;
        }

        .section-title-left p,
        .section-title-center p {
            color:var(--muted);
            font-size:17px;
            line-height:1.8;
            margin-top:18px;
        }

        .grant-img {
            border-radius:30px;
            overflow:hidden;
            box-shadow:0 25px 60px rgba(45,74,62,.17);
        }

        .grant-img img {
            width:100%;
            height:500px;
            object-fit:cover;
        }

        .work-card {
            background:#fff;
            border-radius:26px;
            padding:34px 30px;
            height:100%;
            box-shadow:0 12px 38px rgba(45,74,62,.09);
            border:1px solid rgba(45,74,62,.08);
            transition:.3s ease;
        }

        .work-card:hover {
            transform:translateY(-8px);
        }

        .work-card h3 {
            color:var(--earth);
            font-size:28px;
            margin-bottom:12px;
        }

        .work-card p {
            color:var(--muted);
            line-height:1.75;
        }

        .work-number {
            font-family:'Fraunces', serif;
            color:var(--gold);
            font-size:44px;
            margin-bottom:16px;
        }

        .funding-section {
            background:var(--warm);
        }

        .funding-card {
            background:#fff;
            border-radius:26px;
            padding:35px 30px;
            height:100%;
            box-shadow:0 12px 35px rgba(45,74,62,.08);
        }

        .funding-card i {
            width:60px;
            height:60px;
            border-radius:18px;
            background:rgba(212,147,58,.16);
            color:var(--gold);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:25px;
            margin-bottom:22px;
        }

        .funding-card h3 {
            color:var(--earth);
            font-size:27px;
            margin-bottom:12px;
        }

        .funding-card p {
            color:var(--muted);
            line-height:1.75;
        }

        .faq-section {
            background:#fff;
        }

        .accordion-item {
            border:1px solid rgba(45,74,62,.12);
            border-radius:14px!important;
            margin-bottom:14px;
            overflow:hidden;
        }

        .accordion-button {
            font-weight:700;
            color:var(--earth);
            background:#fff;
            box-shadow:none!important;
        }

        .accordion-button:not(.collapsed) {
            background:var(--warm);
            color:var(--earth);
        }

        .accordion-body {
            color:var(--muted);
            line-height:1.75;
        }

        .cta-grant {
            background:
                linear-gradient(rgba(24,46,37,.78), rgba(24,46,37,.84)),
                url('assets/images/gallery/about-image-01.jpg') center/cover no-repeat;
            padding:110px 0;
            text-align:center;
            color:#fff;
        }

        .cta-grant h2 {
            font-size:clamp(40px,5vw,68px);
            line-height:1.08;
            margin-bottom:24px;
        }

        .cta-grant h2 em {
            color:var(--gold);
            font-style:italic;
        }

        .cta-grant p {
            color:rgba(255,255,255,.84);
            max-width:720px;
            margin:0 auto 35px;
            font-size:18px;
            line-height:1.8;
        }

        .main__footer {
            background:var(--earth-dark);
        }

        .footer_bottom {
            background:#102018;
        }

        @media(max-width:991px) {
            .grant-hero {
                padding:140px 0 95px;
            }

            .section-padding {
                padding:75px 0;
            }

            .grant-img img {
                height:420px;
                margin-top:35px;
            }

            .hero-outline {
                margin-left:0;
                margin-top:12px;
            }
        }
  