/* ============================================================
   TrueGospel.ca — Homepage v4
   Cinematic dark/gold redesign. Scoped to body.home-page so it
   never leaks onto other pages that still use home-v3.css.
   ============================================================ */

body.home-page{
  --void:#05070D; --near:#0B0F1A; --card:#10141F; --dawn:#161A2C;
  --gold:#E8C87A; --gold-dim:#8A7440; --stone:#9A9AA5; --line:rgba(232,200,122,.14);
  --paper:#FBFAF6; --ink:#14161A; --paper-stone:#6B6A63; --paper-line:#E5E1D5;
  background:var(--void);
  font-family:'Inter',var(--ui,sans-serif);
}
body.home-page .wrap{max-width:1180px;margin:0 auto;padding:0 1.5rem;}
@media(min-width:640px){body.home-page .wrap{padding:0 2rem;}}
body.home-page a{text-decoration:none;}

@media (prefers-reduced-motion: reduce){
  body.home-page *{animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important;}
}

body.home-page .scrollbar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--gold-dim),var(--gold));z-index:200;width:0;}

/* ── Stars / ambient motion ── */
body.home-page .stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
body.home-page .star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:tg-twinkle 4s ease-in-out infinite;}
@keyframes tg-twinkle{0%,100%{opacity:.15}50%{opacity:1}}
body.home-page .orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.3;pointer-events:none;}
body.home-page .orb1{width:280px;height:280px;background:radial-gradient(circle,var(--gold) 0%,transparent 70%);top:8%;left:6%;animation:tg-orbit1 18s ease-in-out infinite;}
body.home-page .orb2{width:220px;height:220px;background:radial-gradient(circle,#5B6EE1 0%,transparent 70%);bottom:10%;right:8%;animation:tg-orbit2 22s ease-in-out infinite;}
@keyframes tg-orbit1{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,30px)}}
@keyframes tg-orbit2{0%,100%{transform:translate(0,0)}50%{transform:translate(-35px,-25px)}}
@media(prefers-reduced-motion: reduce){body.home-page .orb{animation:none}}

@keyframes tg-fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes tg-wordIn{to{opacity:1;transform:translateY(0)}}
body.home-page .word{display:inline-block;opacity:0;transform:translateY(16px);animation:tg-wordIn .7s ease forwards;
  background:linear-gradient(180deg,#fff 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

.tg-reveal{opacity:0;transform:translateY(36px);transition:opacity 1s ease,transform 1s ease;}
.tg-reveal.tg-in{opacity:1;transform:translateY(0);}

/* ── Hero ── */
body.home-page .hv3{position:relative;min-height:92svh;display:flex;align-items:center;overflow:hidden;padding:7rem 0 3rem;
  background:radial-gradient(ellipse at 50% 55%,#10131F 0%,var(--void) 70%);}
body.home-page .hv3-bg,body.home-page .hv3-overlay{display:none;}
body.home-page .hv3-inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;padding:0 1.5rem;
  display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;}
@media(min-width:640px){body.home-page .hv3-inner{padding:0 2rem;}}
@media(min-width:900px){body.home-page .hv3-inner{grid-template-columns:1.15fr 1fr;gap:3.5rem;}}

body.home-page .hv3-badge{display:inline-flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:1.1rem;opacity:0;animation:tg-fadeUp 1.2s ease forwards;animation-delay:.2s;}
body.home-page .hv3-badge-line{width:24px;height:1px;background:var(--gold-dim);}
body.home-page .hv3-title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(2.3rem,5.5vw,3.6rem);line-height:1.12;margin-bottom:1.2rem;color:#fff;}
body.home-page .hv3-title em{font-style:normal;background:linear-gradient(180deg,#fff 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
body.home-page .hv3-desc{font-size:1.02rem;line-height:1.7;color:var(--stone);max-width:46ch;margin-bottom:1.8rem;opacity:0;animation:tg-fadeUp 1.4s ease forwards;animation-delay:.9s;}
body.home-page .hv3-cta-row{display:flex;gap:.9rem;flex-wrap:wrap;margin-bottom:1.6rem;opacity:0;animation:tg-fadeUp 1.4s ease forwards;animation-delay:1.1s;}
body.home-page .hv3-search-form{display:flex;align-items:center;gap:.6rem;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem;max-width:440px;opacity:0;animation:tg-fadeUp 1.4s ease forwards;animation-delay:1.3s;}
body.home-page .hv3-search-form input{flex:1;background:none;border:none;color:#fff;font-size:.88rem;outline:none;}
body.home-page .hv3-search-form input::placeholder{color:#5C5C68;}
body.home-page .hv3-search-form button{background:none;border:none;color:var(--gold);font-size:.82rem;font-weight:600;cursor:pointer;}
body.home-page .hv3-search-form i{color:var(--stone);}

body.home-page .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:10px;font-size:.88rem;font-weight:600;font-family:'Inter',sans-serif;}
body.home-page .btn-gold{background:var(--gold);color:var(--void);}
body.home-page .btn-outline-white{border:1px solid rgba(255,255,255,.25);color:#fff;}
body.home-page .btn-lg{padding:1rem 1.8rem;font-size:.92rem;}

body.home-page .hv3-verse-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.7rem;opacity:0;animation:tg-fadeUp 1.4s ease forwards;animation-delay:.6s;}
body.home-page .hvc-top{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:1.1rem;}
body.home-page .hvc-body blockquote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.2rem;line-height:1.6;color:#EDEDF0;margin:0 0 .8rem;}
body.home-page .hvc-ref{font-size:.8rem;color:var(--stone);}
body.home-page .hvc-divider{height:1px;background:var(--line);margin:1.2rem 0;}
body.home-page .hvc-tools{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}
body.home-page .hvc-tool{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;padding:.8rem;transition:border-color .25s,transform .25s;}
body.home-page .hvc-tool:hover{border-color:rgba(232,200,122,.4);transform:translateY(-2px);}
body.home-page .hvc-tool-icon{color:var(--gold);font-size:1.1rem;margin-bottom:.4rem;display:block;}
body.home-page .hvc-tool strong{display:block;font-size:.85rem;color:#fff;margin-bottom:.15rem;}
body.home-page .hvc-tool small{font-size:.72rem;color:var(--stone);}

/* ── Ticker (new — recently added content) ── */
body.home-page .tg-ticker-wrap{background:var(--void);border-bottom:1px solid var(--line);overflow:hidden;padding:.7rem 0;}
body.home-page .tg-ticker{display:flex;gap:3rem;white-space:nowrap;animation:tg-scroll-left 32s linear infinite;width:max-content;}
body.home-page .tg-ticker span{font-size:.78rem;color:#8A8A95;}
body.home-page .tg-ticker span b{color:var(--gold);font-weight:600;}
@keyframes tg-scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion: reduce){body.home-page .tg-ticker{animation:none}}

/* ── Stats band ── */
body.home-page .stats-v3{background:var(--near);padding:3.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
body.home-page .stats-v3-inner{max-width:1180px;margin:0 auto;padding:0 1.5rem;display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:2rem 1.5rem;text-align:center;}
@media(min-width:640px){body.home-page .stats-v3-inner{padding:0 2rem;grid-template-columns:repeat(5,1fr) !important;}}
body.home-page .stat-v3-num{display:block;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.8rem,4.5vw,2.6rem);color:var(--gold);line-height:1;}
body.home-page .stat-v3-lbl{display:block;font-size:.74rem;color:var(--stone);margin-top:.5rem;letter-spacing:.02em;}

/* ── Welcome / mission strip ── */
body.home-page .welcome-strip{background:var(--void);padding:5.5rem 0;}
body.home-page .welcome-strip-inner{max-width:1180px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:3rem;}
@media(min-width:640px){body.home-page .welcome-strip-inner{padding:0 2rem;}}
@media(min-width:900px){body.home-page .welcome-strip-inner{grid-template-columns:1fr 1fr;gap:4rem;}}
body.home-page .welcome-cross-large{display:none;}
body.home-page .welcome-label{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:.8rem;}
body.home-page .welcome-title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.9rem,4vw,2.5rem);line-height:1.2;color:#fff;margin-bottom:1.3rem;}
body.home-page .welcome-body{font-size:.95rem;line-height:1.75;color:var(--stone);margin-bottom:1rem;}
body.home-page .welcome-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--gold);font-size:.88rem;font-weight:600;margin-top:.6rem;}
body.home-page .welcome-pillars{display:flex;flex-direction:column;gap:1.4rem;}
body.home-page .welcome-pillar{display:flex;gap:1rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.3rem;}
body.home-page .wp-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;background:rgba(232,200,122,.12) !important;color:var(--gold) !important;}
body.home-page .wp-title{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.35rem;}
body.home-page .wp-desc{font-size:.84rem;color:var(--stone);line-height:1.6;}

/* ── Section label bar (shared by Index/Blog headers) ── */
body.home-page .section-label-bar{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem;}
body.home-page .slb-line{width:24px;height:1px;background:var(--gold-dim);}
body.home-page .slb-text{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim);}
body.home-page .sec-tag{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:.7rem;text-align:center;}
body.home-page .sec-title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.9rem,4vw,2.5rem);color:#fff;text-align:center;margin-bottom:.8rem;}
body.home-page .sec-sub{font-size:.95rem;color:var(--stone);text-align:center;max-width:50ch;margin:0 auto 2.8rem;}

/* ── Tools grid ── */
body.home-page .tools-section{background:var(--dawn);padding:5.5rem 0;}
body.home-page .tools-inner{max-width:1180px;margin:0 auto;padding:0 1.5rem;}
@media(min-width:640px){body.home-page .tools-inner{padding:0 2rem;}}
body.home-page .tools-grid{display:grid;grid-template-columns:1fr;gap:1.3rem;}
@media(min-width:640px){body.home-page .tools-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:960px){body.home-page .tools-grid{grid-template-columns:repeat(3,1fr);}}
body.home-page .tool-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .3s,border-color .3s;}
body.home-page .tool-card:hover{transform:translateY(-4px);border-color:rgba(232,200,122,.4);}
body.home-page .tool-card-img{height:140px;background-size:cover;background-position:center;position:relative;}
body.home-page .tool-card-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,13,.2) 0%,rgba(5,7,13,.85) 100%);}
body.home-page .tool-card-img-icon{position:absolute;bottom:.9rem;left:1rem;width:38px;height:38px;border-radius:10px;background:rgba(232,200,122,.9);color:var(--void);display:flex;align-items:center;justify-content:center;font-size:1.1rem;z-index:2;}
body.home-page .tool-card-body{padding:1.3rem 1.4rem 1rem;}
body.home-page .tool-card-body h3{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.5rem;}
body.home-page .tool-card-body p{font-size:.85rem;color:var(--stone);line-height:1.6;}
body.home-page .tool-card-foot{padding:0 1.4rem 1.2rem;font-size:.78rem;font-weight:600;color:var(--gold);}

/* ── Community section (inline-styled in PHP; override with class hooks) ── */
body.home-page section[aria-labelledby="community-heading"]{background:var(--void) !important;}

/* ── Index categories ── */
body.home-page .index-section{background:var(--void);padding:5.5rem 0;}
body.home-page .index-inner{max-width:1180px;margin:0 auto;padding:0 1.5rem;}
@media(min-width:640px){body.home-page .index-inner{padding:0 2rem;}}
body.home-page .index-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.2rem;}
body.home-page .index-title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.9rem,4vw,2.5rem);color:#fff;}
body.home-page .index-see-all{font-size:.85rem;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:.4rem;}
body.home-page .index-cat-grid{display:grid;grid-template-columns:1fr;gap:1.1rem;}
@media(min-width:640px){body.home-page .index-cat-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:960px){body.home-page .index-cat-grid{grid-template-columns:repeat(3,1fr);}}
body.home-page .index-cat-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.4rem;transition:transform .3s,border-color .3s;}
body.home-page .index-cat-card:hover{transform:translateY(-3px);border-color:rgba(232,200,122,.4);}
body.home-page .icc-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:.9rem;}
body.home-page .icc-name{font-size:1.02rem;font-weight:700;color:#fff;margin-bottom:.4rem;}
body.home-page .icc-desc{font-size:.83rem;color:var(--stone);line-height:1.55;margin-bottom:.7rem;}
body.home-page .icc-count{font-size:.78rem;font-weight:600;color:var(--gold);}

/* ── Blog preview ── */
body.home-page .blog-preview{background:var(--dawn);padding:5.5rem 0;}
body.home-page .blog-preview-inner{max-width:1180px;margin:0 auto;padding:0 1.5rem;}
@media(min-width:640px){body.home-page .blog-preview-inner{padding:0 2rem;}}
body.home-page .blog-grid{display:grid;grid-template-columns:1fr;gap:1.3rem;}
@media(min-width:640px){body.home-page .blog-grid{grid-template-columns:repeat(3,1fr);}}
body.home-page .blog-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .3s,border-color .3s;}
body.home-page .blog-card:hover{transform:translateY(-4px);border-color:rgba(232,200,122,.4);}
body.home-page .blog-card-thumb{height:120px;background:linear-gradient(135deg,var(--card) 0%,var(--dawn) 100%);border-bottom:1px solid var(--line);}
body.home-page .blog-card-body{padding:1.3rem 1.4rem;}
body.home-page .blog-card-cat{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);}
body.home-page .blog-card-date{font-size:.74rem;color:var(--stone);margin-top:.3rem;}
body.home-page .blog-card-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600;color:#fff;margin:.6rem 0;line-height:1.3;}
body.home-page .blog-card-excerpt{font-size:.83rem;color:var(--stone);line-height:1.6;margin-bottom:.9rem;}
body.home-page .blog-card-footer{display:flex;justify-content:space-between;font-size:.76rem;color:var(--stone);border-top:1px solid var(--line);padding-top:.8rem;}
body.home-page .blog-card-read{color:var(--gold);font-weight:600;}

/* ── CTA ── */
body.home-page .cta-section{position:relative;background:radial-gradient(ellipse at 50% 40%,#131826 0%,var(--void) 75%);padding:6rem 0;text-align:center;overflow:hidden;}
body.home-page .cta-bg,body.home-page .cta-overlay{display:none;}
body.home-page .cta-cross{display:none;}
body.home-page .cta-title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(2rem,5vw,2.9rem);color:#fff;margin-bottom:1rem;}
body.home-page .cta-title em{font-style:normal;background:linear-gradient(180deg,#fff 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
body.home-page .cta-sub{font-size:1rem;color:var(--stone);max-width:44ch;margin:0 auto 1rem;}
body.home-page .cta-verse-cite{font-size:.85rem;font-style:italic;color:var(--gold-dim);max-width:50ch;margin:0 auto 2rem;}
body.home-page .cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}

/* ── Podcast / media strip ── */
body.home-page .media-strip{background:var(--void);padding:5rem 0;}
body.home-page .media-strip-inner{max-width:1180px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;}
@media(min-width:640px){body.home-page .media-strip-inner{padding:0 2rem;}}
@media(min-width:860px){body.home-page .media-strip-inner{grid-template-columns:1fr 1fr;}}
body.home-page .media-tag{font-size:.78rem;font-weight:600;color:var(--gold-dim);display:flex;align-items:center;gap:.4rem;margin-bottom:.8rem;}
body.home-page .media-title{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:600;color:#fff;margin-bottom:1rem;}
body.home-page .media-desc{font-size:.92rem;color:var(--stone);line-height:1.7;margin-bottom:1.5rem;}
body.home-page .media-btns{display:flex;gap:.8rem;flex-wrap:wrap;}
body.home-page .media-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:10px;font-size:.82rem;font-weight:600;}
body.home-page .media-btn--spotify{background:#1DB954;color:#fff;}
body.home-page .media-btn--youtube{background:#FF0000;color:#fff;}
body.home-page .media-btn--outline{border:1px solid var(--line);color:var(--stone);}
body.home-page .podcast-visual{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:2rem;}
body.home-page .pv-art{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--line);margin-bottom:1.5rem;}
body.home-page .pv-lion-icon{font-size:2.5rem;color:var(--gold);margin-bottom:.7rem;display:block;}
body.home-page .pv-show-name{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:600;color:#fff;}
body.home-page .pv-show-sub{font-size:.8rem;color:var(--stone);margin-top:.3rem;}
body.home-page .pv-episode{display:flex;align-items:center;gap:.9rem;}
body.home-page .pv-ep-icon{width:38px;height:38px;border-radius:50%;background:rgba(232,200,122,.12);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
body.home-page .pv-ep-title{font-size:.88rem;font-weight:600;color:#fff;}
body.home-page .pv-ep-meta{font-size:.76rem;color:var(--stone);margin-top:.2rem;}

/* ── Image strip ── */
body.home-page .img-strip{display:grid;grid-template-columns:1fr;gap:2px;background:var(--line);}
@media(min-width:640px){body.home-page .img-strip{grid-template-columns:repeat(3,1fr);}}
body.home-page .img-strip-item{height:200px;background-color:var(--card);background-blend-mode:overlay;}

/* ── FAQ (uses var(--cream2)/var(--navy) inline — override section bg only) ── */
body.home-page section[aria-labelledby="faq-heading"]{background:var(--dawn) !important;}
body.home-page section[aria-labelledby="faq-heading"] h2,
body.home-page section[aria-labelledby="faq-heading"] h3{color:#fff !important;}
body.home-page section[aria-labelledby="faq-heading"] p{color:var(--stone) !important;}