:root{
  --bg:#080a0b;
  --bg2:#101214;
  --panel:#141619;
  --panel2:#0d0f10;
  --text:#f6f1e7;
  --muted:#b8b1a7;
  --gold:#d7a448;
  --gold2:#f0cc7a;
  --line:rgba(255,255,255,.12);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.7;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.site-header{
  position:sticky;top:0;z-index:50;height:82px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:0 max(22px,calc((100vw - var(--max))/2));
  background:rgba(6,8,9,.86);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.brand{display:flex;flex-direction:column;line-height:1}
.brand-mark{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:31px;letter-spacing:.12em}
.brand-sub{margin-top:4px;font-size:8px;letter-spacing:.28em;color:#ddd6ca}
.cross-t{position:relative;display:inline-block;color:var(--gold2);text-shadow:0 0 18px rgba(240,204,122,.45)}
.cross-t::before{
  content:"";position:absolute;left:50%;top:14%;width:1.15em;height:.13em;
  transform:translateX(-50%);background:currentColor;border-radius:2px
}
.nav{display:flex;gap:23px;align-items:center}
.nav a{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#ddd8d0;transition:.2s ease}
.nav a:hover,.nav a.active{color:var(--gold2)}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle span{display:block;width:25px;height:2px;background:white;margin:5px 0}
.hero{
  min-height:calc(100vh - 82px);position:relative;overflow:hidden;display:grid;place-items:center;
  padding:90px 24px;
  background:
   radial-gradient(circle at 74% 34%,rgba(214,153,54,.22),transparent 28%),
   radial-gradient(circle at 28% 76%,rgba(132,88,28,.13),transparent 32%),
   linear-gradient(135deg,#080a0b 10%,#121416 55%,#090a0a 100%);
}
.hero::before,.page-hero::before{
  content:"";position:absolute;inset:0;opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}
.hero-content{width:min(980px,100%);position:relative;z-index:2;text-align:center}
.eyebrow{color:var(--gold2);font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase}
.hero h1{margin:.18em 0 0;font-family:"Cormorant Garamond",serif;font-size:clamp(82px,18vw,188px);line-height:.72;letter-spacing:.04em}
.hero-subtitle{margin:30px 0 12px;font-family:"Cormorant Garamond",serif;font-size:clamp(20px,3vw,34px);letter-spacing:.28em}
.lead{font-family:"Cormorant Garamond",serif;font-size:clamp(23px,3vw,35px);color:#eee8dd}
blockquote{max-width:740px;margin:34px auto;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(21px,2.6vw,31px);color:#e4ded2}
cite{display:block;margin-top:12px;font-family:Inter,sans-serif;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.24em;color:var(--gold2)}
.hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 26px;border:1px solid transparent;border-radius:3px;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.16em;cursor:pointer;transition:.2s ease}
.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17120a}
.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-outline{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.02)}
.btn-outline:hover{border-color:var(--gold2);color:var(--gold2)}
.section{padding:100px 24px;border-top:1px solid var(--line)}
.section-inner{max-width:var(--max);margin:auto}
.narrow{max-width:820px}
.center{text-align:center;margin-left:auto;margin-right:auto}
h1,h2,h3{font-family:"Cormorant Garamond",serif}
h2{font-size:clamp(43px,6vw,72px);line-height:1.03;margin:.18em 0 .35em;font-weight:600}
h3{font-size:30px;line-height:1.1;margin:.2em 0}
.large-copy{font-size:18px;color:var(--muted)}
.scripture-card,.content-card{
  margin:38px auto 0;padding:34px;border:1px solid rgba(215,164,72,.28);
  background:linear-gradient(135deg,rgba(215,164,72,.07),rgba(255,255,255,.02));
}
.scripture-card p{margin:0;font-family:"Cormorant Garamond",serif;font-size:27px;font-style:italic}
.scripture-card span{display:block;margin-top:12px;color:var(--gold2);font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px}
.card{padding:32px;border:1px solid var(--line);background:#0e1011}
.card .num{color:var(--gold2);font-size:10px;letter-spacing:.2em}
.card p{color:var(--muted)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.cross-panel{min-height:430px;display:grid;place-items:center;align-content:center;gap:36px;background:radial-gradient(circle,rgba(215,164,72,.23),transparent 42%),linear-gradient(160deg,#151718,#090a0a);border:1px solid var(--line)}
.large-cross{position:relative;width:32px;height:230px;background:linear-gradient(var(--gold2),var(--gold));box-shadow:0 0 34px rgba(215,164,72,.28)}
.large-cross::before{content:"";position:absolute;width:150px;height:32px;left:50%;top:62px;transform:translateX(-50%);background:inherit;box-shadow:inherit}
.cross-panel span{font-size:10px;letter-spacing:.24em;color:#ddd2c2}
.text-link{display:inline-block;margin-top:14px;color:var(--gold2);font-weight:600}
.page-hero{
  min-height:58vh;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;padding:90px 24px;
  background:radial-gradient(circle at 50% 30%,rgba(215,164,72,.15),transparent 35%),linear-gradient(145deg,#111315,#070808 68%);
}
.page-hero .inner{position:relative;z-index:2;max-width:850px}
.page-hero h1{font-size:clamp(58px,9vw,112px);line-height:.9;margin:.18em 0}
.page-hero p{color:var(--muted);font-size:19px}
.prose{max-width:820px;margin:auto}
.prose h2{font-size:48px;margin-top:1.3em}
.prose p,.prose li{font-size:17px;color:#c8c2b8}
.prose strong{color:var(--text)}
.prose ul{padding-left:22px}
.form{max-width:700px;margin:38px auto 0}
.form label{display:block;margin-bottom:20px;font-size:13px;letter-spacing:.04em}
.form label span{color:#8f8a83}
input,textarea{
  width:100%;margin-top:8px;padding:14px 15px;color:var(--text);background:#111315;
  border:1px solid #2c2f31;border-radius:3px;outline:none;
}
input:focus,textarea:focus{border-color:var(--gold)}
.form-note{font-size:12px;color:#9d988f}
.notice{padding:18px 20px;border-left:3px solid var(--gold);background:#101214;color:#c9c2b7;margin:28px 0}
.final-call{padding:92px 24px;text-align:center;border-top:1px solid var(--line);background:#050606}
.final-call p{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(27px,4vw,45px);font-style:italic}
.final-call span{display:block;margin-top:10px;color:var(--gold2);font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.footer-cross{margin-top:42px;color:var(--gold2);font-size:33px}
.final-call h2{font-size:42px;color:var(--gold2);letter-spacing:.07em;margin:10px 0 0}
.final-call small{letter-spacing:.27em;color:#d2ccc2}
footer{max-width:var(--max);margin:auto;padding:42px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#88847e;font-size:12px}
.footer-brand{color:var(--text)}
.footer-note{text-align:right}
@media(max-width:980px){
  .menu-toggle{display:block}
  .nav{position:absolute;top:82px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;padding:24px;background:#090b0c;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .split,.grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
}
@media(max-width:620px){
  .site-header{height:74px;padding:0 18px}
  .nav{top:74px}
  .brand-mark{font-size:27px}
  .hero{min-height:calc(100vh - 74px);padding-top:75px}
  .hero-subtitle{letter-spacing:.15em}
  .section{padding:72px 20px}
  footer{flex-direction:column;text-align:center}
  .footer-note{text-align:center}
}


/* ===== V6 CINEMATIC VISUAL OVERHAUL ===== */
:root{
  --gold:#d9a83e;
  --gold2:#f3c35f;
  --cream:#f5efe4;
}
body{background:#050708}
.site-header{
  height:76px;
  background:rgba(4,6,7,.80);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 30px rgba(0,0,0,.18)
}
.brand-mark{font-size:34px;text-shadow:0 0 18px rgba(217,168,62,.12)}
.brand-sub{font-size:7px}
.nav{gap:18px}
.nav a{font-size:9.5px}
.nav a.active{border-bottom:1px solid var(--gold2);padding-bottom:6px}

.hero-v6{
  min-height:calc(100vh - 76px);
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(4,6,7,.98) 0%,rgba(4,6,7,.92) 28%,rgba(4,6,7,.45) 56%,rgba(4,6,7,.08) 100%),
    url("assets/hero-cross.jpg") center right/cover no-repeat;
}
.hero-v6::after{
  content:"";position:absolute;inset:auto 0 0;height:180px;
  background:linear-gradient(transparent,#050708);
  pointer-events:none
}
.hero-v6 .hero-inner{
  width:min(1180px,calc(100% - 48px));margin:auto;position:relative;z-index:2;
  padding:84px 0 110px;
}
.hero-v6 .hero-copy{max-width:690px}
.hero-kicker{
  font-size:10px;letter-spacing:.32em;text-transform:uppercase;
  color:#f2eee8;font-weight:600;margin-bottom:18px
}
.hero-v6 h1{
  margin:0;font-family:"Cormorant Garamond",serif;
  font-size:clamp(88px,14vw,168px);line-height:.72;letter-spacing:.035em
}
.hero-v6 .hero-subtitle{
  margin:28px 0 0;font-family:"Cormorant Garamond",serif;
  font-size:clamp(25px,3vw,40px);letter-spacing:.22em
}
.gold-rule{width:54px;height:2px;background:var(--gold2);margin:26px 0}
.hero-v6 .statement{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(22px,2.5vw,33px);margin:0;color:var(--cream)
}
.hero-v6 blockquote{
  margin:24px 0 30px;max-width:550px;text-align:left;
  font-size:clamp(18px,2vw,25px)
}
.hero-v6 cite{text-align:left}
.hero-v6 .hero-actions{justify-content:flex-start}

.pathway-bar{
  position:relative;z-index:3;margin-top:-22px;
  background:rgba(5,8,9,.95);
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1)
}
.pathway-grid{
  max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr)
}
.pathway{
  padding:26px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.1);
  transition:.2s ease
}
.pathway:first-child{border-left:1px solid rgba(255,255,255,.1)}
.pathway:hover{background:rgba(217,168,62,.07)}
.pathway-icon{font-size:29px;color:var(--gold2);margin-bottom:9px}
.pathway h3{
  font-family:Inter,sans-serif;font-size:10px;letter-spacing:.13em;
  text-transform:uppercase;margin:0 0 5px
}
.pathway p{margin:0;font-size:10px;color:#aaa49b;line-height:1.45}

.journey-v6{
  position:relative;min-height:610px;display:flex;align-items:center;
  background:
    linear-gradient(90deg,rgba(5,7,8,.98) 0%,rgba(5,7,8,.80) 38%,rgba(5,7,8,.20) 72%),
    url("assets/journey.jpg") center right/cover no-repeat;
  border-top:1px solid rgba(255,255,255,.08)
}
.journey-v6 .inner{width:min(1180px,calc(100% - 48px));margin:auto}
.journey-v6 .copy{max-width:520px;padding:86px 0}
.journey-v6 h2{font-size:clamp(52px,6vw,82px)}
.journey-v6 .verse-float{
  position:absolute;right:6%;top:16%;max-width:260px;text-align:center;
  font-family:"Cormorant Garamond",serif;font-size:27px;font-style:italic
}
.journey-v6 .verse-float span{
  display:block;margin-top:9px;font-family:Inter,sans-serif;font-style:normal;
  font-size:9px;letter-spacing:.2em;color:var(--gold2)
}

.visual-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#020303}
.visual-card{
  min-height:360px;position:relative;display:flex;align-items:flex-end;overflow:hidden
}
.visual-card::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.92))}
.visual-card.story{background:url("assets/story.jpg") center/cover no-repeat}
.visual-card.bible{background:url("assets/bible.jpg") center/cover no-repeat}
.visual-card.hope{background:url("assets/hope.jpg") center/cover no-repeat}
.visual-card .vc-copy{position:relative;z-index:2;padding:34px}
.visual-card h3{font-size:28px}
.visual-card p{color:#ddd4c6;margin:.35em 0}
.visual-card a{color:var(--gold2);text-transform:uppercase;font-size:10px;letter-spacing:.16em;font-weight:600}

.cinematic-beliefs{
  background:linear-gradient(135deg,#0b0d0e,#050607);
  padding:105px 24px;
}
.cinematic-beliefs .inner{max-width:900px;margin:auto;text-align:center}
.cinematic-beliefs h2{font-size:clamp(48px,6vw,72px)}
.cinematic-beliefs p{color:#bbb5ab;font-size:18px}

.final-call{
  position:relative;overflow:hidden;
  background:
    linear-gradient(rgba(4,6,7,.72),rgba(4,6,7,.96)),
    url("assets/footer-mountains.jpg") center/cover no-repeat;
  padding-top:110px;padding-bottom:110px
}
.final-call h2{font-size:48px}
.final-call small{font-size:9px}

footer{
  max-width:none;padding:34px max(24px,calc((100vw - 1180px)/2));
  background:#030405;border-top:1px solid rgba(255,255,255,.08)
}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:980px){
  .hero-v6{
    background:
      linear-gradient(90deg,rgba(4,6,7,.96),rgba(4,6,7,.62)),
      url("assets/hero-cross.jpg") 62% center/cover no-repeat;
  }
  .pathway-grid{grid-template-columns:repeat(3,1fr)}
  .journey-v6 .verse-float{display:none}
  .visual-cards{grid-template-columns:1fr}
}
@media(max-width:620px){
  .hero-v6 .hero-inner{width:calc(100% - 36px);padding:70px 0 96px}
  .hero-v6 h1{font-size:90px}
  .hero-v6 .hero-subtitle{letter-spacing:.12em;font-size:25px}
  .pathway-grid{grid-template-columns:repeat(2,1fr)}
  .journey-v6 .inner{width:calc(100% - 36px)}
  .journey-v6{
    background:
      linear-gradient(rgba(5,7,8,.88),rgba(5,7,8,.72)),
      url("assets/journey.jpg") center/cover no-repeat
  }
}


/* ===== V7 INNER PAGE CINEMATIC SYSTEM ===== */
.page-hero{
  position:relative;
  min-height:420px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  padding:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#07090a;
}
.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,6,7,.96) 0%,rgba(4,6,7,.83) 40%,rgba(4,6,7,.28) 100%),
    var(--page-bg, url("assets/footer-mountains.jpg")) center/cover no-repeat;
  transform:scale(1.015);
}
.page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(transparent 56%,#050708 100%);
}
.page-hero .inner{
  width:min(1180px,calc(100% - 48px));
  margin:auto;
  padding:120px 0 70px;
  position:relative;
  z-index:2;
}
.page-hero h1{
  max-width:780px;
  font-size:clamp(62px,8vw,108px);
  line-height:.9;
  margin:.1em 0 .18em;
}
.page-hero p:not(.eyebrow){
  max-width:680px;
  font-size:18px;
  color:#d4cec4;
}
.page-hero .eyebrow{color:var(--gold2)}

body.page-gospel .page-hero{--page-bg:url("assets/bible.jpg")}
body.page-jesus .page-hero{--page-bg:url("assets/hero-cross.jpg")}
body.page-testimony .page-hero{--page-bg:url("assets/story.jpg")}
body.page-beliefs .page-hero{--page-bg:url("assets/footer-mountains.jpg")}
body.page-prayer .page-hero{--page-bg:url("assets/story.jpg")}
body.page-resources .page-hero{--page-bg:url("assets/bible.jpg")}
body.page-about .page-hero{--page-bg:url("assets/hope.jpg")}
body.page-contact .page-hero{--page-bg:url("assets/hope.jpg")}
body.page-privacy .page-hero{--page-bg:url("assets/footer-mountains.jpg")}
body.page-safeguarding .page-hero{--page-bg:url("assets/footer-mountains.jpg")}

.section{
  position:relative;
}
.section:nth-of-type(even){
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0));
}
.prose{
  max-width:860px;
}
.prose h2{
  font-size:clamp(38px,4.8vw,60px);
  margin-top:1.35em;
}
.prose h3{
  font-size:30px;
}
.prose p{
  font-size:17px;
  color:#c8c2b8;
  line-height:1.8;
}
.prose strong{color:#f2ece1}
.prose .eyebrow{color:var(--gold2)}

.card,.content-card,.scripture-card,.notice{
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 50px rgba(0,0,0,.15);
}
.card{
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.card:hover{
  transform:translateY(-4px);
  border-color:rgba(217,168,62,.34);
  background:linear-gradient(145deg,rgba(217,168,62,.06),rgba(255,255,255,.012));
}
.scripture-card{
  margin:48px 0;
  padding:38px 42px;
  border-left:2px solid var(--gold2);
}
.scripture-card p{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(25px,3vw,38px);
  line-height:1.25;
  color:#f6f0e6;
}
.scripture-card span{
  color:var(--gold2);
  letter-spacing:.17em;
  font-size:10px;
}
.notice{
  padding:24px 26px;
  border-left:2px solid rgba(217,168,62,.6);
}
.grid-2{
  gap:20px;
}
.grid-2 .card{
  min-height:250px;
  padding:34px;
}
.grid-2 .num{
  color:var(--gold2);
  font-size:10px;
  letter-spacing:.18em;
}
.grid-2 .card h3{
  font-size:31px;
}

.form{
  background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.09);
  padding:34px;
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.2);
}
.form label{
  color:#e9e3d9;
  font-size:12px;
  letter-spacing:.08em;
}
.form input,.form textarea{
  background:#080a0b;
  border:1px solid rgba(255,255,255,.12);
  color:#f7f2e8;
}
.form input:focus,.form textarea:focus{
  border-color:rgba(217,168,62,.65);
  box-shadow:0 0 0 3px rgba(217,168,62,.08);
  outline:none;
}

.inner-page-cta{
  max-width:1180px;
  margin:0 auto;
  padding:74px 24px;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.08);
}
.inner-page-cta h2{
  font-size:clamp(42px,5vw,66px);
  margin-bottom:14px;
}
.inner-page-cta p{
  max-width:650px;
  margin:0 auto 28px;
  color:#bfb8ae;
}

@media(max-width:760px){
  .page-hero{min-height:360px}
  .page-hero .inner{width:calc(100% - 36px);padding:110px 0 54px}
  .page-hero::before{
    background:
      linear-gradient(rgba(4,6,7,.82),rgba(4,6,7,.72)),
      var(--page-bg, url("assets/footer-mountains.jpg")) center/cover no-repeat;
  }
  .scripture-card{padding:28px 24px}
  .form{padding:24px}
}


/* ===== V8 TRUE CROSS BRAND MARK =====
   The T is now drawn as an actual Christian cross rather than a decorated letter T.
*/
.cross-t{display:none!important}

.cross-mark{
  position:relative;
  display:inline-block;
  width:.58em;
  height:.92em;
  margin:0 .055em;
  vertical-align:-.055em;
  color:var(--gold2);
  filter:drop-shadow(0 0 .11em rgba(243,195,95,.48));
}
.cross-mark::before,
.cross-mark::after{
  content:"";
  position:absolute;
  display:block;
  background:currentColor;
  border-radius:.018em;
}
.cross-mark::before{
  width:.115em;
  height:100%;
  left:50%;
  top:0;
  transform:translateX(-50%);
}
.cross-mark::after{
  width:100%;
  height:.115em;
  left:0;
  top:27%;
}

/* Keep the small header mark crisp and proportionate. */
.brand-mark .cross-mark{
  width:.52em;
  height:.88em;
  margin-left:.035em;
  margin-right:.035em;
}

/* Hero version should glow slightly more against the photography. */
.hero-v6 h1 .cross-mark{
  filter:
    drop-shadow(0 0 .07em rgba(243,195,95,.72))
    drop-shadow(0 0 .17em rgba(217,168,62,.28));
}

@media(max-width:620px){
  .brand-mark .cross-mark{width:.5em}
  .hero-v6 h1 .cross-mark{width:.56em}
}


/* ===== V9 MOBILE HOMEPAGE OPTIMISATION ===== */
@media(max-width:620px){
  /* Header */
  .site-header{
    height:68px;
    padding-left:18px;
    padding-right:18px;
  }
  .brand-mark{
    font-size:28px;
    line-height:1;
  }
  .brand-sub{
    font-size:6.5px;
    letter-spacing:.27em;
    margin-top:5px;
  }
  .menu-toggle{
    transform:scale(.92);
    transform-origin:right center;
  }

  /* Hero */
  .hero-v6{
    min-height:auto;
    align-items:flex-start;
    background:
      linear-gradient(90deg,rgba(4,6,7,.96) 0%,rgba(4,6,7,.82) 42%,rgba(4,6,7,.34) 100%),
      url("assets/hero-cross.jpg") 64% center/cover no-repeat;
  }
  .hero-v6::after{
    height:110px;
  }
  .hero-v6 .hero-inner{
    width:calc(100% - 36px);
    padding:58px 0 76px;
  }
  .hero-v6 .hero-copy{
    max-width:100%;
  }
  .hero-kicker{
    max-width:300px;
    font-size:9px;
    letter-spacing:.26em;
    line-height:1.65;
    margin-bottom:18px;
  }
  .hero-v6 h1{
    font-size:clamp(70px,22vw,96px);
    line-height:.78;
    letter-spacing:.015em;
    white-space:nowrap;
  }
  .hero-v6 h1 .cross-mark{
    width:.50em;
    height:.86em;
    vertical-align:-.045em;
  }
  .hero-v6 .hero-subtitle{
    font-size:20px;
    line-height:1.2;
    letter-spacing:.13em;
    max-width:330px;
    margin-top:22px;
  }
  .gold-rule{
    margin:19px 0;
    width:46px;
  }
  .hero-v6 .statement{
    font-size:23px;
    line-height:1.3;
    max-width:325px;
  }
  .hero-v6 blockquote{
    font-size:17px;
    line-height:1.45;
    margin:20px 0 24px;
    max-width:330px;
  }
  .hero-v6 cite{
    font-size:8px;
    margin-top:8px;
  }
  .hero-v6 .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:min(100%,320px);
  }
  .hero-v6 .btn{
    width:100%;
    justify-content:center;
    padding:15px 18px;
  }

  /* Give the first navigation strip breathing room without eating the screen */
  .pathway-bar{
    margin-top:0;
  }
  .pathway-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .pathway{
    padding:20px 12px;
  }
  .pathway-icon{
    font-size:24px;
  }

  /* Journey */
  .journey-v6{
    min-height:470px;
  }
  .journey-v6 .copy{
    padding:60px 0;
    max-width:100%;
  }
  .journey-v6 h2{
    font-size:48px;
    line-height:.98;
  }
  .journey-v6 .large-copy{
    font-size:16px;
    line-height:1.65;
  }

  /* Visual cards */
  .visual-card{
    min-height:290px;
  }
  .visual-card .vc-copy{
    padding:26px 22px;
  }

  /* Closing */
  .cinematic-beliefs{
    padding:72px 18px;
  }
  .final-call{
    padding:78px 18px;
  }
  .final-call h2{
    font-size:38px;
  }
}

/* Extra-small phones */
@media(max-width:390px){
  .hero-v6 h1{
    font-size:68px;
  }
  .hero-v6 .hero-subtitle{
    font-size:18px;
    letter-spacing:.11em;
  }
  .hero-v6 .statement{
    font-size:21px;
  }
  .brand-mark{
    font-size:26px;
  }
}


/* ===== V10 MOBILE HERO CLEANUP =====
   Desktop remains unchanged. On phones use a clean crop of the existing
   cinematic scene so baked-in mockup navigation/text is no longer visible.
*/
@media(max-width:620px){
  .hero-v6{
    background:
      linear-gradient(90deg,rgba(4,6,7,.96) 0%,rgba(4,6,7,.80) 42%,rgba(4,6,7,.28) 100%),
      url("assets/hero-cross-mobile.jpg") 62% center/cover no-repeat;
  }
}


/* ===== V11 MOBILE PRODUCTION CLEANUP =====
   Removes mock-up text baked into photographic assets on phones.
   Desktop imagery remains unchanged.
*/
@media(max-width:620px){

  /* Journey: clean photographic crop with no baked-in copy */
  .journey-v6{
    background:
      linear-gradient(90deg,rgba(5,7,8,.94) 0%,rgba(5,7,8,.72) 55%,rgba(5,7,8,.38) 100%),
      url("assets/journey-mobile-clean.jpg") 54% center/cover no-repeat;
  }

  /* Feature cards: clean photo-only versions */
  .visual-card.story{
    background:
      linear-gradient(rgba(4,6,7,.16),rgba(4,6,7,.20)),
      url("assets/story-mobile-clean.jpg") center/cover no-repeat;
  }
  .visual-card.bible{
    background:
      linear-gradient(rgba(4,6,7,.14),rgba(4,6,7,.20)),
      url("assets/bible-mobile-clean.jpg") center/cover no-repeat;
  }
  .visual-card.hope{
    background:
      linear-gradient(rgba(4,6,7,.12),rgba(4,6,7,.22)),
      url("assets/hope-mobile-clean.jpg") center/cover no-repeat;
  }

  /* Stronger lower fade gives our live HTML copy a clean reading area */
  .visual-card::before{
    background:linear-gradient(
      to bottom,
      rgba(3,4,5,.04) 0%,
      rgba(3,4,5,.18) 44%,
      rgba(3,4,5,.92) 78%,
      rgba(3,4,5,.99) 100%
    );
  }
  .visual-card{
    min-height:330px;
  }
  .visual-card .vc-copy{
    padding:30px 24px;
  }

  /* Final Scripture/Soli Deo section: do not use the old mock-up footer image */
  .final-call{
    background:
      linear-gradient(rgba(4,6,7,.74),rgba(4,6,7,.97)),
      url("assets/journey-mobile-clean.jpg") 70% center/cover no-repeat;
  }

  /* Mobile inner-page heroes: use clean photo-only crops where applicable */
  body.page-gospel .page-hero,
  body.page-resources .page-hero{
    --page-bg:url("assets/bible-mobile-clean.jpg");
  }
  body.page-testimony .page-hero,
  body.page-prayer .page-hero{
    --page-bg:url("assets/story-mobile-clean.jpg");
  }
  body.page-about .page-hero,
  body.page-contact .page-hero{
    --page-bg:url("assets/hope-mobile-clean.jpg");
  }
  body.page-beliefs .page-hero,
  body.page-privacy .page-hero,
  body.page-safeguarding .page-hero{
    --page-bg:url("assets/journey-mobile-clean.jpg");
  }

  /* Slightly more separation between major homepage sections */
  .journey-v6,
  .visual-cards,
  .cinematic-beliefs,
  .final-call{
    border-top:1px solid rgba(255,255,255,.08);
  }
}