/* =====================================================
   MINISTRIES OVERVIEW
   FOREST + CREAM WITH BLUE ACCENTS
===================================================== */


/* =====================================================
   1. COLOR SYSTEM
===================================================== */

:root{
  --ministries-forest-deep:#102b1c;
  --ministries-forest-dark:#173b27;
  --ministries-forest:#2f6b45;
  --ministries-forest-mid:#4f8a61;
  --ministries-leaf:#709d72;

  --ministries-blue-deep:#315d7a;
  --ministries-blue:#5f9fbe;
  --ministries-blue-light:#a8d3e5;

  --ministries-gold-dark:#9b742b;
  --ministries-gold:#c99a2e;
  --ministries-gold-light:#e6c86a;
  --ministries-gold-soft:#f2dda2;

  --ministries-brown:#7b5438;
  --ministries-cream:#fffaf0;
  --ministries-ivory:#f8f4ea;
  --ministries-parchment:#efe0c3;
  --ministries-white:#ffffff;

  --ministries-text:#183326;
  --ministries-text-soft:#59685f;
  --ministries-text-light:#eef5ed;

  --ministries-border:rgba(47,107,69,.19);
  --ministries-blue-border:rgba(95,159,190,.32);
  --ministries-gold-border:rgba(201,154,46,.36);
}


/* =====================================================
   2. PAGE FOUNDATION
===================================================== */

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
  background:var(--ministries-forest-deep);
}

body{
  margin:0;
  min-height:100vh;
  min-height:100svh;

  color:var(--ministries-text);
  font-family:"Inter",Arial,sans-serif;

  overflow-x:hidden;

  background:
    radial-gradient(
      circle at 9% 18%,
      rgba(79,138,97,.12),
      transparent 29%
    ),
    radial-gradient(
      circle at 88% 16%,
      rgba(95,159,190,.11),
      transparent 29%
    ),
    radial-gradient(
      circle at 90% 55%,
      rgba(201,154,46,.10),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #f4eddf 0%,
      var(--ministries-cream) 48%,
      #edf3eb 100%
    );
}

body::before{
  content:"";

  position:fixed;
  inset:0;
  z-index:0;

  pointer-events:none;

  background-image:
    linear-gradient(
      rgba(47,107,69,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(47,107,69,.025) 1px,
      transparent 1px
    );

  background-size:76px 76px;

  mask-image:
    linear-gradient(
      to bottom,
      rgba(0,0,0,.62),
      transparent 88%
    );

  -webkit-mask-image:
    linear-gradient(
      to bottom,
      rgba(0,0,0,.62),
      transparent 88%
    );
}


/* =====================================================
   3. GLOBAL LAYER ORDER
===================================================== */

#globalHeader{
  position:relative;
  z-index:9999;
  isolation:isolate;
}

#globalFooter{
  position:relative;
  z-index:2;
}

#main-content{
  position:relative;
  z-index:1;

  width:100%;
  overflow:hidden;
}

.ministries-container{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}


/* =====================================================
   4. SHARED TYPOGRAPHY
===================================================== */

.ministries-eyebrow{
  margin:0 0 12px;

  color:var(--ministries-gold-dark);

  font-size:.72rem;
  font-weight:900;
  letter-spacing:.24em;
  line-height:1.4;
  text-transform:uppercase;
}

.ministries-section-heading{
  max-width:720px;
  margin-bottom:36px;
}

.ministries-section-heading h2{
  margin:0;

  color:var(--ministries-forest-dark);

  font-family:"Cinzel",Georgia,serif;
  font-size:clamp(2rem,4vw,3.35rem);
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.025em;
}

.ministries-section-heading > p:last-child{
  max-width:680px;
  margin:18px 0 0;

  color:var(--ministries-text-soft);
  font-size:1rem;
  line-height:1.75;
}


/* =====================================================
   5. HERO
===================================================== */

.ministries-hero{
  position:relative;
  isolation:isolate;

  min-height:680px;

  display:grid;
  align-items:center;

  padding:90px 24px 120px;

  overflow:hidden;
}

.ministries-hero__background{
  position:absolute;
  inset:0;
  z-index:-2;

  background:
    linear-gradient(
      90deg,
      rgba(16,43,28,.97) 0%,
      rgba(16,43,28,.89) 38%,
      rgba(23,59,39,.57) 67%,
      rgba(23,59,39,.24) 100%
    ),
    linear-gradient(
      180deg,
      rgba(16,43,28,.10),
      rgba(16,43,28,.72)
    ),
    url("/media/blueridgeministry.png");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.ministries-hero::before{
  content:"";

  position:absolute;
  inset:0;
  z-index:-1;

  pointer-events:none;

  background:
    radial-gradient(
      circle at 84% 16%,
      rgba(168,211,229,.20),
      transparent 30%
    ),
    radial-gradient(
      circle at 72% 45%,
      rgba(230,200,106,.15),
      transparent 27%
    ),
    radial-gradient(
      circle at 74% 86%,
      rgba(79,138,97,.27),
      transparent 38%
    );
}

.ministries-hero::after{
  content:"";

  position:absolute;
  right:8%;
  bottom:0;
  left:8%;

  height:2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--ministries-forest-mid),
      var(--ministries-blue),
      var(--ministries-gold-light),
      var(--ministries-forest-mid),
      transparent
    );
}

.ministries-hero__inner{
  width:min(1180px,100%);
  margin:0 auto;

  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
  align-items:center;
  gap:clamp(50px,8vw,110px);
}

.ministries-hero__content{
  max-width:680px;
}

.ministries-hero .ministries-eyebrow{
  color:var(--ministries-gold-light);
  text-shadow:0 5px 18px rgba(0,0,0,.35);
}

.ministries-hero__content h1{
  margin:0;

  color:var(--ministries-cream);

  font-family:"Cinzel",Georgia,serif;
  font-size:clamp(3.2rem,7vw,6.6rem);
  font-weight:900;
  line-height:.94;
  letter-spacing:-.055em;

  text-shadow:
    0 10px 34px rgba(0,0,0,.42),
    0 0 38px rgba(95,159,190,.10);
}

.ministries-hero__lead{
  max-width:640px;
  margin:28px 0 0;

  color:var(--ministries-cream);

  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(1.3rem,2vw,1.65rem);
  font-weight:700;
  line-height:1.42;
}

.ministries-hero__support{
  max-width:630px;
  margin:18px 0 0;

  color:rgba(248,244,234,.76);
  font-size:.98rem;
  line-height:1.75;
}

.ministries-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;

  margin-top:32px;
}


/* =====================================================
   6. HERO STATEMENT
===================================================== */

.ministries-hero__statement{
  position:relative;
  isolation:isolate;

  margin:0;
  padding:48px 40px;

  overflow:hidden;

  border:1px solid rgba(230,200,106,.30);
  border-left:3px solid var(--ministries-gold-light);
  border-radius:6px;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(95,159,190,.17),
      transparent 35%
    ),
    radial-gradient(
      circle at 8% 100%,
      rgba(230,200,106,.10),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(47,107,69,.94),
      rgba(16,43,28,.98)
    );

  box-shadow:
    0 30px 72px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.035),
    inset 0 1px rgba(255,255,255,.08),
    inset 0 0 60px rgba(230,200,106,.04);

  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.ministries-hero__statement::before{
  content:"";

  position:absolute;
  top:-1px;
  left:-3px;

  width:3px;
  height:96px;

  background:
    linear-gradient(
      to bottom,
      var(--ministries-blue-light),
      var(--ministries-gold-light),
      var(--ministries-forest-mid)
    );

  box-shadow:0 0 22px rgba(230,200,106,.34);
}

.ministries-hero__statement::after{
  content:"";

  position:absolute;
  right:-70px;
  bottom:-90px;
  z-index:-1;

  width:230px;
  height:230px;

  border:1px solid rgba(168,211,229,.13);
  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(95,159,190,.13),
      transparent 68%
    );
}

.ministries-hero__statement-label{
  display:inline-flex;
  align-items:center;
  gap:10px;

  margin-bottom:22px;

  color:var(--ministries-blue-light);

  font-size:.68rem;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.ministries-hero__statement-label::before{
  content:"";

  width:28px;
  height:1px;

  background:
    linear-gradient(
      90deg,
      var(--ministries-gold-light),
      var(--ministries-blue-light)
    );
}

.ministries-hero__statement blockquote{
  margin:0;

  color:var(--ministries-cream);

  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(1.55rem,2.5vw,2.15rem);
  font-weight:700;
  line-height:1.25;
}

.ministries-hero__statement p{
  margin:30px 0 0;
  padding-top:21px;

  border-top:1px solid rgba(230,200,106,.20);

  color:var(--ministries-gold-soft);

  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1.8;
  text-transform:uppercase;
}


/* =====================================================
   7. SHARED BUTTONS
===================================================== */

.ministries-button{
  position:relative;

  min-height:50px;

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

  padding:0 26px;

  overflow:hidden;

  border:1px solid transparent;
  border-radius:4px;

  font-size:.72rem;
  font-weight:900;
  letter-spacing:.10em;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;

  transition:
    transform .22s ease,
    border-color .22s ease,
    color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}

.ministries-button--primary{
  color:var(--ministries-white);

  border-color:rgba(230,200,106,.52);

  background:
    linear-gradient(
      135deg,
      var(--ministries-forest-mid),
      var(--ministries-forest-dark)
    );

  box-shadow:
    0 14px 28px rgba(0,0,0,.24),
    0 0 22px rgba(79,138,97,.14);
}

.ministries-button--secondary{
  color:var(--ministries-forest-dark);

  border-color:rgba(95,159,190,.55);

  background:
    linear-gradient(
      135deg,
      var(--ministries-cream),
      #e5f0f3
    );

  box-shadow:
    0 14px 28px rgba(0,0,0,.18),
    0 0 20px rgba(95,159,190,.10);
}

.ministries-button:hover,
.ministries-button:focus-visible{
  transform:translateY(-2px);

  border-color:var(--ministries-gold-light);

  box-shadow:
    0 17px 34px rgba(0,0,0,.28),
    0 0 24px rgba(230,200,106,.16);
}

.ministries-button:focus-visible{
  outline:2px solid var(--ministries-gold-light);
  outline-offset:4px;
}


/* =====================================================
   8. ACTIVE MINISTRIES
===================================================== */

.ministries-active{
  position:relative;
  padding:100px 0 76px;
}

.ministries-active::before{
  content:"";

  position:absolute;
  top:0;
  left:50%;

  width:min(1180px,calc(100% - 48px));
  height:1px;

  transform:translateX(-50%);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(47,107,69,.26),
      rgba(95,159,190,.26),
      rgba(201,154,46,.24),
      transparent
    );
}

.ministries-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;

  perspective:1500px;
}


/* =====================================================
   9. MINISTRY CARD BASE
===================================================== */

.ministry-card{
  --card-accent:#e6c86a;
  --card-accent-light:#f2dda2;
  --card-accent-rgb:230,200,106;

  --card-secondary:#5f9fbe;
  --card-secondary-rgb:95,159,190;

  --card-surface-one:#244f35;
  --card-surface-two:#102b1c;

  --card-pointer-x:50%;
  --card-pointer-y:50%;
  --card-rotate-x:0deg;
  --card-rotate-y:0deg;

  position:relative;
  isolation:isolate;

  min-height:610px;

  display:flex;
  flex-direction:column;

  padding:36px 32px 31px;

  overflow:hidden;

  border:1px solid rgba(var(--card-accent-rgb),.34);
  border-radius:8px;

  color:var(--ministries-cream);

  background:
    radial-gradient(
      circle at var(--card-pointer-x) var(--card-pointer-y),
      rgba(var(--card-secondary-rgb),.22),
      transparent 28%
    ),
    radial-gradient(
      circle at 100% 0%,
      rgba(var(--card-accent-rgb),.17),
      transparent 34%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(var(--card-secondary-rgb),.13),
      transparent 37%
    ),
    linear-gradient(
      150deg,
      var(--card-surface-one),
      var(--card-surface-two) 72%
    );

  box-shadow:
    0 30px 70px rgba(16,43,28,.25),
    0 0 0 1px rgba(255,255,255,.035),
    inset 0 1px rgba(255,255,255,.09),
    inset 0 0 75px rgba(var(--card-secondary-rgb),.035);

  transform:
    rotateX(var(--card-rotate-x))
    rotateY(var(--card-rotate-y));

  transform-style:preserve-3d;
  transform-origin:center;

  transition:
    transform .22s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    filter .28s ease;
}


/* Creative Arts */

.ministry-card--creative,
.ministry-card:nth-child(1){
  --card-accent:#e6c86a;
  --card-accent-light:#f4dfa8;
  --card-accent-rgb:230,200,106;

  --card-secondary:#5f9fbe;
  --card-secondary-rgb:95,159,190;

  --card-surface-one:#315f47;
  --card-surface-two:#102b1c;
}


/* Hands of Healing */

.ministry-card--healing,
.ministry-card:nth-child(2){
  --card-accent:#a8d3e5;
  --card-accent-light:#d8edf5;
  --card-accent-rgb:168,211,229;

  --card-secondary:#709d72;
  --card-secondary-rgb:112,157,114;

  --card-surface-one:#315d64;
  --card-surface-two:#142f2d;
}


/* Living Body */

.ministry-card--community,
.ministry-card:nth-child(3){
  --card-accent:#8ebf91;
  --card-accent-light:#cce3ca;
  --card-accent-rgb:142,191,145;

  --card-secondary:#e6c86a;
  --card-secondary-rgb:230,200,106;

  --card-surface-one:#416b45;
  --card-surface-two:#173b27;
}


/* =====================================================
   10. CARD EDGE AND GLOW
===================================================== */

.ministry-card::before{
  content:"";

  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:5;

  height:5px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--card-secondary),
      var(--card-accent),
      var(--card-accent-light),
      var(--card-secondary),
      transparent
    );

  background-size:200% 100%;

  box-shadow:
    0 4px 20px rgba(var(--card-accent-rgb),.25);

  animation:ministryCardBeam 7s linear infinite;
}

.ministry-card::after{
  content:"";

  position:absolute;
  right:-125px;
  bottom:-145px;
  z-index:-1;

  width:335px;
  height:335px;

  border:1px solid rgba(var(--card-accent-rgb),.16);
  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(var(--card-secondary-rgb),.18),
      rgba(var(--card-accent-rgb),.07) 42%,
      transparent 69%
    );

  box-shadow:
    0 0 75px rgba(var(--card-secondary-rgb),.08),
    inset 0 0 50px rgba(var(--card-accent-rgb),.05);

  pointer-events:none;

  transition:
    transform .55s ease,
    opacity .55s ease;
}

.ministry-card:hover,
.ministry-card.is-focused{
  transform:
    translateY(-9px)
    rotateX(var(--card-rotate-x))
    rotateY(var(--card-rotate-y));

  border-color:rgba(var(--card-accent-rgb),.72);

  filter:saturate(1.06);

  box-shadow:
    0 42px 88px rgba(16,43,28,.34),
    0 0 38px rgba(var(--card-secondary-rgb),.17),
    0 0 0 1px rgba(var(--card-accent-rgb),.10),
    inset 0 1px rgba(255,255,255,.13),
    inset 0 0 85px rgba(var(--card-secondary-rgb),.055);
}

.ministry-card:hover::after,
.ministry-card.is-focused::after{
  transform:translate(-28px,-22px) scale(1.13);
}


/* =====================================================
   11. CARD NUMBER MEDALLION
===================================================== */

.ministry-card__number{
  position:relative;
  z-index:3;

  width:78px;
  height:78px;

  display:grid;
  place-items:center;

  margin-bottom:28px;

  border:1px solid rgba(var(--card-accent-rgb),.50);
  border-radius:50%;

  color:var(--card-accent-light);

  background:
    radial-gradient(
      circle at 34% 28%,
      rgba(255,255,255,.18),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(var(--card-secondary-rgb),.26),
      rgba(16,43,28,.60)
    );

  font-family:"Cinzel",Georgia,serif;
  font-size:1.65rem;
  font-weight:900;
  line-height:1;

  text-shadow:
    0 4px 16px rgba(0,0,0,.30),
    0 0 16px rgba(var(--card-accent-rgb),.18);

  box-shadow:
    0 15px 32px rgba(0,0,0,.22),
    0 0 22px rgba(var(--card-accent-rgb),.12),
    inset 0 0 25px rgba(var(--card-secondary-rgb),.12);

  transform:translateZ(32px);

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

.ministry-card__number::before{
  content:"";

  position:absolute;
  inset:7px;

  border:1px solid rgba(var(--card-accent-rgb),.20);
  border-radius:50%;
}

.ministry-card__number::after{
  content:"";

  position:absolute;
  right:-10px;
  bottom:6px;

  width:9px;
  height:9px;

  border-radius:50%;

  background:var(--card-accent);

  box-shadow:
    0 0 0 4px rgba(var(--card-accent-rgb),.10),
    0 0 18px rgba(var(--card-accent-rgb),.55);

  animation:ministryCardPulse 2.8s ease-in-out infinite;
}

.ministry-card:hover .ministry-card__number,
.ministry-card.is-focused .ministry-card__number{
  transform:
    translateZ(42px)
    translateY(-5px)
    rotate(-2deg);

  border-color:rgba(var(--card-accent-rgb),.80);

  box-shadow:
    0 20px 38px rgba(0,0,0,.27),
    0 0 32px rgba(var(--card-accent-rgb),.20),
    inset 0 0 28px rgba(var(--card-secondary-rgb),.16);
}


/* =====================================================
   12. CARD CONTENT
===================================================== */

.ministry-card__content{
  position:relative;
  z-index:2;

  flex:1;

  display:flex;
  flex-direction:column;

  transform:translateZ(22px);
}

.ministry-card__content::before{
  position:absolute;
  top:-20px;
  right:-14px;
  z-index:-1;

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

  font-family:"Cinzel",Georgia,serif;
  font-size:clamp(3.7rem,5vw,5.6rem);
  font-weight:900;
  letter-spacing:-.07em;
  line-height:1;
  text-transform:uppercase;

  pointer-events:none;
}

.ministry-card--creative .ministry-card__content::before,
.ministry-card:nth-child(1) .ministry-card__content::before{
  content:"CREATE";
}

.ministry-card--healing .ministry-card__content::before,
.ministry-card:nth-child(2) .ministry-card__content::before{
  content:"CARE";
}

.ministry-card--community .ministry-card__content::before,
.ministry-card:nth-child(3) .ministry-card__content::before{
  content:"BELONG";
}

.ministry-card__status{
  align-self:flex-start;

  margin-bottom:18px;
  padding:8px 12px;

  border:1px solid rgba(var(--card-accent-rgb),.38);
  border-radius:3px;

  color:var(--card-accent-light);

  background:
    linear-gradient(
      135deg,
      rgba(var(--card-secondary-rgb),.18),
      rgba(var(--card-accent-rgb),.10)
    );

  box-shadow:
    inset 0 1px rgba(255,255,255,.07),
    0 8px 18px rgba(0,0,0,.10);

  font-size:.61rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.ministry-card h3{
  position:relative;

  margin:0 0 22px;
  padding-bottom:19px;

  color:var(--ministries-cream);

  font-family:"Cinzel",Georgia,serif;
  font-size:clamp(1.5rem,2.1vw,1.92rem);
  font-weight:800;
  line-height:1.16;

  text-shadow:
    0 8px 22px rgba(0,0,0,.26),
    0 0 18px rgba(var(--card-accent-rgb),.07);
}

.ministry-card h3::after{
  content:"";

  position:absolute;
  bottom:0;
  left:0;

  width:54px;
  height:3px;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      var(--card-accent),
      var(--card-secondary),
      transparent
    );

  box-shadow:
    0 0 14px rgba(var(--card-accent-rgb),.18);

  transition:width .32s ease;
}

.ministry-card:hover h3::after,
.ministry-card.is-focused h3::after{
  width:118px;
}

.ministry-card p{
  margin:0 0 17px;

  color:rgba(248,244,234,.72);

  font-size:.92rem;
  line-height:1.75;
}


/* =====================================================
   13. MINISTRY CARD ACTION BUTTONS
===================================================== */

.ministry-card__link{
  position:relative;
  z-index:3;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  width:100%;
  min-height:76px;
  margin-top:auto;
  padding:15px 16px 15px 20px;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.34);
  border-radius:8px;

  color:#ffffff;

  font-family:"Montserrat",Arial,sans-serif;
  font-size:clamp(.68rem,.8vw,.76rem);
  font-weight:900;
  letter-spacing:.105em;
  line-height:1.35;
  text-decoration:none;
  text-transform:uppercase;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -2px 0 rgba(0,0,0,.16),
    0 13px 27px rgba(0,0,0,.28);

  transform:translateZ(0);

  transition:
    transform .28s ease,
    color .28s ease,
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease;
}

.ministry-card__link::before{
  content:"";

  position:absolute;
  inset:0 auto 0 0;
  z-index:-1;

  width:5px;

  background:
    linear-gradient(
      180deg,
      #ffffff,
      var(--card-accent)
    );

  box-shadow:0 0 20px rgba(var(--card-accent-rgb),.62);

  transition:width .32s ease;
}

.ministry-card__link::after{
  content:"";

  position:absolute;
  top:-45%;
  bottom:-45%;
  left:-38%;

  width:24%;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.30),
      transparent
    );

  opacity:0;
  transform:skewX(-18deg);

  transition:
    left .55s ease,
    opacity .22s ease;
}

.ministry-card__link span{
  position:relative;
  z-index:2;

  display:grid;
  place-items:center;

  width:44px;
  height:44px;
  flex:0 0 44px;

  border:1px solid rgba(255,255,255,.62);
  border-radius:50%;

  color:#ffffff;

  font-family:Arial,sans-serif;
  font-size:1.15rem;
  font-weight:700;
  line-height:1;

  box-shadow:
    0 0 0 4px rgba(255,255,255,.10),
    0 9px 22px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.32);

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease;
}

.ministry-card__link:hover,
.ministry-card__link:focus-visible{
  transform:translateY(-3px);
}

.ministry-card__link:hover::before,
.ministry-card__link:focus-visible::before{
  width:8px;
}

.ministry-card__link:hover::after,
.ministry-card__link:focus-visible::after{
  left:122%;
  opacity:1;
}

.ministry-card__link:hover span,
.ministry-card__link:focus-visible span{
  transform:translateX(5px) scale(1.09);
  border-color:rgba(255,255,255,.82);
}

.ministry-card__link:active{
  transform:translateY(0) scale(.985);
}

.ministry-card__link:focus-visible{
  outline:3px solid var(--card-accent-light);
  outline-offset:5px;
}


/* =====================================================
   14. CREATIVE ARTS BUTTON
===================================================== */

.ministry-card--creative .ministry-card__link,
.ministry-card:nth-child(1) .ministry-card__link{
  color:#241a08;
  border-color:#f1cf74;

  background:
    radial-gradient(
      circle at 88% 20%,
      rgba(255,255,255,.38),
      transparent 25%
    ),
    linear-gradient(
      135deg,
      #f7d675 0%,
      #e7b947 48%,
      #c88b24 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.60),
    inset 0 -2px 0 rgba(104,66,5,.22),
    0 13px 27px rgba(107,72,12,.34);
}

.ministry-card--creative .ministry-card__link::before,
.ministry-card:nth-child(1) .ministry-card__link::before{
  background:
    linear-gradient(
      180deg,
      #fff4b8,
      #8e5c09
    );

  box-shadow:0 0 20px rgba(244,195,73,.72);
}

.ministry-card--creative .ministry-card__link span,
.ministry-card:nth-child(1) .ministry-card__link span{
  color:#fff8df;

  background:
    radial-gradient(
      circle at 32% 24%,
      rgba(255,255,255,.34),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      #9d6c17,
      #5f3d08
    );

  box-shadow:
    0 0 0 4px rgba(255,224,129,.28),
    0 8px 20px rgba(81,51,4,.38),
    inset 0 1px 0 rgba(255,255,255,.34);
}

.ministry-card--creative .ministry-card__link:hover,
.ministry-card--creative .ministry-card__link:focus-visible,
.ministry-card:nth-child(1) .ministry-card__link:hover,
.ministry-card:nth-child(1) .ministry-card__link:focus-visible{
  color:#1e1505;
  border-color:#fff0b4;

  background:
    radial-gradient(
      circle at 84% 18%,
      rgba(255,255,255,.48),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #ffe69b 0%,
      #efc453 48%,
      #d99b29 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    0 17px 34px rgba(117,76,8,.43),
    0 0 25px rgba(235,188,67,.26);
}


/* =====================================================
   15. HANDS OF HEALING BUTTON
===================================================== */

.ministry-card--healing .ministry-card__link,
.ministry-card:nth-child(2) .ministry-card__link{
  color:#ffffff;
  border-color:#78c8dd;

  background:
    radial-gradient(
      circle at 88% 20%,
      rgba(255,255,255,.22),
      transparent 25%
    ),
    linear-gradient(
      135deg,
      #3d91ae 0%,
      #2c748f 48%,
      #1b506a 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -2px 0 rgba(5,39,56,.28),
    0 13px 27px rgba(9,48,67,.38);
}

.ministry-card--healing .ministry-card__link::before,
.ministry-card:nth-child(2) .ministry-card__link::before{
  background:
    linear-gradient(
      180deg,
      #c0f5fb,
      #1d7696
    );

  box-shadow:0 0 20px rgba(91,193,220,.68);
}

.ministry-card--healing .ministry-card__link span,
.ministry-card:nth-child(2) .ministry-card__link span{
  background:
    radial-gradient(
      circle at 32% 24%,
      rgba(255,255,255,.30),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      #55adc4,
      #16485f
    );

  box-shadow:
    0 0 0 4px rgba(95,190,216,.26),
    0 8px 20px rgba(4,39,55,.42),
    inset 0 1px 0 rgba(255,255,255,.32);
}

.ministry-card--healing .ministry-card__link:hover,
.ministry-card--healing .ministry-card__link:focus-visible,
.ministry-card:nth-child(2) .ministry-card__link:hover,
.ministry-card:nth-child(2) .ministry-card__link:focus-visible{
  border-color:#b9f3ff;

  background:
    radial-gradient(
      circle at 84% 18%,
      rgba(255,255,255,.28),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #4ba5c3 0%,
      #3585a1 48%,
      #23617c 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 17px 34px rgba(7,49,69,.45),
    0 0 26px rgba(78,177,207,.29);
}


/* =====================================================
   16. LIVING BODY BUTTON
===================================================== */

.ministry-card--community .ministry-card__link,
.ministry-card:nth-child(3) .ministry-card__link{
  color:#ffffff;
  border-color:#a2c67d;

  background:
    radial-gradient(
      circle at 88% 20%,
      rgba(255,255,255,.20),
      transparent 25%
    ),
    linear-gradient(
      135deg,
      #719e52 0%,
      #56813f 48%,
      #345d2c 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -2px 0 rgba(24,59,20,.28),
    0 13px 27px rgba(25,61,23,.38);
}

.ministry-card--community .ministry-card__link::before,
.ministry-card:nth-child(3) .ministry-card__link::before{
  background:
    linear-gradient(
      180deg,
      #e4f3b6,
      #568739
    );

  box-shadow:0 0 20px rgba(151,194,100,.64);
}

.ministry-card--community .ministry-card__link span,
.ministry-card:nth-child(3) .ministry-card__link span{
  background:
    radial-gradient(
      circle at 32% 24%,
      rgba(255,255,255,.30),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      #80aa5b,
      #2f5428
    );

  box-shadow:
    0 0 0 4px rgba(151,190,104,.25),
    0 8px 20px rgba(20,51,18,.42),
    inset 0 1px 0 rgba(255,255,255,.30);
}

.ministry-card--community .ministry-card__link:hover,
.ministry-card--community .ministry-card__link:focus-visible,
.ministry-card:nth-child(3) .ministry-card__link:hover,
.ministry-card:nth-child(3) .ministry-card__link:focus-visible{
  border-color:#d9efaf;

  background:
    radial-gradient(
      circle at 84% 18%,
      rgba(255,255,255,.26),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #82b15d 0%,
      #65954a 48%,
      #407135 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    0 17px 34px rgba(26,65,22,.45),
    0 0 26px rgba(124,171,79,.28);
}


/* =====================================================
   17. CARD ANIMATIONS
===================================================== */

@keyframes ministryCardBeam{
  from{
    background-position:0% 50%;
  }

  to{
    background-position:200% 50%;
  }
}

@keyframes ministryCardPulse{
  0%,
  100%{
    opacity:.62;
    transform:scale(.88);
  }

  50%{
    opacity:1;
    transform:scale(1.12);
  }
}


/* =====================================================
   18. FUTURE MINISTRIES
===================================================== */

.ministries-future{
  position:relative;
  isolation:isolate;

  padding:84px 0 88px;

  background:
    radial-gradient(
      circle at 8% 8%,
      rgba(230,200,106,.12),
      transparent 25%
    ),
    radial-gradient(
      circle at 92% 16%,
      rgba(95,159,190,.10),
      transparent 29%
    ),
    linear-gradient(
      180deg,
      rgba(255,250,240,.36),
      rgba(239,224,195,.18)
    );
}

.ministries-future::before{
  content:"";

  position:absolute;
  top:0;
  left:50%;

  width:min(1180px,calc(100% - 48px));
  height:1px;

  transform:translateX(-50%);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(47,107,69,.26),
      rgba(95,159,190,.30),
      rgba(230,200,106,.32),
      transparent
    );
}

.ministries-future__heading{
  margin-bottom:42px;
}

.ministries-future__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}


/* =====================================================
   19. FUTURE MINISTRY CARDS
===================================================== */

.future-ministry{
  --future-accent:#c99a2e;
  --future-accent-light:#f2dda2;
  --future-accent-rgb:201,154,46;

  position:relative;
  isolation:isolate;

  min-width:0;

  display:flex;
  flex-direction:column;

  overflow:hidden;

  border:1px solid rgba(var(--future-accent-rgb),.38);
  border-radius:9px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(255,250,240,.94)
    );

  box-shadow:
    0 24px 55px rgba(24,51,38,.16),
    0 0 0 1px rgba(255,255,255,.56),
    inset 0 1px 0 rgba(255,255,255,.84);

  transform:translateY(0);

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

.future-ministry--service-dog{
  --future-accent:#c99a2e;
  --future-accent-light:#f2dda2;
  --future-accent-rgb:201,154,46;
}

.future-ministry--disaster{
  --future-accent:#4f91b0;
  --future-accent-light:#b8dce9;
  --future-accent-rgb:79,145,176;
}

.future-ministry:hover{
  transform:translateY(-8px);

  border-color:rgba(var(--future-accent-rgb),.72);

  box-shadow:
    0 34px 72px rgba(24,51,38,.22),
    0 0 30px rgba(var(--future-accent-rgb),.13),
    0 0 0 1px rgba(255,255,255,.64),
    inset 0 1px 0 rgba(255,255,255,.92);
}


/* =====================================================
   20. FUTURE MINISTRY IMAGES
===================================================== */

.future-ministry__image{
  position:relative;

  min-height:275px;
  aspect-ratio:16 / 8.6;

  overflow:hidden;

  background:var(--ministries-forest-dark);
}

.future-ministry__image::after{
  content:"";

  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:2;

  height:5px;

  background:
    linear-gradient(
      90deg,
      var(--ministries-forest),
      var(--future-accent),
      var(--future-accent-light),
      var(--ministries-blue)
    );
}

.future-ministry__image img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
  object-position:center;

  filter:saturate(.88) contrast(1.03);
  transform:scale(1.001);

  transition:
    transform .75s cubic-bezier(.2,.7,.2,1),
    filter .45s ease;
}

.future-ministry--service-dog .future-ministry__image img,
.future-ministry--disaster .future-ministry__image img{
  object-position:58% center;
}

.future-ministry:hover .future-ministry__image img{
  filter:saturate(1) contrast(1.05);
  transform:scale(1.055);
}

.future-ministry__image-shade{
  position:absolute;
  inset:0;
  z-index:1;

  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(16,43,28,.05) 0%,
      rgba(16,43,28,.08) 42%,
      rgba(16,43,28,.78) 100%
    ),
    linear-gradient(
      90deg,
      rgba(16,43,28,.30),
      transparent 54%
    );
}


/* =====================================================
   21. FUTURE IMAGE LABELS
===================================================== */

.future-ministry__image-label{
  position:absolute;
  right:24px;
  bottom:24px;
  left:24px;
  z-index:3;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.future-ministry__number{
  width:49px;
  height:49px;

  display:grid;
  place-items:center;

  flex:0 0 49px;

  border:1px solid rgba(255,255,255,.58);
  border-radius:50%;

  color:#ffffff;
  background:rgba(16,43,28,.72);

  font-family:"Cinzel",Georgia,serif;
  font-size:1rem;
  font-weight:900;

  box-shadow:
    0 10px 24px rgba(0,0,0,.28),
    inset 0 1px rgba(255,255,255,.15);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.future-ministry__status{
  display:inline-flex;
  align-items:center;
  gap:8px;

  margin:0;
  padding:10px 13px;

  border:1px solid rgba(255,255,255,.46);
  border-radius:4px;

  color:#ffffff;
  background:rgba(16,43,28,.76);

  font-size:.62rem;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;

  box-shadow:
    0 10px 24px rgba(0,0,0,.24),
    inset 0 1px rgba(255,255,255,.12);

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.future-ministry__status::before{
  content:"";

  width:7px;
  height:7px;

  border-radius:50%;

  background:var(--future-accent-light);

  box-shadow:
    0 0 0 4px rgba(var(--future-accent-rgb),.20),
    0 0 12px rgba(var(--future-accent-rgb),.52);
}


/* =====================================================
   22. FUTURE CARD BODY
===================================================== */

.future-ministry__body{
  position:relative;

  flex:1;

  display:flex;
  flex-direction:column;

  padding:31px 34px 29px;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(var(--future-accent-rgb),.11),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(255,250,240,.93)
    );
}

.future-ministry__body::after{
  content:"";

  position:absolute;
  right:-90px;
  bottom:-115px;

  width:225px;
  height:225px;

  border:1px solid rgba(var(--future-accent-rgb),.13);
  border-radius:50%;

  pointer-events:none;
}

.future-ministry__title-row{
  position:relative;
  z-index:1;

  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;

  margin-bottom:21px;
}

.future-ministry__category{
  margin:0 0 9px !important;

  color:var(--ministries-gold-dark) !important;

  font-size:.61rem !important;
  font-weight:900;
  letter-spacing:.15em;
  line-height:1.5 !important;
  text-transform:uppercase;
}

.future-ministry--disaster .future-ministry__category{
  color:var(--ministries-blue-deep) !important;
}

.future-ministry h3{
  margin:0;

  color:var(--ministries-forest-dark);

  font-family:"Cinzel",Georgia,serif;
  font-size:clamp(1.55rem,2.5vw,2.15rem);
  font-weight:850;
  line-height:1.12;
  letter-spacing:-.025em;
}

.future-ministry__symbol{
  width:48px;
  height:48px;

  display:grid;
  place-items:center;

  flex:0 0 48px;

  border:1px solid rgba(var(--future-accent-rgb),.36);
  border-radius:50%;

  color:var(--ministries-forest-dark);

  background:
    radial-gradient(
      circle at 34% 28%,
      rgba(255,255,255,.70),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      rgba(var(--future-accent-rgb),.24),
      rgba(255,255,255,.68)
    );

  font-family:"Cinzel",Georgia,serif;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.04em;

  box-shadow:
    0 9px 20px rgba(24,51,38,.11),
    inset 0 1px rgba(255,255,255,.72);
}

.future-ministry__description{
  position:relative;
  z-index:1;

  margin:0 0 24px !important;

  color:var(--ministries-text-soft);
  font-size:.95rem !important;
  line-height:1.75 !important;
}


/* =====================================================
   23. FUTURE RESOURCE NOTICE
===================================================== */

.future-ministry__notice{
  position:relative;
  z-index:1;

  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:start;
  gap:13px;

  margin:0 0 27px !important;
  padding:17px 18px;

  border:1px solid rgba(var(--future-accent-rgb),.23);
  border-left:4px solid var(--future-accent);
  border-radius:4px;

  background:
    linear-gradient(
      135deg,
      rgba(var(--future-accent-rgb),.10),
      rgba(255,255,255,.58)
    );

  box-shadow:
    inset 0 1px rgba(255,255,255,.62),
    0 10px 22px rgba(24,51,38,.07);
}

.future-ministry__notice-icon{
  width:31px;
  height:31px;

  display:grid;
  place-items:center;

  border:1px solid rgba(var(--future-accent-rgb),.36);
  border-radius:50%;

  color:var(--ministries-forest-dark);
  background:rgba(255,255,255,.72);

  font-size:1rem;
  font-weight:800;
}

.future-ministry__notice p{
  margin:0 !important;

  color:var(--ministries-brown) !important;
  font-size:.78rem !important;
  line-height:1.65 !important;
}


/* =====================================================
   24. FUTURE CARD FOOTER
===================================================== */

.future-ministry__footer{
  position:relative;
  z-index:1;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  margin-top:auto;
  padding-top:20px;

  border-top:1px solid rgba(var(--future-accent-rgb),.23);

  color:var(--ministries-text-soft);

  font-size:.61rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.future-ministry__footer strong{
  color:var(--ministries-forest-dark);
  text-align:right;
}


/* =====================================================
   25. FINAL CALLOUT
===================================================== */

.ministries-callout{
  padding:65px 24px 95px;
}

.ministries-callout__inner{
  position:relative;
  isolation:isolate;

  width:min(1180px,100%);
  margin:0 auto;
  padding:48px 50px;

  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:48px;

  overflow:hidden;

  border:1px solid rgba(230,200,106,.28);
  border-radius:6px;

  background:
    radial-gradient(
      circle at 92% 6%,
      rgba(95,159,190,.18),
      transparent 32%
    ),
    radial-gradient(
      circle at 72% 110%,
      rgba(230,200,106,.10),
      transparent 36%
    ),
    linear-gradient(
      135deg,
      rgba(47,107,69,.98),
      rgba(16,43,28,.99)
    );

  box-shadow:
    0 28px 68px rgba(24,51,38,.24),
    0 0 0 1px rgba(255,255,255,.035),
    inset 0 1px rgba(255,255,255,.07);
}

.ministries-callout__inner::before{
  content:"";

  position:absolute;
  top:0;
  bottom:0;
  left:0;

  width:4px;

  background:
    linear-gradient(
      to bottom,
      var(--ministries-blue-light),
      var(--ministries-gold-light),
      var(--ministries-forest-mid)
    );
}

.ministries-callout__inner::after{
  content:"";

  position:absolute;
  right:-105px;
  bottom:-145px;
  z-index:-1;

  width:320px;
  height:320px;

  border:1px solid rgba(168,211,229,.12);
  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(95,159,190,.10),
      transparent 67%
    );
}

.ministries-callout__content{
  max-width:700px;
}

.ministries-callout .ministries-eyebrow{
  color:var(--ministries-blue-light);
}

.ministries-callout h2{
  margin:0;

  color:var(--ministries-cream);

  font-family:"Cinzel",Georgia,serif;
  font-size:clamp(1.8rem,3.5vw,3rem);
  font-weight:800;
  line-height:1.1;
}

.ministries-callout__content > p:last-child{
  max-width:650px;
  margin:18px 0 0;

  color:rgba(248,244,234,.76);
  font-size:.96rem;
  line-height:1.72;
}

.ministries-callout__actions{
  min-width:225px;

  display:grid;
  gap:12px;
}


/* =====================================================
   26. TABLET
===================================================== */

@media(max-width:980px){

  .ministries-hero{
    min-height:auto;
    padding:75px 24px 100px;
  }

  .ministries-hero__inner{
    grid-template-columns:1fr;
    gap:42px;
  }

  .ministries-hero__content{
    max-width:760px;
  }

  .ministries-hero__statement{
    max-width:680px;
  }

  .ministries-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ministry-card{
    min-height:570px;
  }

  .ministry-card:last-child{
    grid-column:1 / -1;
    min-height:480px;
  }

  .ministries-callout__inner{
    grid-template-columns:1fr;
    gap:30px;
  }

  .ministries-callout__actions{
    min-width:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}


/* =====================================================
   27. FUTURE MINISTRIES TABLET
===================================================== */

@media(max-width:900px){

  .ministries-future__grid{
    grid-template-columns:1fr;
  }

  .future-ministry{
    width:100%;
    max-width:760px;
  }

  .future-ministry__image{
    min-height:300px;
  }

}


/* =====================================================
   28. MOBILE
===================================================== */

@media(max-width:680px){

  .ministries-container{
    width:min(100% - 32px,1180px);
  }

  .ministries-hero{
    padding:62px 16px 78px;
  }

  .ministries-hero__background{
    background:
      linear-gradient(
        180deg,
        rgba(16,43,28,.88),
        rgba(16,43,28,.72) 48%,
        rgba(16,43,28,.96)
      ),
      url("/media/blueridgeministry.png");

    background-size:cover;
    background-position:68% center;
  }

  .ministries-hero__content h1{
    font-size:clamp(2.7rem,14vw,4.25rem);
  }

  .ministries-hero__lead{
    font-size:1.23rem;
  }

  .ministries-hero__actions{
    flex-direction:column;
  }

  .ministries-button{
    width:100%;
  }

  .ministries-hero__statement{
    padding:34px 27px;
  }

  .ministries-active{
    padding:72px 0 48px;
  }

  .ministries-grid,
  .ministries-future__grid{
    grid-template-columns:1fr;
  }

  .ministry-card,
  .ministry-card:last-child{
    grid-column:auto;

    min-height:auto;
    padding:30px 25px;

    transform:none;
  }

  .ministry-card:hover,
  .ministry-card.is-focused{
    transform:translateY(-5px);
  }

  .ministry-card__content{
    transform:none;
  }

  .ministry-card__content::before{
    font-size:3.3rem;
  }

  .ministry-card__number{
    width:64px;
    height:64px;

    font-size:1.35rem;
    transform:none;
  }

  .ministry-card:hover .ministry-card__number,
  .ministry-card.is-focused .ministry-card__number{
    transform:translateY(-3px);
  }

  .ministry-card__link{
    min-height:68px;
    padding:13px 13px 13px 17px;

    font-size:.65rem;
    letter-spacing:.075em;
  }

  .ministry-card__link span{
    width:40px;
    height:40px;
    flex-basis:40px;
  }

  .ministries-future{
    padding:64px 0 68px;
  }

  .ministries-future__heading{
    margin-bottom:30px;
  }

  .ministries-future__grid{
    gap:22px;
  }

  .future-ministry__image{
    min-height:225px;
    aspect-ratio:4 / 3;
  }

  .future-ministry--service-dog .future-ministry__image img,
  .future-ministry--disaster .future-ministry__image img{
    object-position:62% center;
  }

  .future-ministry__image-label{
    right:17px;
    bottom:18px;
    left:17px;
  }

  .future-ministry__number{
    width:43px;
    height:43px;
    flex-basis:43px;
  }

  .future-ministry__status{
    padding:9px 10px;

    font-size:.56rem;
    letter-spacing:.10em;
  }

  .future-ministry__body{
    padding:27px 23px 24px;
  }

  .future-ministry__title-row{
    gap:15px;
  }

  .future-ministry__symbol{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  .future-ministry__notice{
    grid-template-columns:30px minmax(0,1fr);
    padding:15px;
  }

  .future-ministry__notice-icon{
    width:28px;
    height:28px;
  }

  .future-ministry__footer{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }

  .future-ministry__footer strong{
    text-align:left;
  }

  .ministries-callout{
    padding:48px 16px 72px;
  }

  .ministries-callout__inner{
    padding:36px 27px;
  }

  .ministries-callout__actions{
    grid-template-columns:1fr;
  }

}


/* =====================================================
   29. SMALL MOBILE
===================================================== */

@media(max-width:420px){

  .ministries-container{
    width:min(100% - 24px,1180px);
  }

  .ministries-hero{
    padding-right:12px;
    padding-left:12px;
  }

  .ministries-hero__content h1{
    font-size:clamp(2.45rem,14vw,3.45rem);
  }

  .ministries-hero__statement{
    padding:30px 22px;
  }

  .ministry-card{
    padding:27px 21px;
  }

  .ministry-card__link{
    gap:12px;
    padding-left:15px;
  }

  .ministry-card__link span{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .future-ministry__image{
    min-height:205px;
  }

  .future-ministry__image-label{
    right:13px;
    bottom:15px;
    left:13px;
  }

  .future-ministry__status{
    max-width:165px;

    line-height:1.25;
    text-align:center;
  }

  .future-ministry__body{
    padding:25px 20px 22px;
  }

  .future-ministry__title-row{
    align-items:flex-start;
  }

  .future-ministry h3{
    font-size:1.55rem;
  }

  .future-ministry__category{
    letter-spacing:.10em;
  }

  .ministries-callout__inner{
    padding:32px 22px;
  }

}


/* =====================================================
   30. REDUCED MOTION
===================================================== */

@media(prefers-reduced-motion:reduce){

  html{
    scroll-behavior:auto;
  }

  .ministry-card,
  .ministry-card__content,
  .ministry-card__number{
    transform:none !important;
  }

  .ministry-card::before,
  .ministry-card__number::after{
    animation:none;
  }

  .ministries-button,
  .ministry-card,
  .ministry-card::after,
  .ministry-card__number,
  .ministry-card h3::after,
  .ministry-card__link,
  .ministry-card__link::before,
  .ministry-card__link::after,
  .ministry-card__link span,
  .future-ministry,
  .future-ministry__image img{
    transition:none;
  }

  .ministry-card__link:hover,
  .ministry-card__link:focus-visible,
  .ministry-card__link:hover span,
  .ministry-card__link:focus-visible span,
  .future-ministry:hover{
    transform:none;
  }

  .ministry-card__link::after{
    display:none;
  }

  .future-ministry:hover .future-ministry__image img{
    transform:none;
  }

}