:root{
    --forest:#0b351d;
    --forest-2:#082916;
    --forest-3:#124b29;
    --gold:#d7a72b;
    --gold-light:#f0c85a;
    --cream:#f6f5ef;
    --ink:#17231b;
    --muted:#6d776f;
    --line:#dfe4dc;
    --white:#fff;
    --max:1240px;
    --radius:2px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}
img{width:100%;display:block;object-fit:cover}
a{text-decoration:none;color:inherit}
.container{width:min(90%,var(--max));margin:auto}
.section{padding:110px 0}
.section-alt{background:var(--cream)}
.section-dark{background:var(--forest);color:#fff}
.gold{color:var(--gold)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.show{opacity:1;transform:none}

/* HEADER */
.header{position:absolute;top:0;left:0;width:100%;z-index:100;color:#fff;transition:.35s ease}
.header.scrolled{position:fixed;background:rgba(6,36,19,.94);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.18)}
.navbar{min-height:88px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:13px}
.logo-mark{width:46px;height:46px;border:2px solid var(--gold);border-radius:50% 50% 50% 12%;transform:rotate(45deg);position:relative}
.logo-mark:after{content:"";position:absolute;inset:10px;border:2px solid var(--gold);border-radius:50% 50% 50% 12%}
.logo-text{font-size:21px;font-weight:800;letter-spacing:1.5px;line-height:1;color:#fff}
.logo-text small{display:block;margin-top:8px;font-size:10px;letter-spacing:4px;font-weight:400}
.nav{display:flex;align-items:center;gap:27px;font-size:11px;letter-spacing:.2px;text-transform:uppercase}
.nav a{position:relative;white-space:nowrap;transition:.3s}
.nav a:not(.btn):after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--gold);transition:.3s}
.nav a:hover:after,.nav a.active:after{width:100%}
.nav a:hover,.nav a.active{color:var(--gold-light)}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:28px}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 24px;background:var(--gold);color:#152316;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;transition:.3s}
.btn:hover{background:var(--gold-light);transform:translateY(-3px);box-shadow:0 10px 24px rgba(215,167,43,.2)}
.btn-outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.btn-outline:hover{background:var(--gold);color:#152316}

/* HERO */
.hero{min-height:760px;position:relative;display:flex;align-items:center;background-size:cover;background-position:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,8,.86) 0%,rgba(2,15,8,.61) 40%,rgba(2,15,8,.18) 100%)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(transparent,rgba(6,36,19,.6))}
.hero-content{position:relative;z-index:2;max-width:680px;padding-top:75px}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px}
.eyebrow:before{content:"";width:42px;height:2px;background:var(--gold)}
.hero h1{max-width:680px;font-size:clamp(46px,5.2vw,78px);line-height:1.01;letter-spacing:-2px;color:#fff;margin-bottom:25px}
.hero p{max-width:620px;color:#f1f4ef;font-size:17px;line-height:1.75;margin-bottom:32px}
.hero-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.page-hero{min-height:470px}
.page-hero h1{font-size:clamp(42px,5vw,64px)}

/* TITLES */
.section-title{max-width:760px;text-align:center;margin:0 auto 62px}
.section-title .eyebrow{justify-content:center}
.section-title h2{font-size:clamp(32px,4vw,48px);line-height:1.1;text-transform:uppercase;letter-spacing:-1px;margin-bottom:15px}
.section-title p{color:var(--muted);font-size:17px}

/* =========================================
   INSPIRE JOURNEY
========================================= */

.journey {
    background: #073b25;
    color: #ffffff;
    padding: 120px 0 130px;
    position: relative;
    overflow: hidden;
}

/* IMPORTANT: no center line */
.journey::before,
.journey::after {
    display: none !important;
    content: none !important;
}

.journey .section-title {
    text-align: center;
    margin-bottom: 75px;
}

.journey .section-title h2 {
    color: #ffffff;
}

.journey .section-title p {
    color: rgba(255, 255, 255, 0.65);
}

/* Journey items */
.journey-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 35px;
    position: relative;
}

/* Remove any line behind the journey */
.journey-grid::before,
.journey-grid::after {
    display: none !important;
    content: none !important;
}

.journey-item {
    text-align: center;
    position: relative;
    z-index: 2;
}

/* Icons */
.journey .icon-circle {
    width: 88px;
    height: 88px;
    margin: 0 auto 28px;

    border: 2px solid #e2aa16;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #e2aa16 !important;
    background: #073b25;

    font-size: 28px;
    font-family: Arial, sans-serif;

    transition: all 0.3s ease;
}

/* Hover */
.journey-item:hover .icon-circle {
    background: #e2aa16;
    color: #073b25 !important;
    transform: translateY(-8px);
}

/* Heading */
.journey-item h4 {
    color: #e2aa16;
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 15px;
    text-transform: uppercase;
}

/* Description */
.journey-item p {
    color: rgba(255, 255, 255, 0.72);
    font-size: 16px;
    line-height: 1.7;
    max-width: 210px;
    margin: 0 auto;
}

/* Mobile */
@media (max-width: 900px) {

    .journey {
        padding: 80px 0;
    }

    .journey-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .journey-item p {
        max-width: 350px;
    }
}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-height:475px;overflow:hidden;transition:.35s}
.card:hover{transform:translateY(-9px);box-shadow:0 20px 45px rgba(10,35,18,.12)}
.card-img{height:245px;overflow:hidden}
.card-img img{height:100%;transition:.6s}
.card:hover .card-img img{transform:scale(1.06)}
.card h3{font-size:21px;line-height:1.25;margin:27px 28px 12px}
.card p{color:var(--muted);font-size:15px;margin:0 28px 15px}
.card a{margin:auto 28px 27px;color:var(--gold);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}

/* STATS */
.stats-section{background:var(--forest-3);padding:62px 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.stat{padding:12px 30px;border-right:1px solid rgba(255,255,255,.18)}
.stat:last-child{border-right:0}
.stat strong{display:block;color:var(--gold);font-size:48px;line-height:1;margin-bottom:13px}
.stat span{display:block;color:#d8e0d8;font-size:13px}

/* SPLIT */
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.split-image{position:relative}
.split-image:after{content:"";position:absolute;right:-18px;bottom:-18px;width:70%;height:70%;border:1px solid var(--gold);z-index:0}
.split-image img{height:470px;position:relative;z-index:1}
.split h2{font-size:clamp(34px,4vw,50px);line-height:1.1;margin-bottom:22px}
.split p{color:var(--muted);font-size:16px;margin-bottom:18px}

/* PROCESS */
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}
.process-item{text-align:center}
.process-number{width:76px;height:76px;margin:0 auto 17px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:22px;font-weight:800;transition:.3s}
.process-item:hover .process-number{background:var(--gold);color:var(--forest)}
.process-item h4{font-size:13px;text-transform:uppercase}
.process-item p{margin-top:8px;color:var(--muted);font-size:12px}

/* PROJECTS */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.project-card{overflow:hidden;background:#fff;border:1px solid var(--line);transition:.3s}
.project-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px rgba(0,0,0,.09)}
.project-card img{height:190px;transition:.5s}
.project-card:hover img{transform:scale(1.06)}
.project-card div{padding:17px}
.project-card h3{font-size:15px;line-height:1.3}
.project-card p{color:var(--muted);font-size:12px}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}
.contact-info h2{font-size:44px;line-height:1.1;margin-bottom:20px}
.contact-info p{color:var(--muted);margin-bottom:25px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-group{display:flex;flex-direction:column;gap:7px}
.form-group.full{grid-column:1/-1}
.form label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.form input,.form textarea{width:100%;padding:15px;border:1px solid var(--line);font:inherit;background:#fff;outline:none;transition:.3s}
.form input:focus,.form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,167,43,.1)}
.form textarea{min-height:155px;resize:vertical}

/* FOOTER */
.footer{background:var(--forest-2);color:#fff;padding:70px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:55px}
.footer h3{color:var(--gold);font-size:14px;text-transform:uppercase;margin-bottom:20px}
.footer p,.footer a{color:#c8d2c9;font-size:14px}
.footer a{display:block;margin-bottom:11px;transition:.25s}
.footer a:hover{color:var(--gold)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.15);margin-top:48px;padding-top:20px;color:#aeb9af;font-size:12px}

/* RESPONSIVE */
@media(max-width:1100px){
.nav{gap:18px;font-size:10px}
.grid-4{grid-template-columns:repeat(2,1fr)}
.journey-grid{gap:20px}
}
@media(max-width:900px){
.menu-btn{display:block}
.nav{display:none;position:absolute;top:88px;left:0;width:100%;padding:20px 5%;background:var(--forest-2);flex-direction:column;align-items:stretch;gap:0}
.nav.open{display:flex}
.nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.nav .btn{margin-top:15px}
.grid-3{grid-template-columns:1fr 1fr}
.journey-grid{grid-template-columns:1fr;gap:35px}
.journey-item:not(:last-child):after{content:"↓";top:auto;right:auto;bottom:-32px;left:50%}
.stats{grid-template-columns:1fr 1fr}
.stat:nth-child(2){border-right:0}
.stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}
.split,.contact-grid{grid-template-columns:1fr}
.process{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
.container{width:90%}
.navbar{min-height:74px}
.hero{min-height:700px}
.hero-content{padding-top:55px}
.hero h1{font-size:42px;letter-spacing:-1px}
.page-hero{min-height:420px}
.section{padding:72px 0}
.section-title{margin-bottom:42px}
.grid-3,.grid-4,.stats,.process{grid-template-columns:1fr}
.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
.stat:last-child{border-bottom:0}
.form{grid-template-columns:1fr}
.form-group.full{grid-column:auto}
.footer-grid{grid-template-columns:1fr;gap:35px}
.footer-bottom{flex-direction:column}
.split-image:after{right:-10px;bottom:-10px}
}


/* ================= ABOUT PAGE PREMIUM ================= */
.about-hero{min-height:490px}
.about-hero .hero-content{max-width:850px;margin:auto;text-align:center;padding-top:95px}
.about-hero .eyebrow{justify-content:center}
.about-hero .eyebrow:before{display:none}
.about-hero h1{font-size:clamp(48px,5.4vw,72px);margin:0 auto 20px}
.about-hero p{margin:0 auto;font-size:18px}

.about-story{padding:115px 0}
.about-story-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:80px;align-items:center}
.about-image-wrap{position:relative;padding:0 18px 18px 0}
.about-image-wrap:before{content:"";position:absolute;left:18px;top:18px;width:100%;height:100%;border:1px solid var(--gold);z-index:0}
.about-image-wrap img{height:500px;position:relative;z-index:1}
.image-badge{position:absolute;z-index:2;left:-14px;bottom:40px;background:var(--gold);color:var(--forest);padding:12px 18px;font-size:11px;font-weight:800;letter-spacing:2px}
.image-badge i{font-style:normal;margin:0 6px}
.about-story-content .eyebrow{margin-bottom:18px}
.about-story-content h2{font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-1.5px;margin-bottom:25px}
.about-story-content h2 span{color:var(--forest-3)}
.about-story-content>p{color:var(--muted);font-size:16px;margin-bottom:16px}
.principles{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;margin:28px 0 30px}
.principles div{display:flex;align-items:center;gap:12px;font-size:14px}
.principles span{color:var(--gold);font-weight:800;font-size:12px;border:1px solid var(--gold);width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.principles strong{font-weight:700}

.drives-section{background:#f5f4ef}
.drives-section .section-title{margin-bottom:50px}
.drive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.drive-card{position:relative;background:#fff;border:1px solid #dfe4dc;min-height:350px;padding:42px 34px 35px;overflow:hidden;transition:.35s}
.drive-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.35s}
.drive-card:hover{transform:translateY(-9px);box-shadow:0 22px 45px rgba(10,35,18,.12)}
.drive-card:hover:before{transform:scaleX(1)}
.drive-icon{width:72px;height:72px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:31px;margin-bottom:30px}
.drive-number{position:absolute;right:30px;top:30px;color:#d9ded8;font-size:38px;font-weight:800;line-height:1}
.drive-card h3{font-size:24px;margin-bottom:14px}
.drive-card p{color:var(--muted);font-size:15px;max-width:310px}

.approach-section{background:#fff}
.approach-line{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:25px}
.approach-line:before{content:"";position:absolute;top:30px;left:10%;right:10%;height:1px;background:var(--gold);opacity:.55}
.approach-item{position:relative;text-align:center}
.approach-item span{position:relative;z-index:1;display:grid;place-items:center;width:60px;height:60px;margin:0 auto 22px;border-radius:50%;background:#fff;border:2px solid var(--gold);color:var(--gold);font-weight:800}
.approach-item h3{font-size:18px;margin-bottom:8px}
.approach-item p{color:var(--muted);font-size:13px;line-height:1.5}

.about-cta{background:var(--forest);color:#fff;padding:78px 0}
.about-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.about-cta .eyebrow{margin-bottom:14px}
.about-cta h2{font-size:clamp(30px,4vw,48px);line-height:1.1;max-width:700px}

@media(max-width:900px){
.about-story-grid{grid-template-columns:1fr;gap:55px}
.drive-grid{grid-template-columns:1fr 1fr}
.approach-line{grid-template-columns:1fr}
.approach-line:before{top:30px;bottom:30px;left:50%;right:auto;width:1px;height:auto}
.about-cta-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
.about-story{padding:75px 0}
.about-image-wrap img{height:350px}
.about-image-wrap{padding:0 10px 10px 0}
.about-image-wrap:before{left:10px;top:10px}
.image-badge{left:-4px;bottom:28px}
.principles{grid-template-columns:1fr}
.drive-grid{grid-template-columns:1fr}
.drive-card{min-height:300px}
.about-cta{padding:60px 0}
}




/* =====================================================
   SERVICES PAGE - ALIGNMENT FIX
===================================================== */


/* ---------- HERO ---------- */

.services-hero {
    min-height: 520px;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
}

.services-hero .hero-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 80px;
}

.services-hero h1 {
    max-width: 700px;
    margin: 18px 0;
}

.services-hero p {
    max-width: 650px;
}


/* ---------- SECTION TITLE ---------- */

.services-section {
    padding: 110px 0 120px;
}

.services-section .section-title {
    max-width: 800px;
    margin: 0 auto 65px;
    text-align: center;
}

.services-section .section-title h2 {
    margin: 15px 0;
}

.services-section .section-title p {
    max-width: 650px;
    margin: 0 auto;
}


/* ---------- SERVICES GRID ---------- */

.services-grid {

    display: grid;

    grid-template-columns:
    repeat(3, minmax(0, 1fr));

    gap: 28px;

    align-items: stretch;

}


/* ---------- SERVICE CARD ---------- */

.service-card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-height: 480px;

    padding: 42px 36px 34px;

    background: #ffffff;

    border: 1px solid #e4e6e1;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


.service-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #dba91d;

    transform: scaleX(0);

    transform-origin: left;

    transition: transform .35s ease;

}


.service-card:hover {

    transform: translateY(-8px);

    border-color: #dba91d;

    box-shadow:
        0 18px 45px rgba(0,0,0,.10);

}


.service-card:hover::before {

    transform: scaleX(1);

}


/* ---------- ICON ---------- */

.service-icon {

    width: 72px;

    height: 72px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 30px;

    border: 2px solid #dba91d;

    border-radius: 50%;

    color: #dba91d;

    font-size: 30px;

    font-weight: 500;

}


/* ---------- CARD TEXT ---------- */

.service-card h3 {

    min-height: 66px;

    margin: 0 0 18px;

    color: #1c2b20;

    font-size: 25px;

    line-height: 1.25;

}


.service-card p {

    min-height: 78px;

    margin-bottom: 24px;

    color: #69736c;

    line-height: 1.7;

}


/* ---------- LIST ---------- */

.check-list {

    display: flex;

    flex-direction: column;

    gap: 13px;

    margin: 0;

    padding: 0;

    list-style: none;

}


.check-list li {

    display: flex;

    align-items: center;

    gap: 12px;

    color: #39443c;

    font-size: 15px;

}


.check-list li span {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 21px;

    height: 21px;

    border-radius: 50%;

    background: #dba91d;

    color: #ffffff;

    font-size: 12px;

    font-weight: bold;

}


/* ---------- LINK ---------- */

.service-link {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: auto;

    padding-top: 30px;

    color: #c99712;

    font-weight: 700;

    text-decoration: none;

    transition: gap .3s ease;

}


.service-link:hover {

    gap: 16px;

}


/* ---------- DIFFERENCE SECTION ---------- */

.difference-section {

    padding: 110px 0;

    background: #0c3b22;

}


.difference-grid {

    display: grid;

    grid-template-columns:
    minmax(0, .9fr)
    minmax(0, 1.1fr);

    gap: 75px;

    align-items: center;

}


.difference-content {

    max-width: 550px;

}


.difference-content h2 {

    margin: 18px 0 24px;

    color: #ffffff;

    font-size: clamp(36px, 4vw, 58px);

    line-height: 1.08;

}


.difference-content p {

    max-width: 500px;

    margin-bottom: 35px;

    color: rgba(255,255,255,.75);

    line-height: 1.8;

}


.difference-image {

    overflow: hidden;

    height: 460px;

}


.difference-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .6s ease;

}


.difference-image:hover img {

    transform: scale(1.05);

}


/* ---------- DESKTOP CONTAINER ---------- */

@media (min-width: 1200px) {

    .container {

        max-width: 1200px;

    }

}


/* ---------- TABLET ---------- */

@media (max-width: 1000px) {

    .services-grid {

        grid-template-columns:
        repeat(2, minmax(0, 1fr));

    }

    .difference-grid {

        grid-template-columns: 1fr;

        gap: 45px;

    }

    .difference-content {

        max-width: 100%;

    }

    .difference-image {

        height: 400px;

    }

}


/* ---------- MOBILE ---------- */

@media (max-width: 700px) {

    .services-hero {

        min-height: 430px;

    }

    .services-hero .hero-content {

        padding: 70px 20px 40px;

    }

    .services-section {

        padding: 75px 0;

    }

    .services-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    .service-card {

        min-height: auto;

        padding: 32px 25px;

    }

    .service-card h3,

    .service-card p {

        min-height: auto;

    }

    .difference-section {

        padding: 75px 0;

    }

    .difference-grid {

        gap: 35px;

    }

    .difference-image {

        height: 300px;

    }

}







/* =====================================================
   PREMIUM HOMEPAGE DESIGN
===================================================== */


/* ================= HERO ================= */

.home-hero {

    position: relative;

    min-height: 850px;

    display: flex;

    align-items: center;

    background-position: center;

    background-size: cover;

    overflow: hidden;

}


.home-hero::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.25),
            transparent 45%,
            rgba(0,0,0,.55)
        );

    pointer-events: none;

}


.home-hero-inner {

    position: relative;

    z-index: 2;

    width: 100%;

}


.home-hero .hero-content {

    max-width: 700px;

    padding-top: 90px;

}


.home-hero h1 {

    max-width: 650px;

    margin: 20px 0 25px;

    color: #ffffff;

    font-size: clamp(48px, 6vw, 86px);

    line-height: .98;

    letter-spacing: -2px;

}


.home-hero p {

    max-width: 620px;

    color: rgba(255,255,255,.88);

    font-size: 19px;

    line-height: 1.75;

}


.home-hero .eyebrow {

    color: #e0ac1b;

    letter-spacing: 4px;

}


.hero-buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 16px;

    margin-top: 35px;

}


.hero-scroll {

    position: absolute;

    z-index: 3;

    bottom: 35px;

    left: 50%;

    transform: translateX(-50%);

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 10px;

    color: rgba(255,255,255,.75);

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 2px;

}


.hero-scroll span {

    width: 1px;

    height: 45px;

    background: #dba91d;

}


/* ================= JOURNEY ================= */

.journey-section {

    padding: 120px 0;

    background:

        linear-gradient(
            135deg,
            #0c3d23,
            #092c1a
        );

}


.light-title h2 {

    color: #ffffff;

}


.light-title p {

    color: rgba(255,255,255,.65);

}


.journey-timeline {

    display: flex;

    align-items: flex-start;

    justify-content: center;

    margin-top: 75px;

}


.journey-item {

    flex: 1;

    max-width: 210px;

    text-align: center;

}


.journey-number {

    margin-bottom: 12px;

    color: #dba91d;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

}


.journey-icon {

    width: 78px;

    height: 78px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 22px;

    border: 2px solid #dba91d;

    border-radius: 50%;

    color: #dba91d;

    font-size: 28px;

}


.journey-item h3 {

    margin-bottom: 12px;

    color: #ffffff;

    font-size: 19px;

    text-transform: uppercase;

}


.journey-item p {

    color: rgba(255,255,255,.65);

    font-size: 14px;

    line-height: 1.6;

}


.journey-line {

    width: 60px;

    height: 1px;

    margin-top: 95px;

    background: rgba(219,169,29,.5);

}


/* ================= SERVICES ================= */

.services-home-section {

    padding: 120px 0;

    background: #ffffff;

}


.home-services-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 26px;

    margin-top: 65px;

}


.home-service-card {

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e2e5df;

    transition:

        transform .35s ease,

        box-shadow .35s ease,

        border-color .35s ease;

}


.home-service-card:hover {

    transform: translateY(-10px);

    border-color: #dba91d;

    box-shadow:

        0 20px 50px rgba(0,0,0,.12);

}


.service-image {

    position: relative;

    height: 280px;

    overflow: hidden;

}


.service-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .6s ease;

}


.home-service-card:hover img {

    transform: scale(1.08);

}


.featured-label {

    position: absolute;

    top: 18px;

    left: 18px;

    padding: 8px 13px;

    background: #dba91d;

    color: #17251b;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1px;

}


.service-content {

    padding: 30px;

}


.service-content h3 {

    min-height: 65px;

    margin-bottom: 16px;

    color: #1d2c21;

    font-size: 24px;

    line-height: 1.25;

}


.service-content p {

    min-height: 60px;

    color: #68736b;

    line-height: 1.7;

}


.gold-link {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: 24px;

    color: #c79612;

    font-weight: 700;

    text-decoration: none;

    transition: gap .3s ease;

}


.gold-link:hover {

    gap: 17px;

}


/* ================= STATS ================= */

.stats-section {

    padding: 85px 0;

    background: #0c3d23;

}


.stats-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

}


.stat {

    padding: 20px 35px;

    text-align: center;

    border-right: 1px solid rgba(255,255,255,.18);

}


.stat:last-child {

    border-right: none;

}


.stat strong {

    display: block;

    margin-bottom: 12px;

    color: #dba91d;

    font-size: 48px;

    line-height: 1;

}


.stat span {

    display: block;

    color: rgba(255,255,255,.75);

    font-size: 14px;

    line-height: 1.6;

}


/* ================= CTA ================= */

.home-cta-section {

    position: relative;

    padding: 130px 0;

    background:

        linear-gradient(
            rgba(7,34,20,.88),
            rgba(7,34,20,.88)
        ),

        url("https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=2000&q=85");

    background-size: cover;

    background-position: center;

}


.home-cta-content {

    max-width: 720px;

}


.home-cta-content h2 {

    margin: 18px 0 25px;

    color: #ffffff;

    font-size: clamp(42px, 5vw, 72px);

    line-height: 1.05;

}


.home-cta-content p {

    max-width: 600px;

    margin-bottom: 32px;

    color: rgba(255,255,255,.75);

    font-size: 18px;

    line-height: 1.7;

}


/* ================= RESPONSIVE ================= */

@media (max-width: 1000px) {


    .home-hero {

        min-height: 750px;

    }


    .journey-timeline {

        flex-wrap: wrap;

        gap: 45px;

    }


    .journey-line {

        display: none;

    }


    .journey-item {

        flex: 0 0 30%;

    }


    .home-services-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .home-service-card:first-child {

        grid-column: span 2;

    }


}


@media (max-width: 700px) {


    .home-hero {

        min-height: 720px;

    }


    .home-hero .hero-content {

        padding-top: 100px;

    }


    .home-hero h1 {

        font-size: 50px;

        letter-spacing: -1px;

    }


    .home-hero p {

        font-size: 16px;

    }


    .hero-buttons {

        flex-direction: column;

        align-items: flex-start;

    }


    .journey-section,

    .services-home-section {

        padding: 80px 0;

    }


    .journey-timeline {

        display: grid;

        grid-template-columns:
            repeat(2, 1fr);

        gap: 45px 20px;

    }


    .journey-item {

        max-width: none;

    }


    .home-services-grid {

        grid-template-columns: 1fr;

    }


    .home-service-card:first-child {

        grid-column: auto;

    }


    .service-content h3,

    .service-content p {

        min-height: auto;

    }


    .stats-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .stat {

        padding: 25px 15px;

        border-right: none;

        border-bottom: 1px solid rgba(255,255,255,.18);

    }


    .stat:nth-child(odd) {

        border-right: 1px solid rgba(255,255,255,.18);

    }


    .stat:nth-last-child(-n+2) {

        border-bottom: none;

    }


}


@media (max-width: 480px) {


    .journey-timeline {

        grid-template-columns: 1fr;

    }


    .stats-grid {

        grid-template-columns: 1fr;

    }


    .stat,

    .stat:nth-child(odd) {

        border-right: none;

        border-bottom: 1px solid rgba(255,255,255,.18);

    }


    .stat:last-child {

        border-bottom: none;

    }


}




/* =====================================================
   STRATEGIC PLANNING PAGE
===================================================== */


/* HERO */

.strategic-page-hero {

    min-height: 570px;

}


/* OVERVIEW */

.strategy-overview {

    background: #ffffff;

}


.strategy-overview-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 80px;

    align-items: center;

}


.strategy-overview-content h2 {

    max-width: 620px;

    margin: 20px 0 28px;

    color: #1c2d21;

    font-size: clamp(38px, 4vw, 60px);

    line-height: 1.08;

}


.strategy-overview-content p {

    max-width: 600px;

    margin-bottom: 18px;

    color: #68736b;

    font-size: 17px;

    line-height: 1.8;

}


.strategy-overview-content .btn {

    margin-top: 18px;

}


.strategy-overview-image {

    position: relative;

    height: 520px;

}


.strategy-overview-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

}


.strategy-image-caption {

    position: absolute;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    gap: 18px;

    padding: 18px 25px;

    background: #0c3d23;

    color: #ffffff;

}


.strategy-image-caption strong {

    color: #dba91d;

    font-size: 20px;

}


.strategy-image-caption span {

    padding-left: 18px;

    border-left: 1px solid rgba(255,255,255,.3);

    font-size: 13px;

}


/* PROCESS */

.strategy-process-section {

    background: #f5f7f3;

}


.strategy-process-section .section-title {

    max-width: 700px;

    margin: 0 auto 65px;

}


.strategy-process-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 22px;

}


.strategy-process-card {

    position: relative;

    min-height: 260px;

    padding: 35px 32px;

    background: #ffffff;

    border: 1px solid #e3e7e1;

    transition: all .35s ease;

}


.strategy-process-card:hover {

    transform: translateY(-8px);

    border-color: #dba91d;

    box-shadow:
        0 18px 45px rgba(15,50,28,.12);

}


.strategy-card-number {

    margin-bottom: 25px;

    color: #dba91d;

    font-size: 16px;

    font-weight: 800;

    letter-spacing: 2px;

}


.strategy-process-card h3 {

    margin-bottom: 15px;

    color: #203025;

    font-size: 22px;

    line-height: 1.25;

}


.strategy-process-card p {

    margin: 0;

    color: #6b756d;

    font-size: 15px;

    line-height: 1.7;

}


/* DELIVERABLES */

.section-dark .section-title {

    max-width: 700px;

    margin-bottom: 55px;

}


.section-dark .section-title p {

    color: rgba(255,255,255,.65);

}


.deliverables {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 18px;

}


.deliverable {

    min-height: 120px;

    display: flex;

    align-items: center;

    gap: 16px;

    padding: 22px;

    border: 1px solid rgba(255,255,255,.14);

    background: rgba(255,255,255,.035);

    color: #ffffff;

    font-size: 15px;

    line-height: 1.4;

    transition: all .3s ease;

}


.deliverable:hover {

    border-color: #dba91d;

    background: rgba(255,255,255,.08);

    transform: translateY(-5px);

}


.deliverable i {

    width: 48px;

    height: 48px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #dba91d;

    border-radius: 50%;

    color: #dba91d;

    font-style: normal;

    font-size: 20px;

}


/* CTA */

.strategy-bottom-cta {

    padding: 75px 0;

    background: #dba91d;

}


.strategy-bottom-cta-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

}


.strategy-bottom-cta h2 {

    max-width: 650px;

    margin-top: 16px;

    color: #0d321d;

    font-size: clamp(34px, 4vw, 55px);

    line-height: 1.08;

}


.strategy-bottom-cta .eyebrow {

    color: #0d321d;

}


.strategy-bottom-cta .btn {

    flex-shrink: 0;

    background: #0d321d;

    color: #ffffff;

}


/* TABLET */

@media (max-width: 900px) {


    .strategy-overview-grid {

        grid-template-columns: 1fr;

        gap: 55px;

    }


    .strategy-overview-image {

        height: 450px;

    }


    .strategy-process-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .deliverables {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .strategy-bottom-cta-inner {

        align-items: flex-start;

        flex-direction: column;

    }

}


/* MOBILE */

@media (max-width: 600px) {


    .strategic-page-hero {

        min-height: 500px;

    }


    .strategy-overview-content h2 {

        font-size: 40px;

    }


    .strategy-overview-image {

        height: 350px;

    }


    .strategy-image-caption {

        left: 0;

        right: 0;

        justify-content: center;

        gap: 10px;

        padding: 14px 10px;

    }


    .strategy-image-caption span {

        padding-left: 10px;

    }


    .strategy-process-grid {

        grid-template-columns: 1fr;

    }


    .strategy-process-card {

        min-height: auto;

    }


    .deliverables {

        grid-template-columns: 1fr;

    }


    .strategy-bottom-cta h2 {

        font-size: 38px;

    }

}




/* =====================================================
   ATTRACTIVE PROJECTS PAGE
===================================================== */


/* HERO */

.projects-hero {

    min-height: 560px;

}


/* INTRODUCTION */

.projects-introduction {

    background: #ffffff;

}


.projects-introduction-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 90px;

    align-items: center;

}


.projects-intro-heading h2 {

    max-width: 600px;

    margin-top: 20px;

    color: #1c2d21;

    font-size: clamp(42px, 5vw, 70px);

    line-height: 1.03;

}


.projects-intro-heading h2 span {

    display: block;

    color: #dca91b;

}


.projects-intro-text {

    max-width: 600px;

}


.projects-intro-text p {

    margin-bottom: 20px;

    color: #69756d;

    font-size: 18px;

    line-height: 1.8;

}


/* FEATURED PROJECT */

.featured-project-section {

    padding: 0 0 100px;

    background: #ffffff;

}


.featured-project {

    display: grid;

    grid-template-columns: 1.2fr .8fr;

    min-height: 520px;

    background: #0d3821;

}


.featured-project-image {

    position: relative;

    min-height: 520px;

    overflow: hidden;

}


.featured-project-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform .7s ease;

}


.featured-project:hover
.featured-project-image img {

    transform: scale(1.06);

}


.featured-label {

    position: absolute;

    top: 25px;

    left: 25px;

    padding: 11px 16px;

    background: #dca91b;

    color: #0d321d;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.featured-project-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 65px;

}


.featured-project-content h2 {

    margin: 20px 0;

    color: #ffffff;

    font-size: clamp(35px, 4vw, 58px);

    line-height: 1.05;

}


.featured-project-content p {

    color: rgba(255,255,255,.7);

    font-size: 17px;

    line-height: 1.8;

}


.featured-project-line {

    width: 60px;

    height: 2px;

    margin: 28px 0;

    background: #dca91b;

}


.project-link {

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

}


.project-link span {

    margin-left: 8px;

    color: #dca91b;

    font-size: 20px;

}


/* PROJECT SECTION */

.projects-section {

    background: #f5f7f3;

}


.projects-section .section-title {

    max-width: 700px;

    margin: 0 auto 60px;

}


.projects-showcase {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

}


.showcase-project {

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e6df;

    transition: all .35s ease;

}


.showcase-project:hover {

    transform: translateY(-8px);

    border-color: #dca91b;

    box-shadow: 0 20px 45px rgba(15,50,28,.12);

}


.showcase-large {

    grid-column: span 2;

}


.showcase-image {

    position: relative;

    height: 260px;

    overflow: hidden;

}


.showcase-large .showcase-image {

    height: 360px;

}


.showcase-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform .65s ease;

}


.showcase-project:hover
.showcase-image img {

    transform: scale(1.08);

}


.project-index {

    position: absolute;

    top: 18px;

    left: 18px;

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #dca91b;

    color: #0d321d;

    font-size: 13px;

    font-weight: 800;

}


.showcase-content {

    padding: 28px;

}


.project-category {

    display: block;

    margin-bottom: 12px;

    color: #c99910;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.showcase-content h3 {

    min-height: 52px;

    margin-bottom: 14px;

    color: #203025;

    font-size: 22px;

    line-height: 1.25;

}


.showcase-content p {

    min-height: 50px;

    margin-bottom: 22px;

    color: #6b756d;

    font-size: 15px;

    line-height: 1.65;

}


.showcase-content a {

    color: #0d3821;

    font-size: 13px;

    font-weight: 800;

    text-decoration: none;

}


.showcase-content a span {

    margin-left: 7px;

    color: #dca91b;

    font-size: 18px;

}


.showcase-content a:hover {

    color: #c99910;

}


/* CTA */

.projects-cta {

    padding: 75px 0;

    background: #dca91b;

}


.projects-cta-content {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

}


.projects-cta h2 {

    max-width: 650px;

    margin-top: 16px;

    color: #0d321d;

    font-size: clamp(36px, 4vw, 58px);

    line-height: 1.05;

}


.projects-cta .eyebrow {

    color: #0d321d;

}


.projects-cta .btn {

    flex-shrink: 0;

    background: #0d321d;

    color: #ffffff;

}


/* TABLET */

@media (max-width: 950px) {


    .projects-introduction-grid {

        gap: 50px;

    }


    .projects-showcase {

        grid-template-columns: repeat(2, 1fr);

    }


    .showcase-large {

        grid-column: span 2;

    }

}


/* MOBILE */

@media (max-width: 650px) {


    .projects-introduction-grid {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    .featured-project {

        grid-template-columns: 1fr;

    }


    .featured-project-image {

        min-height: 320px;

    }


    .featured-project-content {

        padding: 42px 28px;

    }


    .projects-showcase {

        grid-template-columns: 1fr;

    }


    .showcase-large {

        grid-column: span 1;

    }


    .showcase-large .showcase-image {

        height: 270px;

    }


    .showcase-image {

        height: 250px;

    }


    .projects-cta-content {

        align-items: flex-start;

        flex-direction: column;

    }

}




/* =====================================================
   RESOURCES PAGE
===================================================== */


/* HERO */

.resources-hero {

    min-height: 560px;

}


/* INTRODUCTION */

.resources-intro {

    background: #ffffff;

}


.resources-intro-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 90px;

    align-items: center;

}


.resources-intro-heading h2 {

    max-width: 600px;

    margin-top: 20px;

    color: #1d2e21;

    font-size: clamp(42px, 5vw, 70px);

    line-height: 1.03;

}


.resources-intro-heading h2 span {

    display: block;

    color: #dca91b;

}


.resources-intro-text {

    max-width: 600px;

}


.resources-intro-text p {

    margin-bottom: 20px;

    color: #69756d;

    font-size: 18px;

    line-height: 1.8;

}


/* FEATURED RESOURCE */

.featured-resource-section {

    padding: 0 0 100px;

    background: #ffffff;

}


.featured-resource {

    display: grid;

    grid-template-columns: 1.15fr .85fr;

    min-height: 520px;

    background: #0d3821;

}


.featured-resource-image {

    position: relative;

    min-height: 520px;

    overflow: hidden;

}


.featured-resource-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform .7s ease;

}


.featured-resource:hover
.featured-resource-image img {

    transform: scale(1.06);

}


.featured-resource-label {

    position: absolute;

    top: 25px;

    left: 25px;

    padding: 11px 16px;

    background: #dca91b;

    color: #0d321d;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.featured-resource-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 65px;

}


.resource-category {

    display: block;

    margin-bottom: 14px;

    color: #c99910;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.6px;

}


.featured-resource-content h2 {

    margin-bottom: 22px;

    color: #ffffff;

    font-size: clamp(35px, 4vw, 58px);

    line-height: 1.05;

}


.featured-resource-content p {

    color: rgba(255,255,255,.72);

    font-size: 17px;

    line-height: 1.8;

}


.resource-details {

    display: flex;

    flex-wrap: wrap;

    gap: 18px;

    margin: 25px 0;

}


.resource-details span {

    color: rgba(255,255,255,.55);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1px;

}


.resource-link {

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

}


.resource-link span {

    margin-left: 8px;

    color: #dca91b;

    font-size: 20px;

}


/* INSIGHTS */

.insights-section {

    background: #f5f7f3;

}


.insights-section .section-title {

    max-width: 700px;

    margin: 0 auto 60px;

}


.insights-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

}


.insight-card {

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e6df;

    transition: all .35s ease;

}


.insight-card:hover {

    transform: translateY(-8px);

    border-color: #dca91b;

    box-shadow: 0 20px 45px rgba(15,50,28,.12);

}


.insight-image {

    position: relative;

    height: 270px;

    overflow: hidden;

}


.insight-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform .6s ease;

}


.insight-card:hover
.insight-image img {

    transform: scale(1.08);

}


.insight-number {

    position: absolute;

    top: 18px;

    left: 18px;

    width: 46px;

    height: 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #dca91b;

    color: #0d321d;

    font-size: 13px;

    font-weight: 800;

}


.insight-content {

    padding: 28px;

}


.insight-content h3 {

    min-height: 58px;

    margin-bottom: 14px;

    color: #203025;

    font-size: 24px;

    line-height: 1.2;

}


.insight-content p {

    min-height: 52px;

    margin-bottom: 22px;

    color: #6b756d;

    font-size: 15px;

    line-height: 1.65;

}


.insight-content a {

    color: #0d3821;

    font-size: 13px;

    font-weight: 800;

    text-decoration: none;

}


.insight-content a span {

    margin-left: 7px;

    color: #dca91b;

    font-size: 18px;

}


/* CATEGORIES */

.resource-categories-section {

    background: #ffffff;

}


.resource-categories {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

}


.resource-category-box {

    display: flex;

    align-items: center;

    gap: 20px;

    padding: 28px;

    background: #f5f7f3;

    border: 1px solid #e1e6df;

    text-decoration: none;

    transition: all .35s ease;

}


.resource-category-box:hover {

    transform: translateY(-6px);

    background: #0d3821;

}


.category-icon {

    flex-shrink: 0;

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #dca91b;

    color: #0d321d;

    font-size: 22px;

    font-weight: 700;

}


.resource-category-box h3 {

    margin-bottom: 7px;

    color: #203025;

    font-size: 18px;

}


.resource-category-box p {

    color: #6b756d;

    font-size: 13px;

    line-height: 1.5;

}


.resource-category-box:hover h3 {

    color: #ffffff;

}


.resource-category-box:hover p {

    color: rgba(255,255,255,.65);

}


.category-arrow {

    margin-left: auto;

    color: #dca91b;

    font-size: 22px;

}


/* DOWNLOAD SECTION */

.download-resources-section {

    padding: 100px 0;

    background: #0d3821;

}


.download-resources {

    display: grid;

    grid-template-columns: .85fr 1.15fr;

    gap: 80px;

    align-items: center;

}


.download-content h2 {

    max-width: 500px;

    margin: 18px 0 22px;

    color: #ffffff;

    font-size: clamp(40px, 4.5vw, 65px);

    line-height: 1.05;

}


.download-content p {

    max-width: 520px;

    margin-bottom: 30px;

    color: rgba(255,255,255,.7);

    font-size: 17px;

    line-height: 1.8;

}


.download-image {

    position: relative;

    height: 450px;

    overflow: hidden;

}


.download-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.download-badge {

    position: absolute;

    right: 25px;

    bottom: 25px;

    display: flex;

    flex-direction: column;

    padding: 20px 24px;

    background: #dca91b;

    color: #0d321d;

}


.download-badge strong {

    font-size: 22px;

}


.download-badge span {

    font-size: 12px;

    letter-spacing: 1px;

}


/* CTA */

.resources-cta {

    padding: 75px 0;

    background: #dca91b;

}


.resources-cta-content {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

}


.resources-cta h2 {

    max-width: 650px;

    margin-top: 16px;

    color: #0d321d;

    font-size: clamp(36px, 4vw, 58px);

    line-height: 1.05;

}


.resources-cta .eyebrow {

    color: #0d321d;

}


.resources-cta .btn {

    flex-shrink: 0;

    background: #0d321d;

    color: #ffffff;

}


/* TABLET */

@media (max-width: 950px) {


    .resources-intro-grid {

        gap: 50px;

    }


    .download-resources {

        gap: 45px;

    }


}


/* MOBILE */

@media (max-width: 700px) {


    .resources-intro-grid {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    .featured-resource {

        grid-template-columns: 1fr;

    }


    .featured-resource-image {

        min-height: 320px;

    }


    .featured-resource-content {

        padding: 42px 28px;

    }


    .insights-grid {

        grid-template-columns: 1fr;

    }


    .resource-categories {

        grid-template-columns: 1fr;

    }


    .download-resources {

        grid-template-columns: 1fr;

    }


    .download-image {

        height: 330px;

    }


    .resources-cta-content {

        align-items: flex-start;

        flex-direction: column;

    }

}





/* =========================================
   PREMIUM STATS SECTION
========================================= */

.stats-section {
    background: #073b25;
    padding: 95px 0;
    position: relative;
    overflow: hidden;
}

/* Subtle background decoration */
.stats-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(226, 170, 22, 0.08);
    border-radius: 50%;
    top: -250px;
    left: -250px;
}

.stats-section::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(226, 170, 22, 0.08);
    border-radius: 50%;
    bottom: -300px;
    right: -250px;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    z-index: 2;
}

.stat {
    text-align: center;
    padding: 20px 35px;
    position: relative;
}

/* Vertical separators */
.stat:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background: rgba(255, 255, 255, 0.18);
}

/* Icon */
.stat-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #e2aa16;
    border-radius: 50%;

    color: #e2aa16;
    font-size: 25px;

    transition: all 0.35s ease;
}

/* Number */
.stat strong {
    display: block;
    color: #e2aa16;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 16px;
}

/* Text */
.stat span {
    display: block;
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
    line-height: 1.6;
    max-width: 210px;
    margin: 0 auto;
}

/* Small text */
.stat span small {
    font-size: 12px;
    opacity: 0.8;
}

/* Hover Effect */
.stat:hover .stat-icon {
    background: #e2aa16;
    color: #073b25;
    transform: translateY(-7px);
}

.stat:hover strong {
    transform: translateY(-3px);
    transition: 0.3s ease;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 900px) {

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 50px;
    }

    .stat:nth-child(2)::after {
        display: none;
    }
}

@media (max-width: 600px) {

    .stats-section {
        padding: 70px 0;
    }

    .stats-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .stat {
        padding: 0 20px 40px;
    }

    .stat:not(:last-child)::after {
        right: 10%;
        left: 10%;
        top: auto;
        bottom: 0;
        width: 80%;
        height: 1px;
    }

    .stat strong {
        font-size: 42px;
    }
}