/* Unitive Spirituality — Midnight & Gold design system (approved Mockup A)
   Display: Cormorant Garamond · Body: Mulish (hybrid, approved 2026-08-04) — self-hosted */
@font-face{font-family:'Cormorant Garamond';src:url(/assets/fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url(/assets/fonts/cormorant-garamond-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url(/assets/fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Mulish';src:url(/assets/fonts/mulish-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Mulish';src:url(/assets/fonts/mulish-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Mulish';src:url(/assets/fonts/mulish-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Mulish';src:url(/assets/fonts/mulish-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Mulish';src:url(/assets/fonts/mulish-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
:root{
  --ink:#0e0f34; --ink-deep:#0a0b28; --ink-footer:#08091f;
  --ivory:#f2edda; --ivory-dim:#c9c5b4;
  --gold:#c9a959; --gold-bright:#e9c96a; --gold-pale:#f5e6a8;
  --glow-1:#f0ed87; --glow-2:#a6cc5b; --glow-3:#50995b; --glow-4:#1d544c;
  --serif:'Cormorant Garamond',Georgia,serif; --body:'Mulish',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--ink-footer);overflow-y:scroll;scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--ink);color:var(--ivory);font-family:var(--body);font-size:clamp(.98rem,.3vw + .92rem,1.07rem);line-height:1.7;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--gold-bright)}
.wrap{max-width:1140px;margin:0 auto;padding:0 clamp(18px,4.5vw,40px)}
.center{text-align:center}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.14;text-wrap:balance}
p{text-wrap:pretty}
.keep{display:inline-block}
@media(max-width:659px){.bd{display:none}}
h1,h2,h3,.sec-head p,.page-hero .lead,.quote-center,.card p,.portal p,.offer-col p,.interfaith p,.donate-band p{text-wrap:balance}
.kicker{font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.band-orn{padding:16px 0;background:var(--ink)}
.band-orn i{display:block;height:22px;background:url(/assets/img/cover-ornament.png) repeat-x center/auto 22px;opacity:.95}
.band-orn.sm{padding:10px 0}
.band-orn.sm i{height:15px;background-size:auto 15px;opacity:.8}
@media(max-width:600px){.band-orn i{height:18px;background-size:auto 18px}}

/* ---------- NAV ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,11,40,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(201,169,89,.28)}
.nav-in{max-width:1140px;margin:0 auto;display:flex;align-items:center;flex-wrap:nowrap;gap:14px;padding:10px clamp(14px,4vw,40px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:1 1 auto;min-width:0;overflow:hidden}
.brand img{width:38px;height:auto;flex:none}
.wordmark{display:block;font-family:var(--serif);font-weight:700;color:var(--ivory);font-size:clamp(15px,4.2vw,21px);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wordmark .gold{color:var(--gold-bright)}
.links{display:none}
.nav-cta{flex:none;background:linear-gradient(160deg,var(--gold-bright),var(--gold));color:var(--ink);font-weight:700;text-decoration:none;font-size:14.5px;letter-spacing:.05em;padding:9px 16px;border-radius:999px}
#menu{position:absolute;opacity:0;pointer-events:none}
.burger{flex:none;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--gold-bright);transition:.25s}
.drawer{display:none;position:fixed;inset:0;top:58px;background:var(--ink-deep);z-index:49;padding:28px 24px 90px;flex-direction:column;gap:4px;overflow:auto;height:100dvh}
.drawer a{display:block;padding:13px 6px;font-family:var(--serif);font-size:1.3rem;color:var(--ivory);text-decoration:none;border-bottom:1px solid rgba(201,169,89,.18)}
.drawer a.sub{font-size:1.05rem;padding-left:26px;color:var(--ivory-dim)}
.drawer a.on,.links a.on{color:var(--gold-bright)}
body:has(#menu:checked){overflow:hidden}
#menu:checked ~ .drawer{display:flex}
#menu:checked + .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#menu:checked + .burger span:nth-child(2){opacity:0}
#menu:checked + .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:901px){
  .links{display:flex;gap:clamp(14px,1.9vw,25px);align-items:center;margin-right:8px}
  .links a{font-size:16px;letter-spacing:.03em;color:var(--ivory);text-decoration:none}
  .links a:hover{color:var(--gold-bright)}
  .burger,.drawer{display:none!important}
  .brand{flex:0 1 auto;margin-right:auto}
}
@media(max-width:380px){.nav-in{gap:8px;padding-left:12px;padding-right:8px}.nav-cta{font-size:12.5px;padding:8px 11px}.wordmark{font-size:13px;letter-spacing:0}.brand{gap:7px}.brand img{width:32px}}

/* ---------- MOTION ---------- */
@keyframes riseIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes twinkle{0%,100%{opacity:.22}50%{opacity:1}}
@keyframes breathe{0%,100%{opacity:.62;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
.js [data-rv]{opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.7,.3,1)}
.js [data-rv].rv-in{opacity:1;transform:none}
.card,.book,.faith,.pill,.member{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.card:hover,.book:hover{transform:translateY(-5px)}
.card:hover{border-color:rgba(233,201,106,.6);box-shadow:0 18px 44px -22px rgba(0,0,0,.7)}
.faith:hover{transform:translateY(-3px)}
.btn{transition:transform .25s ease,filter .25s ease,background .25s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.nav-cta{transition:transform .25s ease,filter .25s ease}
.nav-cta:hover{transform:translateY(-1px);filter:brightness(1.08)}
.links a{transition:color .25s ease}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js [data-rv]{opacity:1;transform:none}}

/* ---------- HERO (home) ---------- */
@keyframes moteRise{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.9}60%{opacity:.55;transform:translateY(-46vh) translateX(14px)}100%{transform:translateY(-80vh) translateX(-10px);opacity:0}}
.hero{position:relative;padding:clamp(60px,9vw,112px) 0 clamp(80px,11vw,140px);text-align:center;overflow:hidden}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(1.5px 1.5px at 18% 22%,rgba(242,237,218,.55),transparent 60%),
    radial-gradient(1px 1px at 72% 14%,rgba(242,237,218,.45),transparent 60%),
    radial-gradient(1.5px 1.5px at 86% 38%,rgba(242,237,218,.4),transparent 60%),
    radial-gradient(1px 1px at 34% 44%,rgba(242,237,218,.35),transparent 60%),
    radial-gradient(1px 1px at 9% 60%,rgba(242,237,218,.3),transparent 60%),
    radial-gradient(1.5px 1.5px at 64% 55%,rgba(242,237,218,.3),transparent 60%),
    radial-gradient(1px 1px at 55% 8%,rgba(242,237,218,.45),transparent 60%);
  animation:twinkle 4.8s ease-in-out infinite}
.hero:after{content:'';position:absolute;inset:-2% 0 0;pointer-events:none;transform-origin:50% 100%;
  background:radial-gradient(140% 90% at 50% 122%, var(--glow-1) 0%, var(--glow-2) 16%, var(--glow-3) 30%, var(--glow-4) 46%, rgba(14,15,52,0) 68%);
  animation:breathe 8.5s ease-in-out infinite}
.hero .mote{position:absolute;bottom:6%;left:var(--x);width:var(--s,5px);height:var(--s,5px);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,#fdf3c0 0%,rgba(233,201,106,.85) 40%,rgba(233,201,106,0) 70%);
  animation:moteRise var(--d,10s) linear var(--dl,0s) infinite;opacity:0;filter:blur(.4px)}
.hero .wrap{position:relative;z-index:1}
.hero .kicker{animation:riseIn .9s cubic-bezier(.22,.7,.3,1) .05s backwards}
.hero h1{animation:riseIn .95s cubic-bezier(.22,.7,.3,1) .18s backwards}
.hero .lead{animation:riseIn .95s cubic-bezier(.22,.7,.3,1) .34s backwards}
.hero .btn-row{animation:riseIn .95s cubic-bezier(.22,.7,.3,1) .48s backwards}
.hero .trust{animation:riseIn .95s cubic-bezier(.22,.7,.3,1) .6s backwards}
.hero h1{font-size:clamp(2rem,6vw + .6rem,4rem);font-weight:600;color:var(--ivory);margin:10px 0 22px}
.hero h1 .gold{color:var(--gold-bright)}
.hero .lead{max-width:660px;margin:0 auto 34px;font-size:clamp(1.08rem,.5vw + 1rem,1.3rem);color:var(--ivory-dim)}
.hero .lead b{color:var(--ivory);font-weight:600}
.trust{font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--glow-2)}

/* ---------- PAGE HERO (interior) ---------- */
.page-hero{position:relative;padding:clamp(40px,5.5vw,66px) 0;text-align:center;overflow:hidden;border-bottom:1px solid rgba(201,169,89,.2);
  background:radial-gradient(120% 130% at 50% -55%, rgba(240,237,135,.16) 0%, rgba(166,204,91,.10) 34%, rgba(29,84,76,.10) 55%, rgba(14,15,52,0) 75%)}
.page-hero h1{font-size:clamp(1.9rem,4.4vw + .7rem,3.3rem);color:var(--ivory);margin:8px 0 0}
.page-hero .mote{position:absolute;bottom:8%;left:var(--x);width:var(--s,4px);height:var(--s,4px);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,#fdf3c0 0%,rgba(233,201,106,.8) 40%,rgba(233,201,106,0) 70%);
  animation:moteRiseSoft var(--d,11s) linear var(--dl,0s) infinite;opacity:0;filter:blur(.5px)}
@keyframes moteRiseSoft{0%{transform:translateY(0) translateX(0);opacity:0}12%{opacity:.42}60%{opacity:.24;transform:translateY(-24vh) translateX(10px)}100%{transform:translateY(-42vh) translateX(-8px);opacity:0}}
.page-hero .lead{max-width:640px;margin:16px auto 0;color:var(--ivory-dim);font-size:clamp(1.05rem,.4vw + 1rem,1.24rem)}

/* ---------- BUTTONS ---------- */
.btn-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.btn{font-weight:700;letter-spacing:.05em;text-decoration:none;border-radius:999px;padding:14px 34px;font-size:1rem;display:inline-block}
.btn-gold{background:linear-gradient(160deg,var(--gold-bright),var(--gold));color:var(--ink)}
.btn-gold:hover{background:linear-gradient(160deg,var(--gold-pale),var(--gold-bright))}
.btn-ghost{border:1px solid var(--gold);color:var(--gold-pale)}
.btn-navy{background:var(--ink);color:var(--gold-pale)}

/* ---------- SECTIONS ---------- */
section{padding:clamp(46px,6.2vw,82px) 0}
.sec-head{max-width:700px;margin:0 auto clamp(32px,5vw,54px);text-align:center}
.sec-head h2{font-size:clamp(1.7rem,3.4vw + .8rem,2.8rem);color:var(--gold-bright);margin:10px 0 14px}
.sec-head p{color:var(--ivory-dim)}
.dark{background:var(--ink-deep)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:18px}
.card{border:1px solid rgba(201,169,89,.3);border-radius:14px;padding:26px 22px;background:rgba(242,237,218,.03);text-align:center}
.card h3{font-size:1.4rem;color:var(--ivory);margin:12px 0 8px}
.card p{font-size:.98rem;color:var(--ivory-dim)}
.card .glyph{width:34px;height:34px;margin:0 auto;color:var(--gold-bright)}
.more-link{display:inline-block;margin-top:30px;letter-spacing:.03em;color:var(--gold-bright);text-decoration:none;border-bottom:1px solid rgba(233,201,106,.5);padding-bottom:2px}

/* ---------- PORTAL DOORWAYS (home) ---------- */
.portals{display:grid;grid-template-columns:1fr;gap:20px;max-width:1020px;margin:0 auto}
@media(min-width:760px){.portals{grid-template-columns:1fr 1fr 1fr}}
.portal{display:block;text-decoration:none;border:1px solid rgba(201,169,89,.3);border-radius:16px;overflow:hidden;background:rgba(242,237,218,.03);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.portal:hover{transform:translateY(-6px);border-color:rgba(233,201,106,.65);box-shadow:0 24px 54px -26px rgba(0,0,0,.75)}
.portal .ph{height:190px;overflow:hidden;position:relative}
.portal .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.portal:hover .ph img{transform:scale(1.05)}
.portal .ph:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,52,0) 45%,rgba(14,15,52,.88) 100%)}
.portal .pb{padding:20px 22px 24px}
.portal h3{font-family:var(--serif);font-size:1.5rem;color:var(--ivory);margin-bottom:6px}
.portal p{color:var(--ivory-dim);font-size:.96rem;margin-bottom:12px}
.portal .go{color:var(--gold-bright);font-size:.95rem;letter-spacing:.04em}
.portal .ph img.contain{object-fit:contain;background:#0a0b28;padding:14px}

.cards-2{max-width:760px;margin-left:auto;margin-right:auto}
@media(min-width:640px){.cards-2{grid-template-columns:repeat(2,1fr)}}

/* ---------- PROSE (interior content) ---------- */
.prose{max-width:760px;margin:0 auto}
.prose h2{font-size:clamp(1.55rem,2.6vw + .8rem,2.3rem);color:var(--gold-bright);margin:44px 0 16px}
.prose h3{font-size:clamp(1.25rem,1.4vw + .9rem,1.6rem);color:var(--gold-pale);margin:34px 0 12px}
.prose p{margin:0 0 18px;color:var(--ivory-dim)}
.prose p b,.prose p strong{color:var(--ivory)}
.prose ul,.prose ol{margin:0 0 18px 24px;color:var(--ivory-dim)}
.prose li{margin-bottom:10px}
.prose li::marker{color:var(--gold)}
.prose blockquote{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.12rem,.6vw + 1.02rem,1.35rem);color:var(--gold-pale);border-left:2px solid var(--gold);padding-left:18px;margin:26px 0}
.prose blockquote.quote-center{border-left:0;padding-left:0;margin-left:auto;margin-right:auto}
.prose img{border-radius:12px;margin:26px auto}
.prose .img-note{font-size:.88rem;color:#8a8778;text-align:center;margin-top:-16px}
.prose hr{border:0;height:18px;background:url(/assets/img/cover-ornament.png) repeat-x center/auto 18px;opacity:.85;margin:42px auto;width:100%}

/* ---------- SPLIT / MEDIA ---------- */
.split{display:grid;grid-template-columns:1fr;gap:34px;align-items:center;max-width:980px;margin:0 auto}
.split>*{min-width:0}
.split .media{width:min(320px,80%);margin:0 auto}
.split h2{margin:6px 0 14px}
.split>div>p{color:var(--ivory-dim);margin-bottom:4px}
.media-circle{border-radius:50%;height:auto;box-shadow:0 0 0 6px rgba(201,169,89,.35),0 0 60px rgba(201,169,89,.25)}
.media-soft{border-radius:14px;height:auto;box-shadow:0 22px 50px -22px rgba(0,0,0,.8)}
@media(min-width:780px){.split{grid-template-columns:360px 1fr;text-align:left}.split.flip{grid-template-columns:1fr 360px}.split.flip .media{order:2}}
@media(max-width:779px){.split{text-align:center}}

/* ---------- PILLS / GRIDS ---------- */
.pills{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.split .pills,.prose .pills{margin-top:28px}
.pill{border:1px solid var(--gold);border-radius:999px;padding:10px 22px;color:var(--gold-pale);text-decoration:none;font-size:.98rem;min-width:128px;text-align:center}
.pill:hover{background:rgba(233,201,106,.12)}
@media(min-width:780px){.split .pills,.split.flip .pills{justify-content:flex-start}}
.faith-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:940px;margin:0 auto}
.faith{flex:0 1 176px;border:1px solid rgba(201,169,89,.32);border-radius:10px;padding:18px 10px;text-align:center;text-decoration:none;background:rgba(242,237,218,.03)}
.faith span{display:block;font-family:var(--serif);font-size:1.12rem;color:var(--ivory)}
.faith:hover{border-color:var(--gold-bright)}

/* ---------- SUP / STREAM ROW ---------- */
h1 sup,h2 sup,h3 sup{font-size:.45em;line-height:0;vertical-align:super}
.stream-row{display:flex;gap:16px;justify-content:center;margin-top:28px}
.stream-row a{width:54px;height:54px;border-radius:50%;background:var(--ivory);color:var(--ink);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .3s ease}
.stream-row a:hover{transform:translateY(-3px);background:var(--gold-bright)}
@media(min-width:780px){.split .stream-row{justify-content:flex-start}}
/* JK: streaming icons column-aligned under the three practice pills (wide screens) */
@media(min-width:1000px){
  .jk-align .pills{display:grid;grid-template-columns:repeat(3,150px);gap:12px;justify-content:start}
  .jk-align .pill{min-width:0;width:100%;padding-left:10px;padding-right:10px}
  .jk-align .stream-row{display:grid;grid-template-columns:repeat(3,150px);gap:12px;justify-content:start;justify-items:center}
  .jk-align .stream-row a{width:54px}
}

/* ---------- BESTSELLER BADGE (stacked) ---------- */
.seller-badge{margin-bottom:18px}
.seller-badge .l1{display:block;font-size:.92rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-bright)}
.seller-badge .l2{display:block;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ivory-dim);margin-top:6px}
.formats{font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--glow-2);margin-top:16px}

/* ---------- BOOKS / PRESS ---------- */
.ribbon{display:inline-block;border:1px solid var(--gold);border-radius:999px;color:var(--gold-pale);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;padding:8px 18px;margin-bottom:18px}
.books{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;max-width:960px;margin:0 auto}
.book{text-align:center}
.book>a:first-child{display:flex;align-items:flex-end;justify-content:center;height:232px;margin-bottom:16px}
.book img.sq{width:min(208px,65%)}
.book img{height:auto;width:min(230px,72%);margin:0 auto;border-radius:6px;box-shadow:0 18px 40px -18px rgba(0,0,0,.8)}
.book img.cutout,.media.cutout{height:auto;border-radius:0;box-shadow:none;filter:drop-shadow(0 20px 36px rgba(0,0,0,.55))}
.split .media.cutout{width:min(360px,92%)}
.book h3{font-size:1.42rem;color:var(--ivory)}
.book p{font-size:.94rem;color:var(--ivory-dim);margin:6px 0 10px}
.buy-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.press{margin-top:54px;background:var(--ivory);border-radius:14px;padding:26px 22px;text-align:center}
.press .label{font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:#6b6552;margin-bottom:18px}
.press-logos{display:flex;gap:clamp(22px,5vw,54px);justify-content:center;align-items:center;flex-wrap:wrap}
.press-logos img{height:30px;width:auto}

/* ---------- EMBEDS / AUDIO ---------- */
.embed-wrap{position:relative;width:100%;max-width:760px;margin:26px auto;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--ink-deep)}
.embed-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.embed-tall{aspect-ratio:9/14;max-width:400px}
audio{width:100%;max-width:560px;display:block;margin:18px auto}

/* ---------- INTERFAITH / DONATE BAND ---------- */
.interfaith{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center}
.interfaith img{width:96px;height:96px}
.interfaith p{max-width:430px;color:var(--ivory-dim)}
.donate-band{padding:0;background:radial-gradient(120% 160% at 50% -40%, var(--gold-pale) 0%, var(--gold-bright) 34%, var(--gold) 62%, #9a7c35 100%)}
.donate-band .wrap{text-align:center;padding-top:clamp(44px,5.5vw,64px);padding-bottom:clamp(44px,5.5vw,64px)}
.donate-band h2{color:var(--ink);font-size:clamp(1.85rem,4vw + .7rem,2.9rem);margin-bottom:10px}
.donate-band p{color:#3b3110;font-size:1.1rem;max-width:540px;margin:0 auto 28px}

/* ---------- FORMS ---------- */
.form{max-width:560px;margin:0 auto}
.form label{display:block;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:20px 0 8px}
.form input,.form textarea{width:100%;background:rgba(242,237,218,.05);border:1px solid rgba(201,169,89,.4);border-radius:10px;padding:13px 14px;color:var(--ivory);font-family:var(--serif);font-size:1.05rem}
.form input:focus,.form textarea:focus{outline:2px solid var(--gold-bright);outline-offset:1px}
.form button{margin-top:26px;cursor:pointer;border:0;width:100%}
.form-note{font-size:.9rem;color:#8a8778;margin-top:14px;text-align:center}
.alert{max-width:560px;margin:0 auto 26px;border:1px solid var(--glow-2);border-radius:10px;padding:14px 18px;color:var(--glow-1);text-align:center}

/* ---------- TEAM ---------- */
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:26px;max-width:960px;margin:0 auto}
.member{text-align:center}
.member img{width:min(180px,60%);height:auto;margin:0 auto 14px;border-radius:50%;object-fit:cover;aspect-ratio:1;object-position:center 20%;box-shadow:0 0 0 4px rgba(201,169,89,.35)}
.member h3{font-size:1.3rem;color:var(--ivory)}
.member p{font-size:.92rem;color:var(--ivory-dim)}

/* ---------- CENTER QUOTE / OFFER COLUMNS ---------- */
.quote-center{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.25rem,1vw + 1.1rem,1.7rem);color:var(--gold-pale);text-align:center;max-width:640px;margin:0 auto}
.quote-center .who{display:block;font-family:var(--body);font-style:normal;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:14px}
.offer-grid{display:grid;grid-template-columns:1fr;gap:26px;max-width:1000px;margin:0 auto}
.offer-col{border-top:2px solid var(--gold);padding-top:18px}
.offer-col h3{font-size:1.45rem;color:var(--gold-pale);margin-bottom:10px}
.offer-col p{color:var(--ivory-dim);font-size:.98rem}
@media(min-width:780px){.offer-grid{grid-template-columns:1fr 1fr 1fr;gap:44px}}

/* ---------- SERVICE LIST (contact) ---------- */
.svc-list{list-style:none;margin:14px 0 0;padding:0;text-align:center}
@media(min-width:780px){.split .svc-list{text-align:left}}
.svc-list li{margin-bottom:10px;color:var(--ivory-dim)}
.svc-list li:before{content:'~  ';color:var(--gold);letter-spacing:.05em}

/* ---------- NEWSLETTER (footer band) ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.nl-band{text-align:center;border:1px solid rgba(201,169,89,.3);border-radius:16px;background:rgba(242,237,218,.03);padding:30px clamp(18px,4vw,40px);margin-bottom:44px}
.nl-note{color:var(--ivory-dim);font-size:.95rem;margin-bottom:18px}
.nl-form{position:relative;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:520px;margin:0 auto}
.nl-form input[type=email]{flex:1 1 260px;min-width:0;background:rgba(242,237,218,.06);border:1px solid rgba(201,169,89,.4);border-radius:999px;padding:13px 18px;color:var(--ivory);font-family:var(--body);font-size:1rem}
.nl-form input[type=email]:focus{outline:2px solid var(--gold-bright);outline-offset:1px}
.nl-form button{flex:0 0 auto;cursor:pointer;border:0;padding:13px 28px}

/* ---------- FOOTER ---------- */
footer{background:var(--ink-footer);padding:clamp(48px,7vw,80px) 0 34px;font-size:.96rem}
.foot-grid{display:grid;grid-template-columns:1fr;gap:34px;margin-bottom:38px}
.foot-brand img{width:44px;height:auto;margin-bottom:12px}
.foot-brand .wm{font-family:var(--serif);font-weight:700;font-size:1.25rem;color:var(--ivory);letter-spacing:.04em}
.foot-brand p{color:var(--ivory-dim);max-width:320px;margin-top:10px}
footer h4{font-size:.8rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
footer ul{list-style:none}
footer li{margin-bottom:9px}
footer li a{color:var(--ivory-dim);text-decoration:none}
footer li a:hover{color:var(--gold-bright)}
.legal{border-top:1px solid rgba(201,169,89,.2);padding-top:22px;color:#8a8778;font-size:.86rem;line-height:1.7;text-align:center}
@media(min-width:760px){.foot-grid{grid-template-columns:1.3fr 1fr 1fr}}

/* ---------- 320-guard ---------- */
@media(max-width:380px){
  .cards,.books,.team{grid-template-columns:1fr}
  .faith{flex-basis:100%}
  .donate-band .wrap{padding-left:20px;padding-right:20px}
  .btn{padding:13px 26px}
}