:root{
  --ink:#1f0a2e; --plum:#2a0f3d; --purple:#9b00cc; --purple-2:#7a1fa2;
  --gold:#d4a83a; --gold-br:#f2d27a; --gold-dk:#9a6b2e;
  --cream:#f8f4fb; --cream-2:#efe6f6; --text:#2b2233; --muted:#6b5f73; --line:#e6dcc8;
  --f-h:"Montserrat",system-ui,sans-serif; --f-b:"Lora",Georgia,serif; --maxw:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--text);font-family:var(--f-b);font-size:18px;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:var(--purple-2)}
h1,h2,h3,h4{font-family:var(--f-h);line-height:1.15;margin:0 0 .6em;color:var(--plum);text-wrap:balance}
h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800}
h2{font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:700}
h3{font-size:1.2rem;font-weight:700}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:20px}
.narrow{max-width:780px}
.center{text-align:center}
section{padding-block:clamp(44px,7vw,84px)}
.eyebrow{font-family:var(--f-h);font-weight:700;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dk);margin:0 0 .8em}
.eyebrow.light{color:var(--gold-br)}
.lead{font-size:1.15rem;color:var(--muted)}
.lead.light,.light{color:#efe6f5}
.btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.4rem}
.center .btnrow{justify-content:center}
.btn{display:inline-flex;align-items:center;font-family:var(--f-h);font-weight:700;font-size:.92rem;letter-spacing:.04em;padding:.85em 1.5em;border-radius:999px;text-decoration:none;color:var(--ink);background:linear-gradient(180deg,var(--gold-br),var(--gold) 55%,var(--gold-dk));border:0;cursor:pointer;box-shadow:0 6px 18px rgba(154,107,46,.25)}
.btn:hover{filter:brightness(1.06)}
.btn.ghost{background:transparent;color:var(--purple-2);box-shadow:inset 0 0 0 2px var(--purple-2)}
.btn.ghost.light{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.btn.small{padding:.55em 1.1em;font-size:.8rem}
/* header */
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.topin{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:8px}
.brand img{width:auto;height:46px}
.menu{display:flex;align-items:center;flex-wrap:wrap;gap:4px 15px}
.menu a{font-family:var(--f-h);font-weight:600;font-size:.86rem;color:var(--plum);text-decoration:none;padding:.3em 0}
.menu a[aria-current]{color:var(--purple);box-shadow:inset 0 -2px 0 var(--gold)}
.menu a.btn{color:var(--ink);padding:.55em 1.1em}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:var(--plum);margin:5px 0}
@media(max-width:960px){
  .burger{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:flex-start;padding:12px 20px 20px;border-bottom:1px solid var(--line)}
  .menu.open{display:flex}
  .menu a{font-size:1rem;padding:.5em 0}
}
/* hero */
.hero{background:radial-gradient(1200px 600px at 20% 30%,#4a1868 0%,var(--plum) 55%,var(--ink) 100%);color:#fff;padding-block:clamp(48px,8vw,96px)}
.heroin{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.herologo{width:100%;height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.35))}
.hero h1{color:#fff}
.hero h1 span{display:block;font-size:.42em;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-br);margin-top:.5em;font-weight:700}
@media(max-width:820px){.heroin{grid-template-columns:1fr;text-align:center}.herologo{max-width:300px;margin:0 auto}.hero .btnrow{justify-content:center}}
.phero{background:var(--plum) center/cover no-repeat;color:#fff;padding-block:clamp(56px,9vw,110px)}
.phero h1{color:#fff;margin:0}
.phero .lead{margin-top:.8em}
/* content */
.prose p{margin:0 0 1.1em}
.prose h2{margin-top:1.6em}
.prose img{border-radius:16px;margin:1.2em auto;box-shadow:0 12px 30px rgba(42,15,61,.15)}
blockquote{margin:1.4em 0;padding:1em 1.4em;border-left:4px solid var(--gold);background:#fff;border-radius:0 12px 12px 0;font-style:italic;color:var(--plum)}
blockquote cite{display:block;margin-top:.5em;font-style:normal;font-family:var(--f-h);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dk)}
.prose ul{padding-left:1.2em}.prose li{margin-bottom:.8em}
.cards{background:var(--cream-2)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:820px){.grid3{grid-template-columns:1fr}}
.card{display:block;background:#fff;border-radius:18px;padding:28px;text-decoration:none;color:var(--text);border-top:4px solid var(--purple);box-shadow:0 10px 28px rgba(42,15,61,.08)}
.card span{font-family:var(--f-h);font-weight:700;color:var(--purple-2);font-size:.9rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.split img{border-radius:18px;box-shadow:0 14px 36px rgba(42,15,61,.18)}
@media(max-width:820px){.split{grid-template-columns:1fr}}
.price{font-family:var(--f-h);font-weight:800;font-size:1.6rem;color:var(--purple)}
.give{background:linear-gradient(135deg,var(--plum),#4a1868);color:#fff}
.give h2{color:#fff}.give .lead{color:#e9dff0}
.album{padding-block:40px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.pgrid.big{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.pgrid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
.pgrid.big img{aspect-ratio:auto}
.partner:nth-child(even){background:var(--cream-2)}
.ph{aspect-ratio:1;border-radius:18px;background:linear-gradient(135deg,var(--plum),var(--purple-2));color:#fff;display:grid;place-items:center;font-family:var(--f-h);font-weight:700;font-size:1.3rem;text-align:center;padding:20px}
.formsec{background:var(--cream-2)}
.form{display:grid;gap:14px;margin-top:1.4rem;background:#fff;padding:28px;border-radius:18px;box-shadow:0 10px 28px rgba(42,15,61,.08)}
.form label{display:grid;gap:6px;font-family:var(--f-h);font-weight:600;font-size:.85rem;color:var(--plum)}
.form input,.form textarea{font:inherit;font-size:1rem;padding:.75em .9em;border:1.5px solid var(--line);border-radius:10px;background:var(--cream)}
.form input:focus,.form textarea:focus{outline:2px solid var(--purple);border-color:transparent}
.form .btn{justify-self:start}
.verse{background:#fff;border-top:1px solid var(--line);text-align:center;padding-block:44px}
.vtext{font-style:italic;font-size:1.2rem;color:var(--plum);max-width:760px;margin:0 auto}
.vref{font-family:var(--f-h);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--gold-dk)}
.foot{background:var(--ink);color:#d9cfe2;padding-top:56px}
.foot a{color:#efe6f5;text-decoration:none}
.foot a:hover{color:var(--gold-br);text-decoration:underline;text-underline-offset:3px}
.foot h4{color:var(--gold-br);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;margin:6px 0 16px}
.fgrid{display:grid;grid-template-columns:1.25fr 1fr 1.35fr auto;gap:40px}
.fbrand .tag{color:var(--gold-br);font-family:var(--f-h);font-weight:600;font-size:.95rem;margin:14px 0 18px}
.foot .fbrand .btn{color:var(--ink)}
.foot .fbrand .btn:hover{color:var(--ink);text-decoration:none}
.flist{list-style:none;margin:0;padding:0;font-size:.98rem;line-height:1.5}
.flist li{margin-bottom:10px;overflow-wrap:anywhere}
.iline{display:inline-flex;align-items:flex-start;gap:10px}
.iline .ico{flex:0 0 auto;width:18px;height:18px;margin-top:.18em;color:var(--gold-br)}
.foot .iline:hover{text-decoration:none}
.foot .iline:hover span{text-decoration:underline;text-underline-offset:3px}
.ccard .cico{width:46px;height:46px;padding:11px;border-radius:50%;color:var(--purple-2);background:var(--cream-2);display:block;margin:0 auto 12px;box-sizing:border-box}
.fbot{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-block:20px;font-size:.82rem;color:#a99bb8}
.fbot .credit{margin-left:auto;text-align:right}
.fbot .credit a{color:#d9cfe2}
@media(max-width:820px){
  .fgrid{grid-template-columns:1fr 1fr;gap:32px 24px}
  .fbrand{grid-column:1/-1;text-align:center}
  .fbrand img{margin:0 auto}
  .fcontact{grid-column:1/-1;order:3}
  .fbot{flex-direction:column;justify-content:center;text-align:center}
  .fbot .credit{margin-left:0;text-align:center}
}
.give .btn.ghost{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}
/* v2 upgrade */
.menu a.navlive::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#e0245e;margin-right:6px;vertical-align:1px;box-shadow:0 0 0 0 rgba(224,36,94,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(224,36,94,.55)}70%{box-shadow:0 0 0 8px rgba(224,36,94,0)}100%{box-shadow:0 0 0 0 rgba(224,36,94,0)}}
@media (prefers-reduced-motion:reduce){.menu a.navlive::before,.livedot{animation:none}}
.votd{background:linear-gradient(180deg,#1f0a2e,#2f1145);color:#fff;padding-block:clamp(48px,7vw,80px);border-top:1px solid rgba(242,210,122,.25)}
.votdq{background:none;border:0;margin:.4em auto 1em;padding:0;color:#fff;font-style:normal}
.votdq p{font-family:var(--f-b);font-size:clamp(1.3rem,2.6vw,1.75rem);line-height:1.5;margin:0 0 .6em}
.votdq p::before{content:"“";color:var(--gold-br)}.votdq p::after{content:"”";color:var(--gold-br)}
.votdq cite{color:var(--gold-br);font-size:.9rem}
.share{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.chip{font-family:var(--f-h);font-weight:600;font-size:.82rem;color:#fff;text-decoration:none;border:1.5px solid rgba(255,255,255,.4);background:transparent;padding:.5em 1.1em;border-radius:999px;cursor:pointer}
.chip:hover{border-color:var(--gold-br);color:var(--gold-br)}
.votdsrc{font-size:.78rem;color:#bfaed0;margin-top:1.2em}
.flags{font-family:var(--f-h);font-size:.9rem;color:var(--muted);margin-top:1em}
.welcome{align-items:start}
.nextsess{background:#fff;border-radius:18px;padding:24px 26px;box-shadow:0 10px 28px rgba(42,15,61,.1);border-top:4px solid var(--gold);margin-bottom:16px}
.nextsess.islive{border-top-color:#e0245e}
.nsname{font-family:var(--f-h);font-weight:700;color:var(--plum);margin:.2em 0}
.nscount{font-family:var(--f-h);font-weight:800;font-size:1.4rem;color:var(--purple);margin:.2em 0 .6em}
.livedot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e0245e;animation:pulse 2s infinite;vertical-align:1px}
.nszones{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.nszones li{display:flex;justify-content:space-between;gap:12px;padding:.45em 0;border-bottom:1px solid var(--line);font-size:.92rem}
.nszones b{font-family:var(--f-h);color:var(--plum);white-space:nowrap}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:1.6rem}
@media(max-width:960px){.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid4{grid-template-columns:1fr}}
.card.icon{transition:transform .15s,box-shadow .15s}
.card.icon:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(42,15,61,.14)}
.card .ic{font-size:1.8rem;display:block;margin-bottom:.4em}
.card .go{font-family:var(--f-h);font-weight:700;color:var(--purple-2);font-size:.9rem}
.testi{background:#fff}
blockquote.big{font-size:clamp(1.15rem,2.2vw,1.45rem);border:0;background:none;padding:0;margin:.4em 0 1.2em}
.livegrid{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start}
@media(max-width:900px){.livegrid{grid-template-columns:1fr}}
.video{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 14px 36px rgba(42,15,61,.2)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video.placeholder{display:grid;place-items:center;text-align:center;color:#efe6f5;background:linear-gradient(135deg,var(--plum),#4a1868);padding:20px}
.watchrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.liveside .card{margin-bottom:16px;border-top-color:var(--gold)}
.small{font-size:.88rem;color:var(--muted)}

/* ===== Purple blend: soft transitions between sections (v5) ===== */
:root{--l1:#f8f4fb;--l2:#efe6f6;--l3:#e6daf1;--l4:#d6c6e8;--mauve:#6b5a85;--fh:120px}
.fade-b,.fade-t,.phero,.votd,.give,.foot{position:relative;isolation:isolate}
.phero::after,.votd::after,.give::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--fh);pointer-events:none;z-index:-1}
.give::before,.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--fh);pointer-events:none;z-index:-1}
/* dark sections fade out at the bottom into the lilac that follows */
.phero{padding-bottom:calc(clamp(56px,9vw,110px) + 50px)}
.phero::after{background:linear-gradient(180deg,rgba(248,244,251,0),var(--l1))}
.votd{border-top:0;background:linear-gradient(180deg,#22092f 0%,#2f1145 45%,#3d1f58 100%);padding-bottom:calc(clamp(48px,7vw,80px) + 70px)}

/* light sections step through lavender shades */
.welcomesec{background:linear-gradient(180deg,var(--l4) 0%,var(--l3) 18%,var(--l1) 70%,var(--l1) 100%)}
.cards{background:linear-gradient(180deg,var(--l1) 0%,var(--l2) 50%,var(--l3) 100%)}
.feature{background:linear-gradient(180deg,var(--l3) 0%,var(--l1) 60%)}
.testi{background:linear-gradient(180deg,var(--l1) 0%,var(--l2) 60%,var(--l3) 100%)}
/* give band: fades in from lilac, out to lilac */
.give{background:linear-gradient(180deg,var(--mauve) 0%,#4a2a66 35%,var(--plum) 70%,#3d1f58 100%);padding-block:calc(clamp(44px,7vw,84px) + 60px)}
.give::before{background:linear-gradient(180deg,var(--l3),rgba(230,218,241,0))}
.give::after{background:linear-gradient(180deg,rgba(239,230,246,0),var(--l2))}
/* footer verse band + footer */
.verse{background:linear-gradient(180deg,var(--l2) 0%,var(--l3) 100%);border-top:0}
.foot{background:linear-gradient(180deg,var(--mauve) 0%,#3d1f58 22%,var(--ink) 60%);padding-top:calc(56px + 60px)}
.foot::before{background:linear-gradient(180deg,var(--l3),rgba(230,218,241,0))}
.give .eyebrow{color:var(--gold-br)}

.fbrand img{width:210px;height:auto}
@media(max-width:820px){.brand img{height:48px}}
.votdq p.q::before,.votdq p.q::after{content:none}
@media(max-width:1180px) and (min-width:821px){.menu{gap:4px 11px}.menu a{font-size:.8rem}}
.herologo{max-width:420px;margin-inline:auto}

/* ===== Verse of the Day: light lavender (v7) ===== */
.hero{position:relative;isolation:isolate;padding-bottom:calc(clamp(48px,8vw,96px) + 90px)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(180deg,rgba(214,198,232,0),rgba(214,198,232,.55) 55%,#d6c6e8);pointer-events:none;z-index:-1}
.votd{color:var(--plum);border-top:0;padding-block:clamp(40px,6vw,70px) clamp(56px,7vw,84px);
  background:url(/images/icon-watermark.svg) center 55%/auto 88% no-repeat,linear-gradient(180deg,#d6c6e8 0%,#e3d6ef 40%,#efe6f6 100%)}
.votd::after{display:none}
.votd .eyebrow{color:var(--gold-dk)}
.votdq{color:var(--plum)}
.votdq p{color:var(--plum)}
.votdq p::before,.votdq p::after{color:var(--gold)}
.votdq cite{color:var(--gold-dk)}
.votd .chip{color:var(--plum);border-color:rgba(52,18,68,.28);background:rgba(255,255,255,.55)}
.votd .chip:hover{color:var(--purple-2);border-color:var(--purple-2);background:#fff}
.votdsrc{color:#7a6c88}
.welcomesec{background:linear-gradient(180deg,var(--l2) 0%,var(--l1) 45%,var(--l1) 100%)}

/* ===== Artwork banners (v8) ===== */
.phero.art{--ov:linear-gradient(180deg,rgba(31,10,46,.62) 0%,rgba(31,10,46,.5) 45%,rgba(31,10,46,.35) 100%);background-image:var(--ov),var(--bg);background-size:cover;background-position:center;padding-block:clamp(80px,13vw,170px) calc(clamp(80px,13vw,170px) + 50px)}
.phero.art h1{text-shadow:0 2px 18px rgba(20,5,30,.55)}
.phero.art .eyebrow,.phero.art .lead{text-shadow:0 1px 10px rgba(20,5,30,.6)}
@media(max-width:700px){.phero.art{background-image:var(--ov),var(--bgm)}}
.hero{background:linear-gradient(90deg,rgba(31,10,46,.15) 0%,rgba(31,10,46,.35) 40%,rgba(31,10,46,.78) 62%,rgba(31,10,46,.85) 100%),url(/images/art-hero-1920.webp) center/cover no-repeat}
@media(max-width:820px){.hero{background:linear-gradient(180deg,rgba(31,10,46,.25) 0%,rgba(31,10,46,.55) 35%,rgba(31,10,46,.82) 60%),url(/images/art-hero-1000.webp) 30% center/cover no-repeat}}
.herologo{filter:drop-shadow(0 10px 28px rgba(20,5,30,.6))}
.verse{background:linear-gradient(180deg,rgba(239,230,246,.86),rgba(230,218,241,.80)),url(/images/art-verse-1920.webp) center/cover no-repeat}

/* ===== Prayer globe (v9) ===== */
.globesec{background:linear-gradient(180deg,var(--l1) 0%,var(--l2) 100%)}
.globegrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.globewrap{display:flex;flex-direction:column;align-items:center}
.globe{display:block;width:100%;max-width:520px;aspect-ratio:1;touch-action:none;cursor:grab}
.globe:active{cursor:grabbing}
.globehint{font-size:.8rem;color:var(--muted);margin:.6em 0 0}
.places{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.place{width:100%;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;background:#fff;border:1.5px solid transparent;border-radius:14px;padding:12px 14px;box-shadow:0 6px 18px rgba(42,15,61,.07);cursor:pointer;font:inherit;color:var(--text);transition:border-color .15s,transform .15s}
.place:hover{transform:translateY(-1px);border-color:var(--l4)}
.place.on{border-color:var(--gold);box-shadow:0 8px 22px rgba(201,148,54,.25)}
.pflag{font-size:1.5rem;grid-row:1/3}
.pname{font-family:var(--f-h);font-weight:700;font-size:.95rem;color:var(--plum);line-height:1.2}
.pname small{display:block;font-weight:500;font-size:.72rem;color:var(--muted)}
.ptime{font-family:var(--f-h);font-weight:800;font-size:1.05rem;color:var(--purple-2);white-space:nowrap}
.pmeta{grid-column:2/4;font-size:.74rem;color:var(--muted);font-family:var(--f-h);white-space:nowrap}
@media(max-width:900px){.globegrid{grid-template-columns:1fr;gap:20px}.globe{max-width:360px}}
@media(max-width:480px){.places{grid-template-columns:1fr}}

/* ===== Logo beside banner titles (v10) ===== */
.pheroin{display:flex;align-items:center;gap:clamp(24px,4vw,48px)}
.pherologo{width:clamp(150px,17vw,230px);height:auto;flex:none;filter:drop-shadow(0 8px 24px rgba(15,3,25,.55))}
.pherotxt{padding-left:clamp(24px,4vw,48px);border-left:1px solid rgba(242,210,122,.45);text-align:left}
.pherotxt .btnrow{justify-content:flex-start!important}
.pherotxt .lead{max-width:620px}
@media(max-width:700px){.pheroin{flex-direction:column;gap:18px;text-align:center}.pherologo{width:150px}.pherotxt{border-left:0;padding-left:0;text-align:center}.pherotxt .btnrow{justify-content:center!important}}