/* =========================================================
   KINGDOM ALLIANCE MINISTRIES
   VISUAL SYSTEM V2

   DEFAULT: LIGHT
   OPTIONAL: DARK
   ========================================================= */

:root{
  color-scheme:light;

  --ink:#1b1a18;
  --ink-soft:#393630;

  --purple:#1b1a18;
  --purple2:#2c2924;
  --violet:#b4883f;

  --gold:#c9963e;
  --gold2:#e7ba5c;
  --gold3:#f3d892;

  --cream:#f6f0e5;
  --cream2:#fbf7ef;
  --paper:#fffdf9;
  --soft:#eee5d8;

  --muted:#706a61;
  --line:#ded3c2;

  --header:#fffdf9;
  --header-text:#1b1a18;

  --surface:#ffffff;
  --surface2:#f6f0e5;

  --dark:#171717;
  --dark2:#24211d;

  --shadow:0 22px 60px rgba(30,26,20,.10);
}


/* =========================================================
   DARK MODE VARIABLES
   ========================================================= */

html[data-theme="dark"]{
  color-scheme:dark;

  --ink:#f8f5ef;
  --ink-soft:#ded8ce;

  --purple:#171717;
  --purple2:#24211d;
  --violet:#c99a45;

  --gold:#d3a64c;
  --gold2:#efc76f;
  --gold3:#f4dc9d;

  --cream:#25231f;
  --cream2:#1d1c1a;
  --paper:#151515;
  --soft:#292622;

  --muted:#c3bbb0;
  --line:#3a352e;

  --header:#151515;
  --header-text:#f8f5ef;

  --surface:#1d1c1a;
  --surface2:#25231f;

  --dark:#111111;
  --dark2:#201d18;

  --shadow:0 24px 70px rgba(0,0,0,.30);
}


/* =========================================================
   BODY
   ========================================================= */

body{
  background:var(--paper)!important;
  color:var(--ink)!important;
  transition:
    background-color .25s ease,
    color .25s ease;
}


/* =========================================================
   HEADER
   ========================================================= */

header{
  background:rgba(255,253,249,.97)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 4px 24px rgba(20,18,15,.04);
}

html[data-theme="dark"] header{
  background:rgba(21,21,21,.97)!important;
  border-bottom-color:rgba(239,199,111,.12)!important;
}

.brand{
  color:var(--header-text)!important;
}

.brand strong{
  color:var(--header-text)!important;
}

.brand small{
  color:#756f66!important;
}

html[data-theme="dark"] .brand small{
  color:#d2c9bc!important;
}

.mark{
  background:linear-gradient(
    135deg,
    var(--gold2),
    var(--gold)
  )!important;
  color:#171717!important;
}

.links{
  color:var(--header-text)!important;
}

.links a{
  color:var(--header-text)!important;
}

.links a.current{
  color:var(--gold)!important;
}

.links a:not(.btn):hover{
  color:var(--gold)!important;
}

.menu-btn{
  color:var(--header-text)!important;
}

.mobile-menu{
  background:var(--header)!important;
  border-top:1px solid var(--line)!important;
}

.mobile-menu a{
  color:var(--header-text)!important;
}


/* =========================================================
   THEME SWITCHER
   ========================================================= */

.kam-theme-switch{
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:18px;
  flex:0 0 auto;
  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.kam-theme-switch:hover{
  transform:translateY(-1px);
  border-color:var(--gold);
}

.kam-theme-switch .kam-theme-icon{
  line-height:1;
}

html[data-theme="dark"] .kam-theme-switch{
  background:#24211d;
  border-color:#4c4438;
  color:var(--gold2);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.btn{
  border-radius:12px!important;
}

.btn-primary{
  background:linear-gradient(
    135deg,
    var(--gold2),
    var(--gold)
  )!important;

  color:#171717!important;

  box-shadow:
    0 12px 28px rgba(201,150,62,.22)!important;
}

.btn-dark{
  background:#1b1a18!important;
  color:white!important;
}

html[data-theme="dark"] .btn-dark{
  background:var(--gold)!important;
  color:#171717!important;
}

.btn-light{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}

.btn-secondary{
  border:1px solid var(--line)!important;
  background:rgba(255,255,255,.55)!important;
  color:var(--ink)!important;
}

html[data-theme="dark"] .btn-secondary{
  border-color:rgba(255,255,255,.20)!important;
  background:rgba(255,255,255,.05)!important;
  color:white!important;
}


/* =========================================================
   STANDARD PAGE HERO
   LIGHT DEFAULT
   ========================================================= */

.page-hero{
  color:var(--ink)!important;

  background:
    radial-gradient(
      circle at 84% 20%,
      rgba(201,150,62,.20),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #fffdf9 0%,
      #f4ecdf 54%,
      #e7dcc8 100%
    )!important;
}

.page-hero h1{
  color:var(--ink)!important;
}

.page-hero p{
  color:var(--muted)!important;
}

html[data-theme="dark"] .page-hero{
  color:white!important;

  background:
    radial-gradient(
      circle at 78% 18%,
      rgba(211,166,76,.20),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #0e0e0e,
      #1b1a18 55%,
      #332b20
    )!important;
}

html[data-theme="dark"] .page-hero h1{
  color:white!important;
}

html[data-theme="dark"] .page-hero p{
  color:#e9e3da!important;
}


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

.kam-home-hero{
  color:var(--ink)!important;

  background:
    radial-gradient(
      circle at 80% 18%,
      rgba(201,150,62,.15),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #fffdf9 0%,
      #f5eee3 56%,
      #e9ddca 100%
    )!important;
}

.kam-home-hero h1{
  color:var(--ink)!important;
}

.kam-home-hero p{
  color:#59544c!important;
}

html[data-theme="dark"] .kam-home-hero{
  color:white!important;

  background:
    radial-gradient(
      circle at 80% 18%,
      rgba(211,166,76,.18),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #101010 0%,
      #181715 54%,
      #332b20 100%
    )!important;
}

html[data-theme="dark"] .kam-home-hero h1{
  color:white!important;
}

html[data-theme="dark"] .kam-home-hero p{
  color:#e4ddd3!important;
}


/* =========================================================
   HOMEPAGE PHOTO CALLOUT
   REMOVE OLD PURPLE
   ========================================================= */

.kam-home-callout,
.identity-callout,
.callout{
  background:
    linear-gradient(
      145deg,
      #f7eddc,
      #ead5ae
    )!important;

  color:#1c1a17!important;

  border:1px solid #ddc394!important;
  box-shadow:var(--shadow)!important;
}

.kam-home-callout h3,
.kam-home-callout strong,
.identity-callout h3,
.callout h3{
  color:#1c1a17!important;
}

.kam-home-callout p,
.identity-callout p,
.callout p{
  color:#5b5042!important;
}

html[data-theme="dark"] .kam-home-callout,
html[data-theme="dark"] .identity-callout,
html[data-theme="dark"] .callout{
  background:
    linear-gradient(
      145deg,
      #28241e,
      #393023
    )!important;

  color:white!important;
  border-color:rgba(239,199,111,.25)!important;
}

html[data-theme="dark"] .kam-home-callout h3,
html[data-theme="dark"] .kam-home-callout strong,
html[data-theme="dark"] .identity-callout h3,
html[data-theme="dark"] .callout h3{
  color:var(--gold2)!important;
}

html[data-theme="dark"] .kam-home-callout p,
html[data-theme="dark"] .identity-callout p,
html[data-theme="dark"] .callout p{
  color:#ddd5ca!important;
}


/* =========================================================
   CARDS
   ========================================================= */

.card{
  background:var(--surface)!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
  box-shadow:var(--shadow)!important;
}

.card h3{
  color:var(--ink)!important;
}

.card p{
  color:var(--muted)!important;
}

.icon{
  background:#f1e2c5!important;
  color:#1c1a17!important;
}

html[data-theme="dark"] .icon{
  background:#3a3124!important;
  color:var(--gold2)!important;
}

.identity-card{
  background:var(--surface2)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}

.identity-card h3{
  color:var(--ink)!important;
}

.identity-card p{
  color:var(--muted)!important;
}


/* =========================================================
   DARK / FEATURE SECTIONS
   LIGHT DEFAULT
   ========================================================= */

.dark,
.break-section,
.testimony-band,
.calling-band{
  background:
    linear-gradient(
      135deg,
      #f1e6d6,
      #e9dcc7
    )!important;

  color:var(--ink)!important;
}

.dark h2,
.dark h3,
.break-section h2,
.break-section h3,
.testimony-band h2,
.testimony-band h3,
.calling-band h2,
.calling-band h3{
  color:var(--ink)!important;
}

.dark .lead,
.dark p,
.break-section .lead,
.break-section p,
.testimony-band .lead,
.testimony-band p,
.calling-band .lead,
.calling-band p{
  color:#665f55!important;
}

.dark .card,
.break-card,
.calling-card{
  background:rgba(255,255,255,.72)!important;
  border-color:var(--line)!important;
}

.break-card h3,
.calling-card h3{
  color:#805c20!important;
}

html[data-theme="dark"] .dark,
html[data-theme="dark"] .break-section,
html[data-theme="dark"] .testimony-band,
html[data-theme="dark"] .calling-band{
  background:
    linear-gradient(
      135deg,
      #151515,
      #29251f
    )!important;

  color:white!important;
}

html[data-theme="dark"] .dark h2,
html[data-theme="dark"] .dark h3,
html[data-theme="dark"] .break-section h2,
html[data-theme="dark"] .testimony-band h2,
html[data-theme="dark"] .calling-band h2{
  color:white!important;
}

html[data-theme="dark"] .dark .lead,
html[data-theme="dark"] .dark p,
html[data-theme="dark"] .break-section .lead,
html[data-theme="dark"] .break-section p,
html[data-theme="dark"] .testimony-band .lead,
html[data-theme="dark"] .testimony-band p,
html[data-theme="dark"] .calling-band .lead,
html[data-theme="dark"] .calling-band p{
  color:#ddd5ca!important;
}

html[data-theme="dark"] .dark .card,
html[data-theme="dark"] .break-card,
html[data-theme="dark"] .calling-card{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(239,199,111,.15)!important;
}

html[data-theme="dark"] .break-card h3,
html[data-theme="dark"] .calling-card h3{
  color:var(--gold2)!important;
}


/* =========================================================
   QUOTE
   ========================================================= */

.quote{
  color:var(--ink)!important;
  background:var(--surface)!important;
  border-color:var(--line)!important;
}


/* =========================================================
   SOFT SECTIONS
   ========================================================= */

.pain-section,
.testimony-preview,
.path-section{
  background:
    linear-gradient(
      180deg,
      #fffdf9 0%,
      #f6f0e5 100%
    )!important;
}

html[data-theme="dark"] .pain-section,
html[data-theme="dark"] .testimony-preview,
html[data-theme="dark"] .path-section{
  background:
    linear-gradient(
      180deg,
      #171717 0%,
      #1e1c19 100%
    )!important;
}


/* =========================================================
   PAIN ITEMS / PATH CARDS
   ========================================================= */

.pain-item,
.path-step,
.story-point{
  background:var(--surface)!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
}

.pain-item span,
.path-step p,
.story-point span{
  color:var(--muted)!important;
}

.pain-item .bullet,
.timeline .num,
.about-step .n{
  background:#f0dfbf!important;
  color:#1a1917!important;
}

html[data-theme="dark"] .pain-item .bullet,
html[data-theme="dark"] .timeline .num,
html[data-theme="dark"] .about-step .n{
  background:#3b3123!important;
  color:var(--gold2)!important;
}


/* =========================================================
   TAGS
   ========================================================= */

.tag{
  background:#f1e5d4!important;
  border-color:#ded0bc!important;
  color:#28241f!important;
}

html[data-theme="dark"] .tag{
  background:#2a2722!important;
  border-color:#474036!important;
  color:#f1ebe2!important;
}


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

.cta,
.home-cta{
  background:
    linear-gradient(
      135deg,
      #f1e5d2,
      #fff9ef
    )!important;

  color:var(--ink)!important;
}

html[data-theme="dark"] .cta,
html[data-theme="dark"] .home-cta{
  background:
    linear-gradient(
      135deg,
      #211e1a,
      #30291f
    )!important;

  color:white!important;
}


/* =========================================================
   FORMS
   ========================================================= */

.form input,
.form textarea,
.custom,
.toggle{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}


/* =========================================================
   GIVING
   ========================================================= */

.give-card{
  background:var(--surface2)!important;
  color:var(--ink)!important;
}

.toggle button{
  color:var(--muted)!important;
}

.toggle button.active{
  background:#1b1a18!important;
  color:white!important;
}

html[data-theme="dark"] .toggle button.active{
  background:var(--gold)!important;
  color:#171717!important;
}

.amount{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}

.amount.active{
  background:#efe0c2!important;
  border-color:var(--gold)!important;
  color:#1a1917!important;
}


/* =========================================================
   EYEBROWS
   ========================================================= */

.eyebrow{
  color:#a67525!important;
}

html[data-theme="dark"] .eyebrow{
  color:var(--gold2)!important;
}


/* =========================================================
   FOOTER
   ========================================================= */

footer{
  background:#171717!important;
  color:#cec6ba!important;
}

footer h4{
  color:white!important;
}

footer a{
  color:#cec6ba!important;
}

footer a:hover{
  color:var(--gold2)!important;
}

.copyright{
  color:#968f85!important;
}


/* =========================================================
   REMOVE LEGACY PURPLE VISUALS
   ========================================================= */

[style*="#23123d"],
[style*="#371659"],
[style*="#33164f"],
[style*="#4b1e6c"],
[style*="#4a1d6b"],
[style*="#31144f"],
[style*="#160d28"],
[style*="#6a34a3"]{
  color:inherit;
}

/* Common home feature overlay */
.kam-home-callout{
  background:
    linear-gradient(
      145deg,
      #f7eddc,
      #e9d1a4
    )!important;
}


/* =========================================================
   RESPONSIVE THEME SWITCH
   ========================================================= */

@media(max-width:980px){
  .kam-theme-switch{
    width:42px;
    height:42px;
  }
}

/* =========================================================
   KAM V3 HOME PURPLE ELIMINATION
   ========================================================= */

html:not([data-theme="dark"]) .kam-home-callout{
  background:linear-gradient(
    145deg,
    #fff8ec 0%,
    #f0dfbe 100%
  ) !important;

  color:#1b1a18 !important;
  border:1px solid #d9bd87 !important;
}

html:not([data-theme="dark"]) .kam-home-callout *,
html[data-theme="light"] .kam-home-callout *{
  color:#1b1a18 !important;
}

html[data-theme="dark"] .kam-home-callout{
  background:linear-gradient(
    145deg,
    #26231e,
    #3a3124
  ) !important;

  border:1px solid rgba(239,199,111,.28) !important;
}

html[data-theme="dark"] .kam-home-callout h3,
html[data-theme="dark"] .kam-home-callout strong{
  color:#efc76f !important;
}

html[data-theme="dark"] .kam-home-callout p{
  color:#e0d7ca !important;
}


/* =========================================================
   KINGDOM ALLIANCE MINISTRIES
   SITE DESIGN SYSTEM V5

   PURPOSE:
   - reduce repetitive left-heavy layouts
   - establish editorial rhythm
   - improve light mode
   - preserve strong dark mode
   ========================================================= */


/* =========================================================
   1. GLOBAL TYPOGRAPHY / WIDTH RHYTHM
   ========================================================= */

section h2{
  text-wrap:balance;
}

section .lead{
  line-height:1.7;
}

@media(min-width:981px){

  section:not(.kam-home-hero):not(.page-hero) > .wrap{
    width:min(1160px,calc(100% - 70px));
  }

}


/* =========================================================
   2. LIGHT MODE FOUNDATION
   ========================================================= */

html:not([data-theme="dark"]) body{
  background:#fffdf9 !important;
  color:#1b1a18 !important;
}

html:not([data-theme="dark"]) section{
  color:#1b1a18;
}

html:not([data-theme="dark"]) section h1,
html:not([data-theme="dark"]) section h2,
html:not([data-theme="dark"]) section h3,
html:not([data-theme="dark"]) section h4{
  color:#1b1a18;
}

html:not([data-theme="dark"]) section p,
html:not([data-theme="dark"]) section .lead{
  color:#615b53;
}


/* =========================================================
   3. STANDARD PAGE HEROES
   ========================================================= */

html:not([data-theme="dark"]) .page-hero{
  background:
    radial-gradient(
      circle at 82% 22%,
      rgba(201,150,62,.17),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #fffdf9 0%,
      #f7f0e5 55%,
      #eadbc5 100%
    ) !important;

  color:#1b1a18 !important;
}

html:not([data-theme="dark"]) .page-hero h1{
  color:#171614 !important;
}

html:not([data-theme="dark"]) .page-hero p{
  color:#5f584e !important;
}


/* =========================================================
   4. GLOBAL SECTION RHYTHM
   ========================================================= */

/*
   Standard pages should not feel like one long white sheet.

   Normal sections alternate very subtly between:
   - clean ivory
   - warm cream
*/

html:not([data-theme="dark"]) body > section:nth-of-type(odd):not(.page-hero):not(.kam-home-hero):not(.dark):not(.break-section):not(.calling-band):not(.testimony-band),
html:not([data-theme="dark"]) main > section:nth-of-type(odd):not(.page-hero):not(.kam-home-hero):not(.dark):not(.break-section):not(.calling-band):not(.testimony-band){
  background:#fffdf9;
}

html:not([data-theme="dark"]) body > section:nth-of-type(even):not(.page-hero):not(.kam-home-hero):not(.dark):not(.break-section):not(.calling-band):not(.testimony-band),
html:not([data-theme="dark"]) main > section:nth-of-type(even):not(.page-hero):not(.kam-home-hero):not(.dark):not(.break-section):not(.calling-band):not(.testimony-band){
  background:#f8f3eb;
}


/* =========================================================
   5. GLOBAL TWO-COLUMN ALTERNATION
   ========================================================= */

/*
   This is the main anti-repetition rule.

   Every other standard two-column section reverses itself
   on desktop.

   Mobile remains natural.
*/

@media(min-width:981px){

  body > section:nth-of-type(even) .grid-2 > :first-child,
  main > section:nth-of-type(even) .grid-2 > :first-child{
    order:2;
  }

  body > section:nth-of-type(even) .grid-2 > :last-child,
  main > section:nth-of-type(even) .grid-2 > :last-child{
    order:1;
  }

}


/* =========================================================
   6. STANDARD CARDS
   ========================================================= */

html:not([data-theme="dark"]) .card,
html:not([data-theme="dark"]) .path-step,
html:not([data-theme="dark"]) .pain-item,
html:not([data-theme="dark"]) .identity-card,
html:not([data-theme="dark"]) .story-point{
  background:#ffffff !important;
  color:#1b1a18 !important;
  border-color:#dfd4c4 !important;

  box-shadow:
    0 12px 34px rgba(28,24,18,.055) !important;
}

html:not([data-theme="dark"]) .card h3,
html:not([data-theme="dark"]) .path-step h3,
html:not([data-theme="dark"]) .identity-card h3{
  color:#1b1a18 !important;
}

html:not([data-theme="dark"]) .card p,
html:not([data-theme="dark"]) .path-step p,
html:not([data-theme="dark"]) .identity-card p,
html:not([data-theme="dark"]) .story-point span{
  color:#635d55 !important;
}


/* =========================================================
   7. HOME HERO
   ========================================================= */

html:not([data-theme="dark"]) .kam-home-hero{
  background:
    radial-gradient(
      circle at 82% 18%,
      rgba(201,150,62,.16),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #fffdf9 0%,
      #f8f2e8 52%,
      #ecdec8 100%
    ) !important;

  color:#1b1a18 !important;
}

html:not([data-theme="dark"]) .kam-home-hero h1{
  color:#171614 !important;
}

html:not([data-theme="dark"]) .kam-home-hero p{
  color:#565047 !important;
}

html:not([data-theme="dark"]) .kam-home-hero .tag{
  background:#fffaf2 !important;
  border-color:#dccfbc !important;
  color:#25211c !important;
}


/* =========================================================
   8. HOME PHOTO CALLOUT
   ========================================================= */

html:not([data-theme="dark"]) .kam-home-callout{
  background:
    linear-gradient(
      145deg,
      #fffaf2,
      #f0dfbe
    ) !important;

  color:#1b1a18 !important;

  border:1px solid #d7be90 !important;

  box-shadow:
    0 18px 50px rgba(27,23,18,.13) !important;
}

html:not([data-theme="dark"]) .kam-home-callout h3,
html:not([data-theme="dark"]) .kam-home-callout strong{
  color:#9b6c20 !important;
}

html:not([data-theme="dark"]) .kam-home-callout p{
  color:#4f493f !important;
}


/* =========================================================
   9. HOME: "YOU LOVE GOD..." SECTION
   ========================================================= */

/*
   Make this feel editorial instead of another copy of hero.
*/

.pain-section{
  padding-top:105px !important;
  padding-bottom:105px !important;
}

html:not([data-theme="dark"]) .pain-section{
  background:#f8f3eb !important;
}

@media(min-width:981px){

  .pain-section .pain-grid{
    grid-template-columns:
      minmax(0,1.08fr)
      minmax(360px,.92fr) !important;

    gap:80px !important;
  }

  .pain-section h2{
    font-size:clamp(3.4rem,5vw,5.5rem);
    max-width:760px;
  }

  .pain-section .identity-callout{
    margin-top:55px;
  }

}

html:not([data-theme="dark"]) .pain-section h2{
  color:#171614 !important;
}

html:not([data-theme="dark"]) .pain-section .lead{
  color:#5e584f !important;
}


/* =========================================================
   10. IDENTITY CALLOUT
   ========================================================= */

html:not([data-theme="dark"]) .identity-callout{
  background:
    linear-gradient(
      150deg,
      #fffaf1 0%,
      #eee0c7 100%
    ) !important;

  border:1px solid #d7c198 !important;

  color:#1b1a18 !important;

  box-shadow:
    0 22px 60px rgba(30,25,18,.09) !important;
}

html:not([data-theme="dark"]) .identity-callout h3{
  color:#986a20 !important;
}

html:not([data-theme="dark"]) .identity-callout p{
  color:#514a40 !important;
}


/* =========================================================
   11. HOME STORY SECTION
   FLIP PHOTO TO LEFT
   ========================================================= */

html:not([data-theme="dark"]) .testimony-preview{
  background:#fffdf9 !important;
}

@media(min-width:981px){

  .testimony-preview-grid > :first-child{
    order:2 !important;
  }

  .testimony-preview-grid > :last-child{
    order:1 !important;
  }

  .testimony-preview-grid{
    grid-template-columns:
      minmax(0,.95fr)
      minmax(0,1.05fr) !important;

    gap:82px !important;
  }

}

html:not([data-theme="dark"]) .testimony-preview h2{
  color:#171614 !important;
}

html:not([data-theme="dark"]) .testimony-preview p,
html:not([data-theme="dark"]) .testimony-preview .lead{
  color:#5f5950 !important;
}


/* =========================================================
   12. "FREEDOM IS NOT THE FINISH LINE"
   CENTERED EDITORIAL SECTION
   ========================================================= */

.break-section{
  padding-top:110px !important;
  padding-bottom:110px !important;
}

html:not([data-theme="dark"]) .break-section{
  background:
    linear-gradient(
      180deg,
      #f6eee2 0%,
      #efe2cf 100%
    ) !important;

  color:#1b1a18 !important;
}

.break-section > .wrap > .eyebrow,
.break-section > .wrap > h2,
.break-section > .wrap > .lead{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.break-section > .wrap > h2{
  max-width:1100px;
}

.break-section > .wrap > .lead{
  max-width:900px;
}

html:not([data-theme="dark"]) .break-section h2{
  color:#171614 !important;
}

html:not([data-theme="dark"]) .break-section .lead{
  color:#5d574f !important;
}

html:not([data-theme="dark"]) .break-card{
  background:#fffdf9 !important;
  color:#1b1a18 !important;
  border-color:#d9ccb8 !important;

  box-shadow:
    0 14px 38px rgba(28,23,17,.065) !important;
}

html:not([data-theme="dark"]) .break-card h3{
  color:#1b1a18 !important;
}

html:not([data-theme="dark"]) .break-card p{
  color:#615a50 !important;
}


/* =========================================================
   13. "WE WERE PUSHED INTO MINISTRY"
   DIFFERENT RHYTHM FROM BREAK SECTION
   ========================================================= */

.calling-band{
  padding-top:105px !important;
  padding-bottom:105px !important;
}

html:not([data-theme="dark"]) .calling-band{
  background:#fffdf9 !important;
  color:#1b1a18 !important;
}

@media(min-width:981px){

  .calling-band > .wrap > h2{
    max-width:980px;
  }

  .calling-band > .wrap > .lead{
    max-width:1000px;
  }

}

html:not([data-theme="dark"]) .calling-band h2{
  color:#171614 !important;
}

html:not([data-theme="dark"]) .calling-band .lead{
  color:#5f5950 !important;
}

html:not([data-theme="dark"]) .calling-card{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #faf5ed
    ) !important;

  border:1px solid #ddd0bb !important;

  box-shadow:
    0 14px 38px rgba(28,23,17,.055) !important;
}

html:not([data-theme="dark"]) .calling-card h3{
  color:#9a6a1e !important;
}

html:not([data-theme="dark"]) .calling-card p{
  color:#5e574e !important;
}


/* =========================================================
   14. KINGDOM ID HOME SECTION
   FLIP CARD LEFT / MESSAGE RIGHT
   ========================================================= */

.home-cta{
  padding-top:110px !important;
  padding-bottom:110px !important;
}

html:not([data-theme="dark"]) .home-cta{
  background:
    linear-gradient(
      135deg,
      #f5ebdc,
      #fffdf9
    ) !important;

  color:#1b1a18 !important;
}

@media(min-width:981px){

  .home-cta .grid-2 > :first-child{
    order:2 !important;
  }

  .home-cta .grid-2 > :last-child{
    order:1 !important;
  }

  .home-cta .grid-2{
    grid-template-columns:
      minmax(380px,.92fr)
      minmax(0,1.08fr) !important;

    gap:86px !important;
  }

}

html:not([data-theme="dark"]) .home-cta h1,
html:not([data-theme="dark"]) .home-cta h2,
html:not([data-theme="dark"]) .home-cta h3{
  color:#171614 !important;
  opacity:1 !important;
}

html:not([data-theme="dark"]) .home-cta p,
html:not([data-theme="dark"]) .home-cta .lead{
  color:#5b544b !important;
  opacity:1 !important;
}

html:not([data-theme="dark"]) .home-cta .eyebrow{
  color:#9f7022 !important;
}


/* =========================================================
   15. KINGDOM ID SIGNUP CARD
   ========================================================= */

html:not([data-theme="dark"]) .home-cta .give-card{
  background:#ffffff !important;

  color:#1b1a18 !important;

  border:1px solid #d9cbb6 !important;

  box-shadow:
    0 24px 65px rgba(28,23,17,.13) !important;
}

html:not([data-theme="dark"]) .home-cta .give-card h3{
  color:#93651c !important;
}

html:not([data-theme="dark"]) .home-cta .give-card p{
  color:#514b42 !important;
}

html:not([data-theme="dark"]) .home-cta .give-card input{
  background:#f8f4ed !important;
  color:#1b1a18 !important;
  border:1px solid #ddd2c3 !important;
}

html:not([data-theme="dark"]) .home-cta .give-card input::placeholder{
  color:#81796e !important;
}


/* =========================================================
   16. STANDARD TWO-COLUMN PAGES
   IMAGE / COPY BALANCE
   ========================================================= */

@media(min-width:981px){

  .grid-2{
    gap:72px;
  }

  .grid-2 .photo-card{
    min-height:420px;
  }

}


/* =========================================================
   17. STANDARD VISUAL CARDS
   ========================================================= */

html:not([data-theme="dark"]) .photo-card{
  background:#eee4d5 !important;
  border:1px solid #ddd1bf;
}

html:not([data-theme="dark"]) .quote{
  background:#fffdf9 !important;
  color:#2a251f !important;
  border-color:#d9cdbb !important;
}


/* =========================================================
   18. ABOUT / STORY TIMELINES
   ========================================================= */

html:not([data-theme="dark"]) .about-step,
html:not([data-theme="dark"]) .timeline .item{
  color:#1b1a18;
}

html:not([data-theme="dark"]) .about-step p,
html:not([data-theme="dark"]) .timeline p{
  color:#625b52 !important;
}


/* =========================================================
   19. BUTTON CONTRAST
   ========================================================= */

html:not([data-theme="dark"]) .btn-dark{
  background:#191817 !important;
  color:#ffffff !important;
}

html:not([data-theme="dark"]) .btn-light{
  background:#fffdf9 !important;
  color:#1b1a18 !important;
  border-color:#d8cbb8 !important;
}

html:not([data-theme="dark"]) .btn-secondary{
  background:#ffffff !important;
  color:#1b1a18 !important;
  border-color:#d7c9b5 !important;
}


/* =========================================================
   20. FOOTER
   ========================================================= */

footer{
  background:#151515 !important;
}


/* =========================================================
   21. DARK MODE MAINTAINS STRONG CONTRAST
   ========================================================= */

html[data-theme="dark"] .card,
html[data-theme="dark"] .path-step,
html[data-theme="dark"] .pain-item,
html[data-theme="dark"] .calling-card,
html[data-theme="dark"] .break-card{
  background:#22201d !important;
  border-color:#403a31 !important;
}

html[data-theme="dark"] .card p,
html[data-theme="dark"] .path-step p,
html[data-theme="dark"] .pain-item span,
html[data-theme="dark"] .calling-card p,
html[data-theme="dark"] .break-card p{
  color:#d3ccc2 !important;
}


/* =========================================================
   22. MOBILE
   ========================================================= */

@media(max-width:980px){

  /*
    On mobile, never force visual reversals.
    Reading flow wins.
  */

  .grid-2 > *,
  .testimony-preview-grid > *,
  .home-cta .grid-2 > *{
    order:initial !important;
  }

  section{
    padding-top:72px;
    padding-bottom:72px;
  }

  .pain-section h2,
  .break-section h2,
  .calling-band h2{
    font-size:clamp(2.5rem,10vw,4rem);
  }

  .break-section > .wrap > .eyebrow,
  .break-section > .wrap > h2,
  .break-section > .wrap > .lead{
    text-align:left;
  }

}


/* =========================================================
   END V5
   ========================================================= */


/* =========================================================
   KAM SITE DESIGN SYSTEM V6
   EDITORIAL ALIGNMENT + VISUAL RHYTHM
   ========================================================= */


/* =========================================================
   PAGE HEROES
   Major opening statements are centered.
   ========================================================= */

@media(min-width:981px){

  .page-hero{
    padding-top:100px !important;
    padding-bottom:100px !important;
  }

  .page-hero .wrap{
    text-align:center !important;
  }

  .page-hero .eyebrow{
    text-align:center !important;
  }

  .page-hero h1{
    max-width:1080px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    text-wrap:balance;
  }

  .page-hero p{
    max-width:820px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

}


/* =========================================================
   STANDARD SECTION INTRODUCTIONS

   Any section that begins with:
   eyebrow + h2 + lead

   becomes an editorial centered introduction rather than
   another left-aligned text block.
   ========================================================= */

@media(min-width:981px){

  section:not(.kam-home-hero) > .wrap > .eyebrow{
    text-align:center;
  }

  section:not(.kam-home-hero) > .wrap > h2{
    max-width:1050px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    text-wrap:balance;
  }

  section:not(.kam-home-hero) > .wrap > .lead{
    max-width:860px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }

}


/* =========================================================
   SECTIONS WITH A GRID
   Center the intro first, then let the content below breathe.
   ========================================================= */

@media(min-width:981px){

  section > .wrap > .grid-2,
  section > .wrap > .grid-3,
  section > .wrap > .grid-4{
    margin-top:42px;
  }

}


/* =========================================================
   TWO COLUMN CONTENT

   The actual text inside a split section should remain easy
   to read, but the TEXT COLUMN alternates sides.
   ========================================================= */

@media(min-width:981px){

  .grid-2{
    align-items:center !important;
  }

  /*
   Odd sections:
   text first / visual second
  */

  body > section:nth-of-type(odd) .grid-2 > :first-child,
  main > section:nth-of-type(odd) .grid-2 > :first-child{
    order:1;
  }

  body > section:nth-of-type(odd) .grid-2 > :last-child,
  main > section:nth-of-type(odd) .grid-2 > :last-child{
    order:2;
  }


  /*
   Even sections:
   visual first / text second
  */

  body > section:nth-of-type(even) .grid-2 > :first-child,
  main > section:nth-of-type(even) .grid-2 > :first-child{
    order:2;
  }

  body > section:nth-of-type(even) .grid-2 > :last-child,
  main > section:nth-of-type(even) .grid-2 > :last-child{
    order:1;
  }

}


/* =========================================================
   TEXT INSIDE SPLIT COLUMNS
   ========================================================= */

@media(min-width:981px){

  .grid-2 > div > .eyebrow,
  .grid-2 > div > h2,
  .grid-2 > div > h3,
  .grid-2 > div > p,
  .grid-2 > div > .lead{
    text-align:left !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

}


/* =========================================================
   TIMELINE SECTIONS

   Timeline headings are centered above the timeline,
   while the timeline itself remains left-readable.
   ========================================================= */

@media(min-width:981px){

  section:has(.timeline) > .wrap > .eyebrow,
  section:has(.timeline) > .wrap > h2,
  section:has(.timeline) > .wrap > .lead,

  section:has(.about-timeline) > .wrap > .eyebrow,
  section:has(.about-timeline) > .wrap > h2,
  section:has(.about-timeline) > .wrap > .lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .timeline,
  .about-timeline{
    max-width:1050px;
    margin-left:auto;
    margin-right:auto;
    margin-top:46px !important;
  }

}


/* =========================================================
   THREE / FOUR CARD SECTIONS
   ========================================================= */

@media(min-width:981px){

  .grid-3,
  .grid-4,
  .calling-grid,
  .break-grid,
  .identity-grid,
  .path{
    margin-top:46px !important;
  }

}


/* =========================================================
   WHAT WE DO
   ========================================================= */

@media(min-width:981px){

  body:has(a.current[href="what-we-do.html"])
  section:not(.page-hero) > .wrap > .eyebrow,

  body:has(a.current[href="what-we-do.html"])
  section:not(.page-hero) > .wrap > h2,

  body:has(a.current[href="what-we-do.html"])
  section:not(.page-hero) > .wrap > .lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

}


/* =========================================================
   ABOUT PAGE
   ========================================================= */

@media(min-width:981px){

  body:has(a.current[href="about.html"])
  section:not(.page-hero) > .wrap > .eyebrow,

  body:has(a.current[href="about.html"])
  section:not(.page-hero) > .wrap > h2,

  body:has(a.current[href="about.html"])
  section:not(.page-hero) > .wrap > .lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

}


/* =========================================================
   OUR STORY

   Center statement sections.
   Keep image/story splits editorial.
   ========================================================= */

@media(min-width:981px){

  body:has(a.current[href="our-story.html"])
  section:not(.page-hero) > .wrap > .eyebrow,

  body:has(a.current[href="our-story.html"])
  section:not(.page-hero) > .wrap > h2,

  body:has(a.current[href="our-story.html"])
  section:not(.page-hero) > .wrap > .lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

}


/* =========================================================
   TEACHINGS

   Teachings is currently especially sparse.
   Make the two big statements centered and more intentional.
   ========================================================= */

@media(min-width:981px){

  body:has(a.current[href="teachings.html"])
  .page-hero .wrap{
    max-width:1060px;
  }

  body:has(a.current[href="teachings.html"])
  section:not(.page-hero) .wrap{
    text-align:center;
  }

  body:has(a.current[href="teachings.html"])
  section:not(.page-hero) h2{
    max-width:1000px;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body:has(a.current[href="teachings.html"])
  .cta-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
  }

  body:has(a.current[href="teachings.html"])
  .cta-inner .btn{
    margin-top:24px !important;
  }

}


/* =========================================================
   TESTIMONIES
   ========================================================= */

@media(min-width:981px){

  body:has(a.current[href="testimonies.html"])
  section:not(.page-hero) > .wrap > .eyebrow,

  body:has(a.current[href="testimonies.html"])
  section:not(.page-hero) > .wrap > h2,

  body:has(a.current[href="testimonies.html"])
  section:not(.page-hero) > .wrap > .lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

}


/* =========================================================
   MARRIAGE & FAMILY
   ========================================================= */

@media(min-width:981px){

  body:has(a.current[href="marriage-family.html"])
  section:not(.page-hero) > .wrap > .eyebrow,

  body:has(a.current[href="marriage-family.html"])
  section:not(.page-hero) > .wrap > h2,

  body:has(a.current[href="marriage-family.html"])
  section:not(.page-hero) > .wrap > .lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

}


/* =========================================================
   KINGDOM ID
   ========================================================= */

@media(min-width:981px){

  body:has(a.current[href="kingdom-id.html"])
  section:not(.page-hero) > .wrap > .eyebrow,

  body:has(a.current[href="kingdom-id.html"])
  section:not(.page-hero) > .wrap > h2,

  body:has(a.current[href="kingdom-id.html"])
  section:not(.page-hero) > .wrap > .lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

}


/* =========================================================
   GIVE / PARTNER / CONTACT
   ========================================================= */

@media(min-width:981px){

  body:has(a.current[href="give.html"])
  section:not(.page-hero) > .wrap > .eyebrow,

  body:has(a.current[href="give.html"])
  section:not(.page-hero) > .wrap > h2,

  body:has(a.current[href="give.html"])
  section:not(.page-hero) > .wrap > .lead,

  body:has(a.current[href="partner.html"])
  section:not(.page-hero) > .wrap > .eyebrow,

  body:has(a.current[href="partner.html"])
  section:not(.page-hero) > .wrap > h2,

  body:has(a.current[href="partner.html"])
  section:not(.page-hero) > .wrap > .lead,

  body:has(a.current[href="contact.html"])
  section:not(.page-hero) > .wrap > .eyebrow,

  body:has(a.current[href="contact.html"])
  section:not(.page-hero) > .wrap > h2,

  body:has(a.current[href="contact.html"])
  section:not(.page-hero) > .wrap > .lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

}


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

   Prevent CTA sections from becoming another left-heavy block.
   ========================================================= */

@media(min-width:981px){

  .cta-inner{
    justify-content:center !important;
    text-align:center !important;
  }

  .cta-inner > div{
    text-align:center;
  }

  .cta-inner .eyebrow,
  .cta-inner h2{
    text-align:center !important;
  }

}


/* =========================================================
   HOMEPAGE
   More explicit rhythm.
   ========================================================= */

@media(min-width:981px){

  /*
   Keep actual hero split.
  */

  .kam-home-hero > .wrap{
    text-align:left !important;
  }


  /*
   You Love God section
   centered editorial intro
  */

  .pain-section > .wrap > .pain-grid{
    margin-top:0;
  }


  /*
   Freedom section centered.
  */

  .break-section > .wrap > .eyebrow,
  .break-section > .wrap > h2,
  .break-section > .wrap > .lead{
    text-align:center !important;
  }


  /*
   Calling section centered headline.
  */

  .calling-band > .wrap > .eyebrow,
  .calling-band > .wrap > h2,
  .calling-band > .wrap > .lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }


  /*
   Kingdom ID section:
   text itself stays readable inside its column.
  */

  .home-cta .grid-2 > div > .eyebrow,
  .home-cta .grid-2 > div > h2,
  .home-cta .grid-2 > div > p,
  .home-cta .grid-2 > div > .lead{
    text-align:left !important;
  }

}


/* =========================================================
   LIGHT MODE SEPARATION
   ========================================================= */

html:not([data-theme="dark"])
section:not(.page-hero):not(.kam-home-hero){
  border-top:1px solid rgba(174,150,111,.08);
}


/* =========================================================
   MOBILE
   Mobile remains left readable.
   ========================================================= */

@media(max-width:980px){

  .page-hero .wrap,
  .page-hero h1,
  .page-hero p,

  section > .wrap > .eyebrow,
  section > .wrap > h2,
  section > .wrap > .lead{
    text-align:left !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .grid-2 > *{
    order:initial !important;
  }

}


/* =========================================================
   END V6
   ========================================================= */