/* Faith page styles — extracted from inline <style> in faith/index.html */

  /* ── PAGE-SPECIFIC TOKENS (supplement shared) ── */
  :root {
    --gold-lt:   #f4e4c8;
    --border-lt: #e8f2ec;
  }

  /* ── PAGE REVEAL DELAYS (supplement shared .reveal) ── */
  .d1{transition-delay:.08s} .d2{transition-delay:.18s} .d3{transition-delay:.28s}
  .d4{transition-delay:.38s} .d5{transition-delay:.48s} .d6{transition-delay:.58s}

  /* ══════════════════════════════════════
     HERO
  ══════════════════════════════════════ */
  .page-hero {
    background:var(--forest);
    padding:130px 6vw 100px;
    position:relative; overflow:hidden;
    text-align:center;
  }
  .page-hero::before {
    content:''; position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(ellipse 70% 55% at 50% 0%, rgba(69,179,110,.14), transparent 60%),
      radial-gradient(ellipse 40% 40% at 90% 80%, rgba(191,130,50,.08), transparent 55%);
  }
  .page-hero::after {
    content:''; position:absolute; inset:0; pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
    background-size:28px 28px;
    mask-image:radial-gradient(ellipse 80% 70% at 50% 50%, black, transparent);
  }
  .hero-cross {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:280px; height:280px;
    opacity:0.04;
    pointer-events:none;
  }
  .page-hero-inner {
    max-width:760px; margin:0 auto;
    position:relative; z-index:1;
  }
  .hero-eyebrow {
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(191,130,50,.16); color:#e0a84a;
    font-size:.7rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
    padding:5px 13px; border-radius:50px;
    border:1px solid rgba(191,130,50,.3);
    margin-bottom:22px;
    animation:fadeDown .55s ease .1s both;
  }
  .hero-dot { width:6px; height:6px; border-radius:50%; background:var(--gold); animation:pulseGold 2.4s infinite; }
  @keyframes pulseGold { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.85)} }
  @keyframes fadeDown { from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:translateY(0)} }
  @keyframes fadeUp { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }
  .page-hero h1 {
    font-family:'Fraunces',serif;
    font-size:clamp(2.4rem,4.5vw,3.5rem);
    font-weight:700; color:#fff; line-height:1.12; margin-bottom:20px;
    animation:fadeUp .65s cubic-bezier(.22,1,.36,1) .2s both;
  }
  .page-hero h1 em {
    font-style:italic;
    background:linear-gradient(110deg,#e0a84a,#f4d88a,#e0a84a);
    background-size:200% auto;
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
    animation:shimmer 4s linear infinite;
  }
  @keyframes shimmer { to { background-position:200% center; } }
  .page-hero p {
    font-size:1.04rem; color:rgba(255,255,255,.68); line-height:1.78;
    max-width:580px; margin:0 auto;
    animation:fadeUp .65s cubic-bezier(.22,1,.36,1) .34s both;
  }

  /* ── VERSE BAND ── */
  .verse-band {
    background:var(--pine); padding:22px 6vw;
    border-bottom:1px solid rgba(255,255,255,.06);
    text-align:center;
  }
  .verse-text {
    font-family:'Fraunces',serif;
    font-size:1.1rem; font-weight:400; font-style:italic;
    color:rgba(255,255,255,.78); max-width:720px; margin:0 auto;
    line-height:1.6;
  }
  .verse-ref {
    display:block; margin-top:6px;
    font-family:'Outfit',sans-serif; font-size:.74rem; font-weight:600;
    letter-spacing:.14em; text-transform:uppercase;
    color:rgba(224,168,74,.85);
    font-style:normal;
  }

  /* ══════════════════════════════════════
     MISSION
  ══════════════════════════════════════ */
  .section { padding:96px 6vw; }
  .section-inner { max-width:1160px; margin:0 auto; }
  .sec-tag {
    font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
    color:var(--sage); margin-bottom:10px; display:block;
  }
  .sec-h {
    font-family:'Fraunces',serif;
    font-size:clamp(1.9rem,3.2vw,2.7rem);
    font-weight:700; color:var(--forest); line-height:1.16; margin-bottom:16px;
  }
  .sec-p {
    font-size:.97rem; color:var(--body); line-height:1.8;
    max-width:620px;
  }
  .mission-layout {
    display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center;
    margin-top:56px;
  }
  .mission-copy p {
    font-size:1rem; color:var(--body); line-height:1.85; margin-bottom:20px;
  }
  .mission-copy p:last-child { margin-bottom:0; }
  .mission-copy strong { color:var(--forest); font-weight:600; }

  .tile-card {
    background:var(--white); border:1px solid var(--border);
    border-radius:24px; padding:40px 36px;
    box-shadow:0 12px 48px rgba(17,26,20,.08);
    position:relative; overflow:hidden;
  }
  .tile-card::before {
    content:''; position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg, var(--gold), var(--leaf), var(--gold));
  }
  .tile-h {
    font-family:'Fraunces',serif;
    font-size:1.4rem; font-weight:700; color:var(--forest);
    font-style:italic; line-height:1.3; margin-bottom:18px;
  }
  .tile-p {
    font-size:.93rem; color:var(--body); line-height:1.8; margin-bottom:22px;
  }
  .tile-ref {
    display:inline-block; padding:6px 14px;
    background:var(--gold-lt); border:1px solid #e6c898;
    border-radius:50px;
    font-size:.72rem; font-weight:700; letter-spacing:.12em;
    color:#6b4a0f; text-transform:uppercase;
  }
  .tile-divider {
    height:1px; background:var(--border-lt);
    margin:28px 0; position:relative;
  }
  .tile-divider::after {
    content:'✦'; position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    background:var(--white); padding:0 14px;
    color:var(--gold); font-size:.75rem;
  }

  /* ══════════════════════════════════════
     PRAYER REQUEST CTA
  ══════════════════════════════════════ */
  .prayer-section {
    background:var(--forest); padding:96px 6vw;
    position:relative; overflow:hidden;
  }
  .prayer-section::before {
    content:''; position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(ellipse 60% 60% at 50% 0%, rgba(191,130,50,.11), transparent 70%),
      radial-gradient(ellipse 45% 45% at 100% 100%, rgba(69,179,110,.09), transparent 70%);
  }
  .prayer-section::after {
    content:''; position:absolute; inset:0; pointer-events:none;
    background-image:
      linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
    background-size:52px 52px;
  }
  .prayer-inner {
    max-width:820px; margin:0 auto;
    position:relative; z-index:1;
    text-align:center;
  }
  .prayer-icon-wrap {
    width:64px; height:64px; margin:0 auto 22px;
    border-radius:50%;
    background:rgba(191,130,50,.14);
    border:1px solid rgba(191,130,50,.3);
    display:flex; align-items:center; justify-content:center;
    position:relative;
  }
  .prayer-icon-wrap::before {
    content:''; position:absolute; inset:-6px;
    border-radius:50%; border:1px solid rgba(191,130,50,.18);
    animation:ripple 3s ease-out infinite;
  }
  .prayer-icon-wrap::after {
    content:''; position:absolute; inset:-14px;
    border-radius:50%; border:1px solid rgba(191,130,50,.1);
    animation:ripple 3s ease-out .6s infinite;
  }
  @keyframes ripple { 0%{transform:scale(1);opacity:1} 100%{transform:scale(1.25);opacity:0} }
  .prayer-icon-wrap svg { width:28px; height:28px; color:#e0a84a; }
  .prayer-section h2 {
    font-family:'Fraunces',serif;
    font-size:clamp(2rem,3.8vw,2.9rem); font-weight:700;
    color:#fff; line-height:1.14; margin-bottom:16px;
  }
  .prayer-section h2 em {
    font-style:italic; color:#e0a84a;
  }
  .prayer-section p {
    font-size:1rem; color:rgba(255,255,255,.68); line-height:1.8;
    max-width:620px; margin:0 auto 32px;
  }
  .phone-card {
    display:inline-block;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    padding:28px 40px;
    margin-bottom:30px;
    backdrop-filter:blur(12px);
    text-decoration:none;
    transition:transform .2s ease, background .2s ease, border-color .2s ease;
  }
  .phone-card:hover {
    transform:translateY(-1px);
    background:rgba(255,255,255,.09);
    border-color:rgba(255,255,255,.22);
  }
  .phone-label {
    font-size:.72rem; font-weight:700; letter-spacing:.14em;
    text-transform:uppercase; color:rgba(224,168,74,.78);
    margin-bottom:10px;
  }
  .phone-number {
    font-family:'Fraunces',serif; font-size:1.7rem; font-weight:700;
    color:#fff; letter-spacing:.02em; margin-bottom:4px;
  }
  .phone-hint {
    font-size:.82rem; color:rgba(255,255,255,.5);
    font-style:italic;
  }
  .template-block {
    background:rgba(0,0,0,.24); border:1px solid rgba(255,255,255,.08);
    border-radius:14px; padding:22px 26px;
    max-width:520px; margin:0 auto;
    text-align:left;
    position:relative;
  }
  .template-label {
    position:absolute; top:-10px; left:20px;
    background:var(--forest); padding:0 10px;
    font-size:.68rem; font-weight:700; letter-spacing:.12em;
    text-transform:uppercase; color:#7fd4a6;
  }
  .template-text {
    font-family:'Fraunces',serif; font-size:.96rem;
    color:rgba(255,255,255,.8); line-height:1.75; font-style:italic;
  }
  .template-text strong {
    display:inline-block;
    color:#e0a84a; font-style:normal; font-weight:700;
    font-family:'Outfit',sans-serif; font-size:.88rem;
    letter-spacing:.02em; margin-right:3px;
  }
  .prayer-footer {
    margin-top:32px;
    font-size:.88rem; color:rgba(255,255,255,.55);
    line-height:1.7; font-style:italic;
  }

  /* ══════════════════════════════════════
     SEEKERS / EVIDENCE
  ══════════════════════════════════════ */
  .seekers-section {
    background:var(--sand); padding:96px 6vw;
    position:relative; overflow:hidden;
  }
  .seekers-section::before {
    content:''; position:absolute; top:-120px; right:-120px;
    width:400px; height:400px; border-radius:50%;
    background:radial-gradient(circle, rgba(191,130,50,.11), transparent 70%);
    pointer-events:none;
  }
  .seekers-layout {
    display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;
    margin-top:52px;
  }
  .seekers-copy p {
    font-size:1rem; color:var(--body); line-height:1.85; margin-bottom:20px;
  }
  .seekers-copy p:last-child { margin-bottom:0; }
  .seekers-copy strong { color:var(--forest); font-weight:600; }

  .roadmap-card {
    background:var(--white); border:1px solid var(--border);
    border-radius:22px; padding:36px;
    box-shadow:0 12px 48px rgba(17,26,20,.08);
  }
  .roadmap-head {
    display:flex; align-items:center; gap:14px;
    padding-bottom:20px; margin-bottom:20px;
    border-bottom:1px solid var(--border-lt);
  }
  .roadmap-icon {
    width:44px; height:44px; flex-shrink:0; border-radius:12px;
    background:var(--gold-lt); border:1px solid #e6c898;
    display:flex; align-items:center; justify-content:center;
    font-size:1.4rem;
  }
  .roadmap-title {
    font-family:'Fraunces',serif; font-size:1.15rem; font-weight:700;
    color:var(--forest); line-height:1.3;
  }
  .roadmap-subtitle {
    font-size:.78rem; color:var(--muted); margin-top:2px;
  }
  .roadmap-item {
    display:flex; gap:14px; align-items:flex-start;
    padding:14px 0; border-bottom:1px solid var(--border-lt);
    transition:background .2s; border-radius:8px; padding-left:6px; padding-right:6px;
    margin-left:-6px; margin-right:-6px;
  }
  .roadmap-item:last-child { border-bottom:none; }
  .roadmap-item:hover { background:var(--cream); }
  .roadmap-num {
    width:28px; height:28px; flex-shrink:0; border-radius:50%;
    background:var(--mint); border:1px solid var(--border);
    display:flex; align-items:center; justify-content:center;
    font-family:'Fraunces',serif; font-size:.82rem; font-weight:700;
    color:var(--sage);
  }
  .roadmap-text {
    font-size:.88rem; color:var(--body); line-height:1.6;
  }
  .roadmap-text strong {
    display:block;
    color:var(--forest); font-weight:600; margin-bottom:2px;
    font-size:.92rem;
  }
  .cta-row {
    margin-top:28px; text-align:center;
  }

  /* ══════════════════════════════════════
     CLOSING BLESSING
  ══════════════════════════════════════ */
  .blessing-section {
    background:var(--sage); padding:92px 6vw;
    text-align:center; position:relative; overflow:hidden;
  }
  .blessing-section::before {
    content:''; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(ellipse 65% 60% at 50% 50%, rgba(255,255,255,.08), transparent 65%);
  }
  .blessing-section::after {
    content:''; position:absolute;
    width:620px; height:620px; border-radius:50%;
    border:1px solid rgba(255,255,255,.07);
    top:50%; left:50%; transform:translate(-50%,-50%);
    animation:ring 5s ease-in-out infinite;
  }
  @keyframes ring {
    0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.6}
    50%{transform:translate(-50%,-50%) scale(1.08);opacity:.2}
  }
  .blessing-inner {
    position:relative; z-index:1; max-width:640px; margin:0 auto;
  }
  .blessing-inner h2 {
    font-family:'Fraunces',serif;
    font-size:clamp(2rem,3.8vw,2.8rem);
    font-weight:700; color:#fff; line-height:1.18; margin-bottom:18px;
  }
  .blessing-inner h2 em { font-style:italic; opacity:.82; }
  .blessing-inner p {
    font-size:1rem; color:rgba(255,255,255,.8); line-height:1.8; margin-bottom:30px;
  }
  .blessing-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

  /* ── RESPONSIVE ── */
  @media (max-width:880px) {
    .mission-layout, .seekers-layout { grid-template-columns:1fr; gap:44px; }
  }