:root{
      --navy:#082d66;
      --navy-2:#0c427e;
      --gold:#b67a16;
      --gold-2:#d7a43f;
      --green:#3f875f;
      --blue:#176ca4;
      --red:#a30e24;
      --ink:#1f2a33;
      --muted:#6b7078;
      --cream:#f8f5ef;
      --line:#d8c8ad;
    }

    .gospel-ministry{
      font-family:"DM Sans","Google Sans",Arial,sans-serif;
      color:var(--ink);
    }

    .gospel-ministry,
    .gospel-ministry *{
      box-sizing:border-box;
    }

    .gospel-ministry{
      position:relative;
      min-height:100vh;
      overflow:hidden;
      background:
        radial-gradient(circle at 70% 30%, rgba(247,234,210,.75), transparent 36%),
        linear-gradient(110deg,#edf2f4 0%,#fbfaf7 44%,#f4eee3 100%);
    }

    /* subtle dotted world-map inspired texture */
    .gospel-ministry::after{
      content:"";
      position:absolute;
      inset:0 0 auto auto;
      width:38%;
      height:55%;
      pointer-events:none;
      opacity:.22;
      background-image:radial-gradient(#6f7c88 1.1px, transparent 1.1px);
      background-size:9px 9px;
      -webkit-mask-image:radial-gradient(circle at 72% 15%,#000 0 28%,transparent 66%);
              mask-image:radial-gradient(circle at 72% 15%,#000 0 28%,transparent 66%);
    }

    .gm-hero-media{
      min-height:520px;
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.06)),
        url("../images/gospal.jpg")
        center/cover no-repeat;
      clip-path:polygon(0 0,100% 0,93% 46%,100% 48%,90% 60%,100% 62%,87% 80%,100% 81%,86% 100%,0 100%);
    }

    .gm-hero-media::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,rgba(5,34,68,.08),rgba(255,255,255,0) 60%);
    }

    .gm-hero-media::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(135deg,rgba(255,255,255,.85),transparent 20%),
        radial-gradient(circle at 78% 88%,rgba(255,255,255,.7),transparent 12%);
      mix-blend-mode:screen;
      opacity:.5;
    }

    .gm-hope-copy{
      position:absolute;
      top:23%;
      left:7%;
      z-index:3;
      color:#062b5a;
      width:240px;
      text-shadow:0 1px 0 rgba(255,255,255,.35);
    }

    .gm-hope-copy .script{
      font-family:"Caveat",cursive;
      font-size:58px;
      line-height:.9;
      font-weight:600;
      transform:rotate(-4deg);
    }

    .gm-hope-copy small{
      display:block;
      font-size:11px;
      letter-spacing:4px;
      text-transform:uppercase;
      margin-top:26px;
      font-weight:600;
    }

    .gm-content-wrap{
      padding:58px 70px 34px 25px;
      position:relative;
      z-index:2;
    }

    .gm-eyebrow{
      display:flex;
      align-items:center;
      gap:22px;
      color:#6d5029;
      font-size:14px;
      letter-spacing:8px;
      text-transform:uppercase;
      white-space:nowrap;
      margin-bottom:15px;
    }

    .gm-eyebrow::before,
    .gm-eyebrow::after{
      content:"";
      height:1px;
      flex:1;
      background:linear-gradient(90deg,transparent,#a5783f);
      max-width:95px;
    }

    .gm-eyebrow::after{ background:linear-gradient(90deg,#a5783f,transparent); }

    .gm-main-title{
      font-size:clamp(46px,5vw,72px);
      font-weight:800;
      line-height:.98;
      letter-spacing:-2px;
      margin:0;
      text-transform:uppercase;
      color:var(--navy);
    }

    .gm-main-title span{
      background:linear-gradient(100deg,#a46b15,#d8a448,#87500a);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }

    .gm-tagline{
      margin-top:18px;
      font-size:14px;
      letter-spacing:7px;
      text-transform:uppercase;
      color:#73777f;
    }

    .gm-lead-copy{
      max-width:770px;
      font-size:18px;
      line-height:1.55;
      margin-top:26px;
    }

    .gm-ministry-values{
      margin-top:34px;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:0;
      max-width:830px;
    }

    .gm-value-item{
      display:flex;
      align-items:center;
      gap:14px;
      padding:0 22px;
      min-height:58px;
      border-right:1px solid rgba(75,85,96,.2);
    }

    .gm-value-item:first-child{ padding-left:0; }
    .gm-value-item:last-child{ border-right:0; }

    .gm-value-icon{
      width:54px;
      height:54px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      font-size:23px;
      flex:0 0 auto;
      box-shadow:0 10px 24px rgba(0,0,0,.13);
    }

    .gm-value-icon.gold{ background:linear-gradient(135deg,#d5ab56,#9d6d17); }
    .gm-value-icon.green{ background:linear-gradient(135deg,#5aa67d,#367a56); }
    .gm-value-icon.blue{ background:linear-gradient(135deg,#2785bc,#0a5c98); }

    .gm-value-text{
      font-weight:700;
      font-size:13px;
      text-transform:uppercase;
      line-height:1.25;
      color:#173046;
    }

    .gm-read-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:25px;
      margin-top:34px;
      min-width:240px;
      padding:17px 25px;
      border-radius:40px;
      text-decoration:none;
      text-transform:uppercase;
      letter-spacing:2px;
      font-weight:700;
      color:#ffc352;
      background:linear-gradient(90deg,#062b62,#086cac);
      box-shadow:0 14px 26px rgba(12,55,103,.18);
      transition:.3s ease;
    }

    .gm-read-btn i{
      font-size:25px;
      color:#fff;
      transition:transform .3s ease;
    }

    .gm-read-btn:hover{
      transform:translateY(-3px);
      box-shadow:0 18px 32px rgba(12,55,103,.25);
      color:#ffd372;
    }

    .gm-read-btn:hover i{ transform:translateX(6px); }

    .gm-mobile-action-row{
      display:block;
    }

    /* cards */
    .gm-cards-wrap{
      position:relative;
      z-index:5;
      margin-top:-32px;
      padding:0 5% 20px;
    }

    .gm-ministry-card{
      height:100%;
      background:rgba(255,255,255,.92);
      border:10px solid rgba(255,255,255,.85);
      border-bottom-width:0;
      border-radius:15px;
      overflow:hidden;
      box-shadow:0 16px 45px rgba(41,45,53,.10);
      transition:.35s ease;
    }

    .gm-ministry-card:hover{
      transform:translateY(-7px);
      box-shadow:0 22px 52px rgba(41,45,53,.16);
    }

    .gm-card-img-wrap{
      height:176px;
      position:relative;
      overflow:hidden;
      border-radius:8px;
    }

    .gm-card-img-wrap img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform .6s ease;
    }

    .gm-ministry-card:hover img{ transform:scale(1.06); }

    .gm-card-icon{
      width:58px;
      height:58px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      font-size:24px;
      position:absolute;
      left:28px;
      bottom:-27px;
      border:3px solid #fff;
      box-shadow:0 6px 16px rgba(0,0,0,.12);
    }

    .gm-card-icon.gold{ background:#b88b38; }
    .gm-card-icon.green{ background:#28784e; }
    .gm-card-icon.blue{ background:#1268a0; }
    .gm-card-icon.red{ background:#a60027; }

    .gm-card-body-custom{
      position:relative;
      padding:34px 30px 24px;
      min-height:120px;
    }

    .gm-card-title-custom{
      font-size:17px;
      letter-spacing:1px;
      text-transform:uppercase;
      font-weight:800;
      margin:0 0 6px;
      color:#173c52;
    }

    .gm-card-text-custom{
      margin:0;
      font-size:16px;
      line-height:1.45;
      color:#34556a;
    }

    .gm-bottom-verse{
      position:relative;
      z-index:3;
      text-align:center;
      padding:22px 20px 45px;
    }

    .gm-mission-label{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:18px;
      color:#72747b;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:6px;
      margin-bottom:16px;
    }

    .gm-mission-label::before,
    .gm-mission-label::after{
      content:"";
      width:62px;
      height:1px;
      background:#b78538;
    }

    .gm-verse{
      margin:0;
      font-family:Georgia,serif;
      font-style:italic;
      font-size:20px;
      color:#262e36;
    }

    .gm-verse-ref{
      margin-top:9px;
      font-size:10px;
      letter-spacing:4px;
      color:#74777c;
    }

    .gm-watermark{
      position:absolute;
      right:3%;
      bottom:20px;
      font-family:"Caveat",cursive;
      font-size:100px;
      line-height:.8;
      color:#9d8e74;
      opacity:.13;
      transform:rotate(-7deg);
      z-index:1;
      pointer-events:none;
    }

    .gm-watermark small{
      display:block;
      font-family:"DM Sans",sans-serif;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:7px;
      text-align:center;
      margin-top:16px;
    }

    @media (max-width:1199.98px){
      .gm-content-wrap{ padding:48px 35px 32px 15px; }
      .gm-lead-copy{ font-size:16px; }
      .gm-hope-copy{ left:8%; width:190px; }
      .gm-hope-copy .script{ font-size:48px; }
      .gm-ministry-values{ gap:12px; }
      .gm-value-item{ padding:0 12px; }
    }

    @media (max-width:991.98px){
      .gm-hero-media{
        min-height:460px;
        clip-path:none;
      }
      .gm-content-wrap{
        padding:45px 28px 60px;
        background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,246,240,.95));
      }
      .gm-cards-wrap{
        margin-top:0;
        padding-top:20px;
      }
      .gm-main-title{ font-size:52px; }
      .gm-ministry-values{ max-width:none; }
    }

    @media (max-width:767.98px){
      .gm-hero-media{ min-height:400px; }
      .gm-hope-copy{
        top:17%;
        left:8%;
        width:180px;
      }
      .gm-hope-copy .script{ font-size:43px; }
      .gm-content-wrap{ padding:38px 20px 44px; }
      .gm-eyebrow{
        letter-spacing:4px;
        font-size:11px;
        gap:10px;
      }
      .gm-main-title{
        font-size:42px;
        letter-spacing:-1px;
      }
      .gm-tagline{
        font-size:11px;
        letter-spacing:4px;
        line-height:1.8;
      }
      .gm-lead-copy{
        font-size:15px;
        margin-top:18px;
      }
      .gm-ministry-values{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px 10px;
        align-items:center;
      }
      .gm-value-item{
        border-right:0;
        border-bottom:0;
        padding:0;
        min-width:0;
        gap:9px;
      }
      .gm-value-icon{
        width:44px;
        height:44px;
        font-size:18px;
      }
      .gm-value-text{
        font-size:10px;
        line-height:1.2;
      }

      /* Mobile arrangement:
         Row 1: Reaching Communities | Life Transformation
         Row 2: Serve With Compassion | Read More */
      .gm-value-item:nth-child(3){
        grid-column:1;
        grid-row:2;
      }
      .gm-mobile-action-row{
        position:absolute;
        width:calc(50% - 25px);
        right:20px;
        margin-top:-58px;
      }
      .gm-read-btn{
        width:100%;
        min-width:0;
        max-width:none;
        margin-top:0;
        padding:13px 10px;
        gap:10px;
        font-size:11px;
        letter-spacing:1.2px;
      }
      .gm-read-btn i{ font-size:18px; }
      .gm-cards-wrap{ padding-left:16px; padding-right:16px; }
      .gm-card-img-wrap{ height:220px; }
      .gm-watermark{ display:none; }
      .gm-mission-label{ letter-spacing:3px; }
      .gm-verse{ font-size:17px; }
    }

    @media (max-width:420px){
      .gm-hero-media{ min-height:350px; }
      .gm-hope-copy .script{ font-size:37px; }
      .gm-main-title{ font-size:36px; }
      .gm-eyebrow::before,.gm-eyebrow::after{ max-width:45px; }
    }