/* ============================================================
   ICG v3 — MINISTRIES (overview + Generation Arise + Immanuel City Connect)
   ============================================================ */

/* hide the old decorative circles on ministry heroes */
body.v3-body .icg-interior-hero--ministries .icg-interior-hero-deco { display: none; }

/* ── overview: two modern cards ──────────────────────────────── */
body.v3-body .icg-ministries-flagship { padding: 72px 0 40px; background: transparent; }
body.v3-body .icg-ministries-flagship-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 900px) { body.v3-body .icg-ministries-flagship-grid { grid-template-columns: 1fr 1fr; gap: 28px; } }
body.v3-body .icg-ministry-flagship-card {
  display: flex; flex-direction: column; background: #fff; border: 1px solid #EDE3E1; border-radius: 28px; overflow: hidden; color: var(--text-primary);
  box-shadow: 0 1px 2px rgba(28,8,12,.05), 0 20px 44px -22px rgba(28,8,12,.3); transition: transform .3s, box-shadow .3s;
}
body.v3-body .icg-ministry-flagship-card:hover { transform: translateY(-6px); box-shadow: 0 2px 4px rgba(28,8,12,.06), 0 30px 56px -24px rgba(28,8,12,.4); }
body.v3-body .icg-ministry-flagship-media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #0B0708; }
body.v3-body .icg-ministry-flagship-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
body.v3-body .icg-ministry-flagship-card:hover .icg-ministry-flagship-media img { transform: scale(1.05); }
body.v3-body .icg-ministry-flagship-media-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,7,8,0) 55%, rgba(11,7,8,.55) 100%); }
body.v3-body .icg-ministry-flagship-body { display: flex; flex-direction: column; align-items: flex-start; padding: 26px 28px 30px; background: #fff; }
body.v3-body .icg-ministry-flagship-title { margin: 0; font-size: clamp(24px, 2.6vw, 30px); font-weight: 800; letter-spacing: -.025em; color: var(--text-primary); }
body.v3-body .icg-ministry-flagship-tag {
  order: -1; margin: 0 0 12px; padding: 5px 12px; border-radius: 999px; background: rgba(255,210,0,.18); color: #7A5D00; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
body.v3-body .icg-ministry-flagship-desc { margin: 12px 0 22px; font-size: 15.5px; line-height: 1.75; color: var(--text-secondary); }
body.v3-body .icg-ministry-flagship-body .icg-btn { margin-top: auto; }

/* ── detail pages: split hero with the ministry photo ────────── */
.v3-min-hero-photo { display: none; }
@media (min-width: 900px) {
  body.v3-body .v3-min-hero { min-height: 560px; align-items: center; padding: 0; overflow: hidden; }
  body.v3-body .v3-min-hero .icg-interior-hero-content { padding: 110px 0 110px; max-width: 560px; }
  .v3-min-hero-photo { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; z-index: 1;
    /* Fade the left edge AND the top, so bare walls and ceiling dissolve into the dark banner and the people stay in view. */
    -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.55) 16%, #000 42%), linear-gradient(180deg, transparent 0, rgba(0,0,0,.6) 22%, #000 48%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.55) 16%, #000 42%), linear-gradient(180deg, transparent 0, rgba(0,0,0,.6) 22%, #000 48%);
    mask-composite: intersect; }
  .v3-min-hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 85%; }
}
body.v3-body .v3-min-hero .icg-container { z-index: 2; }
@media (max-width: 899px) {
  .v3-min-hero-photo { display: block; position: absolute; inset: 0; z-index: 0; opacity: .28; }
  .v3-min-hero-photo img { width: 100%; height: 100%; object-fit: cover; }
}

/* ── story: what it is + why it exists ───────────────────────── */
body.v3-body .v3-min-story { padding: 56px 0 24px; background: transparent; }
body.v3-body .v3-min-story-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 900px) { body.v3-body .v3-min-story-grid { grid-template-columns: 1fr 1fr; gap: 24px; } }
body.v3-body .v3-min-card { padding: 34px 32px; background: #fff; border: 1px solid #EDE3E1; border-radius: 26px; box-shadow: 0 1px 2px rgba(28,8,12,.05), 0 20px 44px -26px rgba(28,8,12,.28); }
body.v3-body .v3-min-card h2 { margin: 8px 0 14px; font-size: clamp(24px, 2.8vw, 32px); font-weight: 800; letter-spacing: -.025em; line-height: 1.15; }
body.v3-body .v3-min-text { margin: 0; font-size: 16.5px; line-height: 1.85; color: var(--text-secondary); max-width: none; text-align: left; }
body.v3-body .v3-min-card--dark { color: #fff; border: 0; background: linear-gradient(155deg, #0B0708 8%, #2B0A10 58%, #6B0F1A 140%); }
body.v3-body .v3-min-card--dark h2 { color: #fff; }
body.v3-body .v3-min-card--dark .v3-min-text { color: #dccfd0; }

/* ── four focus cards ────────────────────────────────────────── */
body.v3-body .icg-ministry-detail-section { padding: 56px 0 24px; background: transparent; }
body.v3-body .icg-ministry-focus-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; counter-reset: focus; }
@media (min-width: 900px) { body.v3-body .icg-ministry-focus-grid { grid-template-columns: repeat(4, 1fr); gap: 18px; } }
body.v3-body .icg-ministry-focus-item {
  position: relative; counter-increment: focus; padding: 24px 22px 26px; background: #fff; border: 1px solid #EDE3E1; border-radius: 22px; text-align: left;
  box-shadow: 0 1px 2px rgba(28,8,12,.04), 0 14px 30px -20px rgba(28,8,12,.25); transition: transform .25s, border-color .25s;
}
body.v3-body .icg-ministry-focus-item:hover { transform: translateY(-4px); border-color: rgba(208,31,46,.4); }
body.v3-body .icg-ministry-focus-item::before {
  content: "0" counter(focus); position: absolute; top: 18px; right: 20px; font-size: 26px; font-weight: 800; letter-spacing: -.03em; color: #FFD200; -webkit-text-stroke: 0; text-shadow: 0 0 0 #B89600;
}
body.v3-body .icg-ministry-focus-icon { width: 46px; height: 46px; margin: 0 0 16px; border-radius: 14px; display: grid; place-items: center; background: #FDECEC; }
body.v3-body .icg-ministry-focus-item h3 { margin: 0 0 8px; font-size: 18px; font-weight: 800; letter-spacing: -.015em; }
body.v3-body .icg-ministry-focus-item p { margin: 0; font-size: 14.5px; line-height: 1.7; color: var(--text-secondary); }

/* ── form: steps + card ──────────────────────────────────────── */
body.v3-body .v3-min-form { padding: 56px 0 96px; background: transparent; scroll-margin-top: 90px; }
body.v3-body .v3-min-form-grid { display: grid; grid-template-columns: 1fr; gap: 28px; align-items: start; }
@media (min-width: 980px) { body.v3-body .v3-min-form-grid { grid-template-columns: 380px minmax(0, 1fr); gap: 44px; } .v3-min-steps { position: sticky; top: 96px; } }
body.v3-body .v3-min-steps h2 { margin: 8px 0 22px; font-size: clamp(26px, 3vw, 34px); font-weight: 800; letter-spacing: -.025em; }
body.v3-body .v3-min-steps ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
body.v3-body .v3-min-steps li { display: flex; gap: 16px; align-items: flex-start; }
body.v3-body .v3-min-steps li b {
  flex: none; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #0B0708; color: #FFD200; font-weight: 800; font-size: 15px;
}
body.v3-body .v3-min-steps li strong { display: block; font-size: 16px; font-weight: 800; }
body.v3-body .v3-min-steps li span { display: block; margin-top: 2px; font-size: 14.5px; line-height: 1.6; color: var(--text-secondary); }
body.v3-body .v3-min-contact { display: inline-block; margin-top: 26px; font-weight: 700; color: var(--red-core); text-decoration: underline; text-underline-offset: 4px; }
body.v3-body .v3-min-form-card .icg-form-wrap { margin: 0; }

/* ── phones ──────────────────────────────────────────────────── */
@media (max-width: 640px) {
  body.v3-body .icg-ministries-flagship { padding: 44px 0 24px; }
  body.v3-body .icg-ministry-flagship-body { padding: 22px 20px 26px; }
  body.v3-body .icg-ministry-flagship-body .icg-btn { width: 100%; }
  body.v3-body .v3-min-card { padding: 26px 22px; border-radius: 22px; }
  body.v3-body .icg-ministry-focus-grid { grid-template-columns: 1fr; }
  body.v3-body .v3-min-form { padding: 32px 0 64px; }
}