:root {
            --earth:#2D4A3E;
            --earth-dark:#182E25;
            --gold:#D4933A;
            --water:#1F8A9B;
            --water-dark:#0F4F5A;
            --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;
        }

        .water-hero {
            position:relative;
            min-height:88vh;
            display:flex;
            align-items:center;
            background:
                linear-gradient(rgba(15,79,90,.67), rgba(24,46,37,.78)),
                url('assets/images/gallery/causes-03.jpg') center/cover no-repeat;
            color:#fff;
            padding:170px 0 120px;
            overflow:hidden;
        }

        .water-hero:after {
            content:"";
            position:absolute;
            left:-5%;
            right:-5%;
            bottom:-90px;
            height:170px;
            background:var(--cream);
            border-radius:50% 50% 0 0;
        }

        .hero-content {
            position:relative;
            z-index:2;
            max-width:850px;
        }

        .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%;
        }

        .water-hero h1 {
            font-size:clamp(48px,6vw,84px);
            line-height:1;
            font-weight:600;
            margin-bottom:24px;
            color: #fff;
        }

        .water-hero h1 em {
            color:var(--gold);
            font-style:italic;
            font-weight:400;
        }

        .water-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:100px 0;
        }

        .section-title-left span,
        .section-title-center span {
            color:var(--water);
            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,56px);
            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;
        }

        .water-img {
            border-radius:30px;
            overflow:hidden;
            box-shadow:0 25px 60px rgba(45,74,62,.17);
        }

        .water-img img {
            width:100%;
            height:520px;
            object-fit:cover;
        }

        .water-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;
        }

        .water-card:hover {
            transform:translateY(-8px);
        }

        .water-card i {
            width:60px;
            height:60px;
            border-radius:18px;
            background:rgba(31,138,155,.14);
            color:var(--water);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:25px;
            margin-bottom:22px;
        }

        .water-card h3 {
            color:var(--earth);
            font-size:28px;
            margin-bottom:12px;
        }

        .water-card p {
            color:var(--muted);
            line-height:1.75;
        }

        .soft-water {
            background:linear-gradient(180deg,#EAF8FA 0%, #FDFAF6 100%);
        }

        .dark-water {
            background:var(--earth-dark);
            color:#fff;
        }

        .dark-water h2,
        .dark-water p {
            color:#fff;
        }

        .gallery-water {
            display:grid;
            grid-template-columns:1fr 1fr 1fr;
            gap:24px;
        }

        .gallery-water img {
            width:100%;
            height:360px;
            object-fit:cover;
            border-radius:28px;
            box-shadow:0 14px 40px rgba(45,74,62,.13);
        }

        .quote-section {
            background:
                linear-gradient(rgba(15,79,90,.72), rgba(24,46,37,.82)),
                url('assets/images/gallery/causes-03.jpg') center/cover no-repeat;
            padding:120px 0;
            text-align:center;
            color:#fff;
        }

        .quote-section h2 {
            font-size:clamp(40px,5vw,70px);
            line-height:1.08;
            margin-bottom:24px;
        }

        .quote-section h2 em {
            color:var(--gold);
            font-style:italic;
        }

        .quote-section 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) {
            .water-hero {
                padding:140px 0 95px;
            }

            .section-padding {
                padding:75px 0;
            }

            .water-img img {
                height:420px;
                margin-top:35px;
            }

            .gallery-water {
                grid-template-columns:1fr;
            }

            .hero-outline {
                margin-left:0;
                margin-top:12px;
            }
        }