:root { --ink:#18241f; --paper:#f5f2eb; --card:rgba(255,255,255,.82); --brown:#6d472c; --green:#1f614a; --mint:#e2efe7; --muted:#65716a; --line:rgba(31,97,74,.16); --gold:#c78a2d; --shadow:0 20px 55px rgba(22,49,38,.10); --header-h:88px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x:clip; }
body { margin:0; min-height:100vh; overflow-x:clip; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.site-media-background { position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; background:#e8eee8; }
.site-media-background::after { content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(248,246,240,.54),rgba(242,247,242,.48) 52%,rgba(245,240,231,.58)); }
.site-media-background__photo, .site-media-background__video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.site-media-background__photo { opacity:.10; transition:opacity .45s ease; }
.site-media-background__photo.is-changing { opacity:.04; }
.site-media-background__video { opacity:.88; }
body::before { content:""; position:fixed; inset:-12%; z-index:-2; pointer-events:none; background:radial-gradient(circle at 14% 12%, rgba(111,177,140,.24), transparent 22%),radial-gradient(circle at 87% 19%, rgba(199,138,45,.18), transparent 19%),linear-gradient(rgba(31,97,74,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(31,97,74,.045) 1px, transparent 1px),linear-gradient(135deg,#f8f5ef 0%,#f2f7f2 50%,#f5f0e7 100%); background-size:auto,auto,54px 54px,54px 54px,auto; mask-image:linear-gradient(to bottom, #000 0%, rgba(0,0,0,.75) 55%, transparent 100%); animation:ambient-drift 22s ease-in-out infinite alternate; }
body::after { content:""; position:fixed; z-index:-1; width:min(72vw,780px); aspect-ratio:1; right:-18vw; bottom:-25vw; pointer-events:none; background:url('WhatsApp_Image_2026-06-11_at_10.19.34_AM-removebg-preview.png') center / contain no-repeat; opacity:.06; filter:sepia(.2) saturate(.8); animation:watermark-float 18s ease-in-out infinite alternate; }
@keyframes ambient-drift { from { transform:translate3d(-1.5%,-1%,0) scale(1); } to { transform:translate3d(1.5%,1.5%,0) scale(1.04); } }
@keyframes watermark-float { from { transform:translate3d(0,0,0) rotate(-12deg); } to { transform:translate3d(-26px,-22px,30px) rotate(-7deg); } }
a { color:inherit; }
.page-shell { position:relative; z-index:1; width:min(1160px,calc(100% - 44px)); margin:auto; padding-top:var(--header-h); }
.page-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  height: var(--header-h);
  min-height: var(--header-h);
  padding: 12px 32px;
  border-bottom: 1px solid var(--line);
  background: rgba(246, 240, 231, 0.95);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 4px 18px rgba(22, 49, 38, 0.07);
}
body.dark .page-header {
  background: rgba(23, 35, 31, 0.94);
  border-bottom-color: #496158;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}
.brand { display:block; flex:0 0 auto; width:clamp(200px,28vw,285px); height:64px; background:url('WhatsApp_Image_2026-06-11_at_10.19.34_AM-removebg-preview.png') left center / contain no-repeat; font-size:0; text-decoration:none; }
.page-nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; }
.page-nav a { border-radius:999px; color:#355246; font:700 .77rem Inter,Arial,sans-serif; padding:9px 13px; text-decoration:none; transition:background .2s ease,color .2s ease,transform .2s ease; }
.page-nav a:hover { background:var(--mint); color:var(--green); transform:translateY(-2px); }
.page-nav a.is-active { background:var(--green); color:#fff; }
.mobile-nav { display:none; position:relative; }
.mobile-nav summary { padding:10px 13px; border:1px solid var(--line); border-radius:8px; color:var(--green); cursor:pointer; font:800 .74rem Inter,ui-sans-serif,sans-serif; list-style:none; }
.mobile-nav summary::-webkit-details-marker { display:none; }
.mobile-nav summary::before { content:"☰"; margin-right:7px; }
.mobile-nav nav { position:absolute; z-index:20; right:0; top:45px; display:grid; min-width:190px; padding:8px; border:1px solid var(--line); border-radius:12px; background:var(--paper); box-shadow:var(--shadow); }
.mobile-nav a { padding:11px 12px; border-radius:7px; color:var(--ink); font-size:.84rem; font-weight:700; text-decoration:none; }
.mobile-nav a.is-active, .mobile-nav a:hover { background:var(--mint); color:var(--green); }
.page-nav .notification-icon { position:relative; width:36px; height:36px; display:grid; place-items:center; padding:0; border-radius:50%; background:var(--green); color:#fff; font-size:1rem; }
.page-nav .notification-icon:hover { background:var(--brown); color:#fff; }
.notification-dot { position:absolute; top:-3px; right:-3px; width:11px; height:11px; border:2px solid var(--paper); border-radius:50%; background:#d93636; box-shadow:0 0 0 3px rgba(217,54,54,.16); animation:notification-pulse 1.8s ease-in-out infinite; }
@keyframes notification-pulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.18); } }
.page-main { padding:clamp(20px,3.5vw,36px) 0 80px; }
.page-title--compact,
.page-title--xs { font-size:clamp(1.22rem, 2.1vw, 1.65rem) !important; margin:4px 0 8px !important; line-height:1.18 !important; letter-spacing:-0.02em !important; }
.lead--compact,
.lead--xs { font-size:0.88rem !important; margin:0 0 14px !important; line-height:1.45 !important; max-width:620px !important; }
.eyebrow--compact,
.eyebrow--xs { font-size:0.62rem !important; letter-spacing:.13em !important; margin-bottom:2px !important; }
.eyebrow { display:flex; align-items:center; gap:8px; color:var(--green); font:800 .72rem Inter,ui-sans-serif,sans-serif; letter-spacing:.17em; text-transform:uppercase; }
.eyebrow::before { content:""; width:25px; height:2px; background:var(--gold); }
h1 { max-width:840px; margin:16px 0 24px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(3.2rem,8vw,6.8rem); font-weight:normal; line-height:.94; letter-spacing:-.055em; }
h2 { margin:0 0 14px; font-family:Georgia,"Times New Roman",serif; font-size:1.8rem; font-weight:normal; letter-spacing:-.025em; }
p { max-width:720px; color:var(--muted); line-height:1.75; }
.lead { max-width:680px; font-size:1.13rem; }
.page-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:48px; }
.page-card { position:relative; overflow:hidden; min-height:210px; padding:28px; border:1px solid rgba(31,97,74,.12); border-radius:18px; background:var(--card); box-shadow:0 8px 24px rgba(22,49,38,.04); backdrop-filter:blur(8px); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.page-card::after { content:""; position:absolute; width:105px; height:105px; right:-53px; top:-53px; border:1px solid rgba(199,138,45,.25); border-radius:50%; }
.page-card:hover { transform:translateY(-7px); border-color:rgba(31,97,74,.26); box-shadow:var(--shadow); }
.page-card h2 { margin-top:22px; }
.page-card p { margin-bottom:0; font-size:.96rem; }
.page-card a:not(.button) { color:var(--green); font-weight:650; overflow-wrap:anywhere; }
.verse { max-width:820px; margin:52px 0 0; padding:30px 34px; border:1px solid rgba(31,97,74,.12); border-left:4px solid var(--gold); border-radius:0 16px 16px 0; background:rgba(226,239,231,.7); color:var(--green); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.35rem,2.4vw,1.75rem); line-height:1.42; box-shadow:var(--shadow); }
.verse cite { display:block; margin-top:14px; color:var(--brown); font:800 .7rem Inter,ui-sans-serif,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:30px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; margin-top:20px; padding:12px 17px; border:1px solid var(--brown); border-radius:10px; background:var(--brown); box-shadow:0 8px 16px rgba(109,71,44,.15); color:#fff; font:800 .76rem Inter,ui-sans-serif,sans-serif; letter-spacing:.02em; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.button:hover { background:#54331d; transform:translateY(-2px); box-shadow:0 13px 23px rgba(109,71,44,.23); }
.button.secondary { background:transparent; box-shadow:none; color:var(--brown); }
.button.secondary:hover { background:rgba(109,71,44,.06); }
.footer { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:28px 0 36px; border-top:1px solid var(--line); color:var(--muted); font-size:.8rem; }
.footer strong { display:block; color:var(--green); margin-bottom:4px; }
.footer span { display:block; }
.footer-links { display:flex; flex-wrap:wrap; gap:12px; }
.footer-links a { color:var(--brown); font-weight:700; text-decoration:none; }
.footer-links a:hover { color:var(--green); text-decoration:underline; }
@media (max-width:700px) {
  :root { --header-h:72px; }
  .page-shell { width:min(100% - 32px,1160px); }
  .page-header { height:var(--header-h); min-height:var(--header-h); padding:10px 16px; gap:10px; background:rgba(246,240,231,.96); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid var(--line); box-shadow:0 4px 18px rgba(39,34,29,.08); }
  body.dark .page-header { background:rgba(23,35,31,0.97); }
  .brand { flex:0 0 auto; width:clamp(170px,48vw,220px); height:52px; }
  .page-nav--desktop { display:none; }
  .mobile-nav { display:block; }
  .page-main { padding-top:20px; }
  .page-grid { grid-template-columns:1fr; margin-top:36px; }
  .page-card { min-height:0; padding:24px; }
  .verse { padding:25px; }
  .footer { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

/* ==========================================================================
   SACRED CROSS & CHRISTIAN MINISTRY BACKGROUND
   ========================================================================== */
.sacred-cross-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.sacred-cross-bg__glow {
  position: absolute;
  top: 10%;
  right: 6%;
  width: min(700px, 80vw);
  height: min(700px, 80vw);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(199,138,45,.20) 0%, rgba(31,97,74,.14) 45%, transparent 72%);
  filter: blur(50px);
  animation: holy-glow-pulse 9s ease-in-out infinite alternate;
}
.sacred-cross-bg__rays {
  position: absolute;
  top: -8%;
  right: -2%;
  width: min(920px, 98vw);
  height: min(920px, 98vw);
  background: conic-gradient(from 0deg at 50% 50%,
    transparent 0deg, rgba(199,138,45,.06) 18deg, transparent 38deg,
    transparent 70deg, rgba(111,177,140,.07) 92deg, transparent 118deg,
    transparent 162deg, rgba(199,138,45,.065) 184deg, transparent 208deg,
    transparent 258deg, rgba(111,177,140,.07) 285deg, transparent 315deg,
    transparent 360deg
  );
  animation: slow-divine-rays 75s linear infinite;
  mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 18%, rgba(0,0,0,0) 72%);
}
.sacred-cross-bg__main-cross {
  position: absolute;
  top: 14%;
  right: 5%;
  width: min(420px, 55vw);
  height: min(560px, 72vw);
  opacity: .32;
  filter: drop-shadow(0 10px 40px rgba(199,138,45,.32));
  animation: cross-float 15s ease-in-out infinite alternate;
}
.sacred-cross-bg__secondary-cross-1 {
  position: absolute;
  bottom: 14%;
  left: 3%;
  width: 130px;
  height: 180px;
  opacity: .18;
  filter: drop-shadow(0 6px 18px rgba(31,97,74,.2));
  animation: cross-float-subtle 17s ease-in-out infinite alternate;
}
.sacred-cross-bg__secondary-cross-2 {
  position: absolute;
  top: 48%;
  left: 42%;
  width: 90px;
  height: 120px;
  opacity: .10;
  animation: cross-float-subtle 21s ease-in-out infinite alternate-reverse;
}
.sacred-cross-bg__shield-watermark {
  position: absolute;
  bottom: 6%;
  right: 18%;
  width: min(290px, 40vw);
  aspect-ratio: 1;
  background: url('WhatsApp_Image_2026-06-11_at_10.19.34_AM-removebg-preview.png') center / contain no-repeat;
  opacity: .08;
  filter: drop-shadow(0 8px 24px rgba(31,97,74,.18));
  animation: watermark-float 18s ease-in-out infinite alternate;
}

@keyframes holy-glow-pulse {
  0% { transform: scale(.95); opacity: .7; }
  100% { transform: scale(1.1); opacity: 1; }
}
@keyframes slow-divine-rays {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes cross-float {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  100% { transform: translate3d(-14px, -18px, 0) scale(1.025); }
}
@keyframes cross-float-subtle {
  0% { transform: translate3d(0, 0, 0) rotate(-3deg); }
  100% { transform: translate3d(10px, -12px, 0) rotate(3deg); }
}

/* Sacred Page Motifs (Unique touches rhyming with the system cross) */
.sacred-motif {
  position: absolute;
  pointer-events: none;
  font-family: Georgia, 'Times New Roman', serif;
  user-select: none;
  z-index: 0;
}
.sacred-motif--mission {
  bottom: 6%;
  right: 5%;
  font-size: clamp(1.8rem, 4vw, 3.4rem);
  font-style: italic;
  color: var(--green);
  opacity: 0.08;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.sacred-motif--gallery {
  bottom: 8%;
  left: 5%;
  font-size: clamp(1.8rem, 3.8vw, 3.2rem);
  font-style: italic;
  color: var(--gold);
  opacity: 0.09;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.sacred-motif--contact {
  bottom: 8%;
  right: 6%;
  font-size: clamp(1.8rem, 3.8vw, 3.2rem);
  font-style: italic;
  color: var(--green);
  opacity: 0.08;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.sacred-motif--donations {
  bottom: 10%;
  right: 6%;
  font-size: clamp(1.8rem, 3.8vw, 3.2rem);
  font-style: italic;
  color: var(--gold);
  opacity: 0.09;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.sacred-motif--opportunities {
  bottom: 8%;
  left: 5%;
  font-size: clamp(1.8rem, 3.8vw, 3.2rem);
  font-style: italic;
  color: var(--green);
  opacity: 0.08;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.sacred-motif--quiz {
  bottom: 8%;
  right: 5%;
  font-size: clamp(1.8rem, 3.8vw, 3.2rem);
  font-style: italic;
  color: var(--gold);
  opacity: 0.09;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
body.dark .sacred-motif {
  color: #e4b987;
  opacity: 0.12;
}

/* ==========================================================================
   ABOUT PAGE RICH SECTIONS & CARDS
   ========================================================================== */
body.about-page::after {
  display: none !important;
}
.about-page .page-main {
  padding-top: 32px;
  padding-bottom: 70px;
}
.about-hero {
  display: grid;
  grid-template-columns: 1.22fr .88fr;
  gap: 36px;
  align-items: center;
  margin-bottom: 56px;
}
.about-hero__content {
  position: relative;
  z-index: 2;
}
.about-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 28px;
}
.about-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: rgba(226,239,231,.78);
  border: 1px solid rgba(31,97,74,.18);
  border-radius: 999px;
  color: var(--green);
  font: 700 .78rem Inter, ui-sans-serif, sans-serif;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 12px rgba(22,49,38,.04);
}
.about-badge .badge-cross {
  color: var(--gold);
  font-weight: 900;
  font-size: .88rem;
}
.about-hero__emblem-card {
  position: relative;
  padding: 38px 30px;
  border: 1px solid rgba(199,138,45,.28);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(243,248,244,.82));
  backdrop-filter: blur(14px);
  box-shadow: 0 22px 55px rgba(22,49,38,.12);
  text-align: center;
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease;
}
.about-hero__emblem-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 65px rgba(22,49,38,.18);
}
.about-emblem-glow {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(199,138,45,.24) 0%, rgba(31,97,74,.12) 55%, transparent 75%);
  border-radius: 50%;
  pointer-events: none;
}
.about-emblem-img {
  position: relative;
  width: min(85%, 260px);
  height: auto;
  margin: 0 auto 18px;
  display: block;
  filter: drop-shadow(0 10px 24px rgba(49,92,74,.15));
  transition: transform .35s ease;
}
.about-hero__emblem-card:hover .about-emblem-img {
  transform: scale(1.04);
}
.about-emblem-tagline {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  font-style: italic;
  color: var(--brown);
  margin: 0 0 20px;
}
.about-emblem-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  border-top: 1px solid var(--line);
  padding-top: 18px;
}
.about-emblem-stat strong {
  display: block;
  color: var(--green);
  font-size: 1.45rem;
  font-family: Georgia, serif;
}
.about-emblem-stat span {
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
}

/* 5 Pillars of 1 Timothy 4:12 */
.pillars-section {
  margin: 54px 0 60px;
}
.pillars-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px;
}
.pillars-header .eyebrow {
  justify-content: center;
}
.pillars-header h2 {
  font-size: clamp(2.1rem, 4.2vw, 3rem);
  margin: 12px 0 12px;
}
.pillars-header p {
  margin: 0 auto;
}
.pillars-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
.pillar-card {
  position: relative;
  overflow: hidden;
  padding: 26px 20px;
  border: 1px solid rgba(31,97,74,.14);
  border-top: 4px solid var(--gold);
  border-radius: 18px;
  background: var(--card);
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 24px rgba(22,49,38,.04);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.pillar-card:hover {
  transform: translateY(-6px);
  border-color: rgba(31,97,74,.3);
  box-shadow: var(--shadow);
}
.pillar-icon-wrap {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(226,239,231,.85);
  color: var(--green);
  font-size: 1.35rem;
  margin-bottom: 16px;
  border: 1px solid rgba(31,97,74,.15);
}
.pillar-card h3 {
  margin: 0 0 10px;
  font-size: 1.25rem;
  font-family: Georgia, serif;
  color: var(--ink);
}
.pillar-card p {
  margin: 0;
  font-size: .88rem;
  line-height: 1.6;
  color: var(--muted);
}
.pillar-card-watermark {
  position: absolute;
  right: -8px;
  bottom: -15px;
  font-size: 4.6rem;
  color: var(--gold);
  opacity: .08;
  font-family: Georgia, serif;
  pointer-events: none;
}

/* Movement Highlights Strip */
.about-highlights-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  padding: 24px 28px;
  border: 1px solid rgba(31,97,74,.16);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(226,239,231,.75), rgba(245,242,235,.85));
  backdrop-filter: blur(8px);
  margin: 48px 0;
  box-shadow: 0 10px 30px rgba(22,49,38,.05);
}
.highlight-item {
  display: flex;
  align-items: center;
  gap: 14px;
}
.highlight-item__icon {
  font-size: 1.7rem;
  color: var(--green);
  line-height: 1;
}
.highlight-item strong {
  display: block;
  color: var(--ink);
  font-size: .95rem;
  font-weight: 700;
}
.highlight-item span {
  display: block;
  color: var(--muted);
  font-size: .8rem;
}

/* Our Story & Affiliation Grid */
.story-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin: 54px 0 60px;
}
.story-card {
  position: relative;
  overflow: hidden;
  padding: 34px 30px;
  border: 1px solid rgba(31,97,74,.14);
  border-radius: 20px;
  background: var(--card);
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 24px rgba(22,49,38,.04);
  transition: transform .25s ease, box-shadow .25s ease;
}
.story-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
}
.story-card::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -40px;
  bottom: -40px;
  border: 1px solid rgba(199,138,45,.2);
  border-radius: 50%;
}
.story-card h2 {
  margin-top: 14px;
  font-size: 1.85rem;
}
.story-card p {
  font-size: .98rem;
  line-height: 1.72;
}

/* Illuminated Scripture Sanctuary */
.scripture-sanctuary {
  position: relative;
  overflow: hidden;
  margin: 54px 0 60px;
  padding: 46px 42px;
  border: 1px solid rgba(199,138,45,.3);
  border-left: 6px solid var(--gold);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(246,243,234,.96), rgba(227,240,232,.92));
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 50px rgba(22,49,38,.09);
  text-align: center;
}
.scripture-sanctuary__cross {
  display: inline-block;
  color: var(--gold);
  font-size: 2.3rem;
  margin-bottom: 14px;
  filter: drop-shadow(0 4px 12px rgba(199,138,45,.4));
  animation: holy-glow-pulse 6s ease-in-out infinite alternate;
}
.scripture-sanctuary blockquote {
  margin: 0;
  padding: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.4rem, 2.5vw, 2.05rem);
  line-height: 1.48;
  color: var(--green);
  font-style: italic;
}
.scripture-sanctuary cite {
  display: inline-block;
  margin-top: 22px;
  padding: 8px 20px;
  border-radius: 999px;
  background: rgba(109,71,44,.12);
  color: var(--brown);
  font: 800 .76rem Inter, ui-sans-serif, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Call to Action */
.about-cta {
  text-align: center;
  padding: 46px 32px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,97,74,.94), rgba(18,58,44,.98));
  color: #fff;
  box-shadow: 0 22px 50px rgba(22,49,38,.22);
  margin-bottom: 50px;
}
.about-cta h2 {
  color: #fff;
  font-size: clamp(2rem, 3.5vw, 2.7rem);
  margin: 0 0 12px;
}
.about-cta p {
  color: rgba(255,255,255,.88);
  max-width: 620px;
  margin: 0 auto 24px;
  font-size: 1.05rem;
}
.about-cta .actions {
  justify-content: center;
  margin-top: 0;
}
.about-cta .button {
  background: var(--gold);
  border-color: var(--gold);
  color: #18241f;
  font-weight: 800;
}
.about-cta .button:hover {
  background: #deb052;
}
.about-cta .button.secondary {
  border-color: rgba(255,255,255,.5);
  color: #fff;
}
.about-cta .button.secondary:hover {
  background: rgba(255,255,255,.14);
}

/* Dark Mode Overrides */
body.dark .sacred-cross-bg__glow {
  background: radial-gradient(circle, rgba(228,185,135,.26) 0%, rgba(31,97,74,.28) 48%, transparent 74%);
}
body.dark .sacred-cross-bg__main-cross {
  opacity: .42;
  filter: drop-shadow(0 0 45px rgba(228,185,135,.45));
}
body.dark .about-badge {
  background: rgba(38,56,50,.85);
  border-color: #496158;
  color: #9ac8aa;
}
body.dark .about-hero__emblem-card {
  background: linear-gradient(145deg, rgba(38,56,50,.92), rgba(29,41,37,.9));
  border-color: rgba(228,185,135,.3);
}
body.dark .about-emblem-tagline {
  color: #e4b987;
}
body.dark .about-emblem-stat strong {
  color: #9ac8aa;
}
body.dark .pillars-grid .pillar-card {
  background: rgba(38,56,50,.85);
  border-color: #496158;
  border-top-color: #e4b987;
}
body.dark .pillar-card h3 {
  color: #f6f0e7;
}
body.dark .pillar-icon-wrap {
  background: rgba(29,41,37,.9);
  border-color: #496158;
  color: #9ac8aa;
}
body.dark .about-highlights-bar {
  background: linear-gradient(135deg, rgba(38,56,50,.85), rgba(29,41,37,.88));
  border-color: #496158;
}
body.dark .highlight-item strong {
  color: #f6f0e7;
}
body.dark .story-card {
  background: rgba(38,56,50,.85);
  border-color: #496158;
}
body.dark .scripture-sanctuary {
  background: linear-gradient(135deg, rgba(38,56,50,.95), rgba(29,41,37,.95));
  border-color: rgba(228,185,135,.3);
  border-left-color: #e4b987;
}
body.dark .scripture-sanctuary blockquote {
  color: #9ac8aa;
}
body.dark .scripture-sanctuary cite {
  background: rgba(228,185,135,.15);
  color: #e4b987;
}

/* Responsive Media Queries */
@media (max-width: 980px) {
  .pillars-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .about-highlights-bar {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 860px) {
  .about-hero {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .story-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 680px) {
  .pillars-grid {
    grid-template-columns: 1fr;
  }
  .about-highlights-bar {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 20px;
  }
  .scripture-sanctuary {
    padding: 30px 22px;
  }
  .about-hero__emblem-card {
    padding: 28px 20px;
  }
}