*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#D4AF37;--cream:#F5F5F7;--muted:#9a9898;--bg:#0e0b0b;--bd:rgba(212,175,55,0.18)}
body{background:var(--bg);color:var(--cream);font-family:'Inter',sans-serif;overflow-x:hidden}
.page{display:none}.page.active{display:block}

/* NAV */
nav{background:#090606;height:66px;display:flex;align-items:center;padding:0 1.4rem;gap:.3rem;border-bottom:1px solid rgba(212,175,55,0.22);position:fixed;top:0;left:0;right:0;z-index:200}
.page{padding-top:66px}
.brand{display:flex;align-items:center;gap:.55rem;margin-right:auto;cursor:pointer}
.brand img{width:58px;height:58px;object-fit:contain}
.brand b{font-family:'Cormorant Garamond',serif;font-size:1.85rem;font-weight:600;color:var(--gold);letter-spacing:.05em;white-space:nowrap}
.nl{display:flex;align-items:center;gap:.05rem;list-style:none}
.nb{background:none;border:none;color:#d0cece;font-family:'Inter',sans-serif;font-size:.93rem;font-weight:500;cursor:pointer;padding:.38rem .68rem;border-radius:5px;transition:all .18s;white-space:nowrap}
.nb:hover{color:#fff;background:rgba(212,175,55,0.12)}
.dw{position:relative}
.dm{position:absolute;top:calc(100% + 6px);background:#100c0c;border:1px solid rgba(212,175,55,0.22);border-radius:8px;overflow:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:all .18s;z-index:300;min-width:185px}
.dm.wide{right:0;min-width:310px;max-height:400px;overflow-y:auto}
.dm.open{opacity:1;transform:translateY(0);pointer-events:all}
.dl{padding:.38rem 1rem .18rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:.72;border-top:1px solid rgba(212,175,55,0.08)}
.dl:first-child{border-top:none}
.di{display:block;padding:.48rem 1rem;font-size:.9rem;color:#c8c4c4;cursor:pointer;transition:background .13s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.di:hover{background:rgba(212,175,55,0.09);color:#fff}
.di.hl{color:var(--gold)}
.da{font-size:.75rem;color:#555;margin-left:.3rem}

/* HERO */
.ph{padding:3.5rem 2rem 2.5rem;text-align:center;border-bottom:1px solid var(--bd)}
.pe{font-size:.68rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:.65rem}
.pt{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:600;color:var(--cream);margin-bottom:.45rem}
.ps{font-size:1.1rem;color:var(--muted);max-width:560px;margin:0 auto;line-height:1.65}

/* STORM */
.storm{position:relative;width:100%;height:calc(100vh - 66px);overflow:hidden;margin-top:0;background:#04000c;min-height:500px}
#cv{position:absolute;inset:0;width:100%;height:100%}
.cw{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}
.cg{display:grid;grid-template-columns:1fr clamp(130px,20vw,180px) 1fr;grid-template-rows:repeat(5,1fr);width:min(600px,90vw);height:min(480px,calc(100vh - 160px));gap:4px;pointer-events:all}
.c{background:rgba(30,18,8,0.88);border:2.5px solid rgba(212,175,55,0.55);border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;backdrop-filter:blur(10px);transition:border-color .2s,transform .2s;color:var(--cream)}
.c::after{content:'';position:absolute;inset:0;background:rgba(212,175,55,0);transition:background .2s}
.c:hover::after{background:rgba(212,175,55,0.12)}
.c:hover{border-color:var(--gold);transform:scale(1.016)}
.c.s{
  background:
    radial-gradient(ellipse at center, rgba(212,175,55,0.13) 0%, rgba(30,18,8,0.92) 70%);
  border-color:var(--gold);
  border-width:3px;
  box-shadow:
    0 0 0 1px rgba(212,175,55,0.25),
    inset 0 0 28px rgba(212,175,55,0.12),
    0 0 22px rgba(212,175,55,0.28),
    0 0 55px rgba(212,175,55,0.10);
}
.c.s::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(212,175,55,0.10) 0%,rgba(0,0,0,0) 55%,rgba(212,175,55,0.07) 100%);
  pointer-events:none;
}
.c.s:hover{
  box-shadow:
    0 0 0 1px rgba(212,175,55,0.6),
    inset 0 0 40px rgba(212,175,55,0.22),
    0 0 38px rgba(212,175,55,0.55),
    0 0 80px rgba(212,175,55,0.25);
  border-color:var(--gold);
  border-width:3px;
  background:radial-gradient(ellipse at center, rgba(212,175,55,0.22) 0%, rgba(30,18,8,0.92) 70%);
}
.c.s .cl{color:var(--gold);text-shadow:0 0 12px rgba(212,175,55,0.6),0 0 28px rgba(212,175,55,0.25)}
.c.s .cs{color:rgba(212,175,55,0.9)}
.ci{display:none}
.cl{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:0 .4rem;color:var(--cream)}
.cs{font-size:.65rem;color:rgba(212,175,55,0.75);margin-top:.25rem;text-align:center;padding:0 .35rem;line-height:1.3;font-weight:500}

/* CAROUSEL - FULL-WIDTH BANNER */
.car-sec{position:relative;overflow:hidden;border-top:4px solid var(--gold);border-bottom:4px solid var(--gold)}
.car-track{display:flex;width:100%;transition:transform .65s cubic-bezier(.77,0,.18,1)}
.cslide{flex:0 0 100%;width:100%;height:520px;position:relative;cursor:pointer;overflow:hidden}
.cslide-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 8s ease}
.cslide:hover .cslide-bg{transform:scale(1.04)}
.cslide-veil{position:absolute;inset:0;background:linear-gradient(to right,rgba(4,2,2,.82) 0%,rgba(4,2,2,.45) 50%,rgba(4,2,2,.15) 100%)}
.cslide-body{position:absolute;top:50%;left:0;transform:translateY(-50%);padding:0 4rem;max-width:580px}
.cslide-tag{display:inline-block;background:var(--gold);color:#0e0b0b;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.22rem .7rem;border-radius:100px;margin-bottom:.85rem}
.cslide-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:.55rem}
.cslide-sub{font-size:1.05rem;color:rgba(255,255,255,0.7);line-height:1.55;margin-bottom:1.25rem}
.cslide-cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--gold);color:#0e0b0b;font-family:'Inter',sans-serif;font-size:.93rem;font-weight:700;padding:.55rem 1.2rem;border-radius:7px;letter-spacing:.04em;text-decoration:none;pointer-events:all}
.cslide-cta:hover{opacity:.88}
/* nav arrows */
.car-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(10,6,4,0.7);border:1px solid rgba(212,175,55,0.45);color:var(--gold);width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .18s;z-index:20;backdrop-filter:blur(4px)}
.car-arrow:hover{background:var(--gold);color:#0e0b0b}
#car-prev{left:1.2rem}#car-next{right:1.2rem}
/* dot indicators */
.car-dots{position:absolute;bottom:1.1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:20}
.car-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.3);border:1px solid rgba(212,175,55,0.4);cursor:pointer;transition:all .2s}
.car-dot.on{background:var(--gold);border-color:var(--gold);transform:scale(1.25)}

/* GOSPEL */
.gs{background:#090606;padding:4rem 2rem;text-align:center;border-top:1px solid var(--bd)}
.vg{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;max-width:840px;margin:0 auto}
.vw{width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid var(--bd)}
.vw iframe{width:100%;height:100%;border:none}
.vw video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}
.vw{position:relative}
.vw-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .3s}
.vw-play svg{width:64px;height:64px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7))}
.vw:hover .vw-play{opacity:0}

/* BOOKS */
.mural-page{position:relative;min-height:100vh;background-image:url('Website_Mural_2.png');background-size:cover;background-position:center top;background-repeat:no-repeat}
.mural-overlay{position:absolute;inset:0;background:rgba(6,3,3,0.78);pointer-events:none}
.mural-content{position:relative;z-index:2}
.bg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;max-width:1080px;margin:2.75rem auto;padding:0 1.75rem}
.bk{background:#130f0f;border:1px solid var(--bd);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.bk:hover{transform:translateY(-4px);border-color:rgba(212,175,55,0.45)}
.bth{width:100%;height:180px;display:flex;align-items:center;justify-content:center;font-size:4.5rem}
.bb{padding:1.2rem 1.2rem 1.4rem;flex:1;display:flex;flex-direction:column}
.btt{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700;color:var(--cream);margin-bottom:.22rem;line-height:1.25}
.bau{font-size:.85rem;color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.6rem}
.bde{font-size:.94rem;color:var(--muted);line-height:1.7;flex:1;margin-bottom:.9rem}
.bbt{display:inline-flex;align-items:center;gap:.4rem;background:var(--gold);color:#0e0b0b;font-size:.9rem;font-weight:700;padding:.5rem 1rem;border-radius:7px;text-decoration:none;letter-spacing:.04em;align-self:flex-start;transition:opacity .18s}
.bbt:hover{opacity:.85}

/* ARTICLES */
.aw{max-width:960px;margin:0 auto;padding:1.75rem 1.75rem 4rem}
.as{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:600;color:var(--gold);margin:2rem 0 1rem;padding-bottom:.4rem;border-bottom:1px solid var(--bd)}
.ar{display:flex;align-items:center;gap:1.25rem;padding:1rem .6rem;border-bottom:1px solid rgba(212,175,55,0.1);cursor:pointer;border-radius:8px;transition:background .15s}
.ar:hover{background:rgba(212,175,55,0.06)}
.ar-img{width:130px;height:100px;flex-shrink:0;border-radius:7px;overflow:hidden;border:1px solid rgba(212,175,55,0.3);background:#1a1018}
.ar-img img{width:100%;height:100%;object-fit:cover;display:block}

.atit{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:600;color:var(--cream);display:block;margin-bottom:.3rem;line-height:1.35}
.amet{font-size:.9rem;color:var(--muted)}.amet b{color:var(--gold);font-weight:500}

@media(max-width:520px){
  .ar-img{width:90px;height:72px}
  .atit{font-size:1.05rem}
}

/* ARTICLE READER */
.rdr{max-width:680px;margin:0 auto;padding:2.75rem 1.75rem 5rem}
.rtit{font-family:'Cormorant Garamond',serif;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:700;color:var(--cream);line-height:1.15;margin-bottom:.45rem}
.rmeta{font-size:.94rem;color:var(--muted);margin-bottom:1.85rem;padding-bottom:1rem;border-bottom:1px solid var(--bd)}
.rb p{font-size:1.15rem;line-height:1.9;color:rgba(245,245,247,0.8);margin-bottom:1.2rem}
.rpull{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-style:italic;color:var(--cream);line-height:1.4;border-left:3px solid var(--gold);padding:.65rem 1.1rem;margin:1.6rem 0;background:rgba(212,175,55,0.05);border-radius:0 7px 7px 0}
.bkb{display:inline-flex;align-items:center;gap:.3rem;background:none;border:1px solid rgba(212,175,55,0.28);color:var(--gold);font-family:'Inter',sans-serif;font-size:.9rem;font-weight:600;padding:.4rem .82rem;border-radius:6px;cursor:pointer;margin-bottom:1.85rem;transition:all .18s}
.bkb:hover{background:rgba(212,175,55,0.09)}

/* GIVE */
.gvp{min-height:80vh;position:relative;overflow:hidden}
.gvbg{position:absolute;inset:0;background:linear-gradient(160deg,#1a1400,#0e0b18 40%,#1a0a0a 70%,#0e0b0b)}
.gvmural{position:absolute;inset:0;background-image:url('Mural_Background_Images.png');background-size:cover;background-position:center;opacity:.15;z-index:1}
.gvc{position:relative;z-index:2;padding:4rem 2rem;text-align:center}
.gvbox{max-width:640px;margin:1.75rem auto 0;background:rgba(14,11,11,0.9);border-radius:16px;border:1px solid var(--bd);padding:1.75rem;backdrop-filter:blur(12px)}

/* ABOUT */
.abw{max-width:980px;margin:0 auto;padding:2.5rem 1.75rem 5rem}
.abmis{font-size:1.1rem;color:var(--muted);line-height:1.85;max-width:660px;margin:0 auto 2.75rem;text-align:center}
.tg{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.6rem}
.tc{background:#130f0f;border:1px solid var(--bd);border-radius:13px;padding:1.6rem 1.4rem;text-align:center;transition:transform .2s,border-color .2s}
.tc:hover{transform:translateY(-3px);border-color:rgba(212,175,55,0.4)}
.tav{width:64px;height:64px;border-radius:50%;background:rgba(212,175,55,0.1);margin:0 auto .85rem;border:2px solid rgba(212,175,55,0.35);display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;color:var(--gold);font-family:'Cormorant Garamond',serif}
.tnm{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:600;color:var(--cream);margin-bottom:.16rem}
.trl{font-size:.82rem;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem}
.tbi{font-size:.92rem;color:var(--muted);line-height:1.7}

/* CONTACT */
.fok{display:none;background:rgba(212,175,55,0.07);border:1px solid rgba(212,175,55,0.24);border-radius:10px;padding:1.6rem;text-align:center;margin-top:1.4rem}
.fok.show{display:block}

/* SUPPORT */
.spw{max-width:740px;margin:2.5rem auto 5rem;padding:0 1.75rem}
.fqi{border-bottom:1px solid rgba(212,175,55,0.1);padding:1rem 0}
.fqq{font-family:'Cormorant Garamond',serif;font-size:1.18rem;font-weight:600;color:var(--cream);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.85rem;user-select:none}
.fqq:hover{color:var(--gold)}
.fqic{color:var(--gold);font-size:1rem;flex-shrink:0;transition:transform .2s;display:inline-block}
.fqic.open{transform:rotate(45deg)}
.fqa{font-size:1.0rem;color:var(--muted);line-height:1.75;margin-top:.65rem;display:none}
.fqa.open{display:block}

/* ── TEAM CARDS ── */
.tm-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;max-width:980px;margin:0 auto}
.tm-card{width:220px;background:rgba(14,11,11,0.72);border:1.5px solid rgba(212,175,55,0.4);border-radius:4px;overflow:hidden;cursor:default;transition:transform .35s cubic-bezier(.22,.68,0,1.2),box-shadow .35s,border-color .35s;flex-shrink:0}
.tm-card:hover{transform:translateY(-10px) scale(1.03);border-color:var(--gold);box-shadow:0 18px 48px rgba(0,0,0,0.55)}
.tm-face{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 1.2rem}
.tm-img-wrap{width:120px;height:120px;border-radius:50%;overflow:hidden;border:2.5px solid rgba(212,175,55,0.5);margin-bottom:1rem;flex-shrink:0;background:#1a1018}
.tm-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}
.tm-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--gold);font-weight:700}
.tm-info{text-align:center}
.tm-name{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700;color:var(--cream);letter-spacing:.04em}
.tm-role{font-size:.85rem;color:rgba(212,175,55,0.8);text-transform:uppercase;letter-spacing:.12em;margin:.3rem 0 .5rem}
.tm-email{font-size:.82rem;color:rgba(245,245,247,0.55);text-decoration:none;transition:color .2s}
.tm-email:hover{color:var(--gold)}
.tm-bio{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.22,.68,0,1.2),padding .35s;border-top:0px solid rgba(212,175,55,0.25)}
.tm-card:hover .tm-bio{max-height:220px;padding:1rem 1.2rem 1.2rem;border-top-width:1px}
.tm-bio p{font-size:.94rem;color:rgba(245,245,247,0.7);line-height:1.6;margin:0}

/* ── TEAM CARDS ── */
.tm-grid{display:flex;flex-wrap:wrap;gap:1.8rem;justify-content:center;max-width:1020px;margin:0 auto}
.tm-card{width:220px;background:rgba(14,11,11,0.78);border:1.5px solid rgba(212,175,55,0.38);border-radius:6px;overflow:hidden;cursor:default;transition:transform .38s cubic-bezier(.22,.68,0,1.2),box-shadow .38s,border-color .35s;flex-shrink:0}
.tm-card:hover{transform:translateY(-12px) scale(1.04);border-color:var(--gold);box-shadow:0 22px 55px rgba(0,0,0,0.65)}
.tm-face{display:flex;flex-direction:column;align-items:center;padding:1.6rem 1rem 1.2rem}
.tm-img-wrap{width:124px;height:124px;border-radius:50%;overflow:hidden;border:2.5px solid rgba(212,175,55,0.5);margin-bottom:1rem;flex-shrink:0;background:#1a1018}
.tm-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}
.tm-info{text-align:center}
.tm-name{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700;color:var(--cream);letter-spacing:.04em}
.tm-role{font-size:.83rem;color:rgba(212,175,55,0.85);text-transform:uppercase;letter-spacing:.13em;margin:.3rem 0 .5rem}
.tm-email{font-size:.8rem;color:rgba(245,245,247,0.48);text-decoration:none;transition:color .2s;word-break:break-all}
.tm-email:hover{color:var(--gold)}
.tm-bio{max-height:0;overflow:hidden;transition:max-height .48s cubic-bezier(.22,.68,0,1.2),padding .38s;border-top:0px solid rgba(212,175,55,0.22)}
.tm-card:hover .tm-bio{max-height:240px;padding:.9rem 1.2rem 1.2rem;border-top-width:1px}
.tm-bio p{font-size:.94rem;color:rgba(245,245,247,0.68);line-height:1.65;margin:0;font-style:italic}

/* ── ABOUT COLLAGE BACKGROUND ── */
#pg-about{position:relative;overflow:hidden}
.ab-collage{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;z-index:0}
.ab-collage-cell{background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform 8s ease-in-out}
.ab-collage-cell:nth-child(1){background-image:url("/bg-01.jpg");grid-column:1;grid-row:1/3;background-position:center center}
.ab-collage-cell:nth-child(2){background-image:url("/bg-02.jpg");grid-column:2;grid-row:1;background-position:center 40%}
.ab-collage-cell:nth-child(3){background-image:url("/bg-03.png");grid-column:3;grid-row:1;background-position:center center}
.ab-collage-cell:nth-child(4){background-image:url("/bg-04.jpg");grid-column:2;grid-row:2;background-position:center 30%}
.ab-collage-cell:nth-child(5){background-image:url("/bg-05.jpg");grid-column:3;grid-row:2;background-position:center center}
/* Deep layered overlay — heavy dark so content is king */
.ab-veil{position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(to bottom, rgba(6,3,3,0.65) 0%, rgba(6,3,3,0.38) 30%, rgba(6,3,3,0.50) 70%, rgba(6,3,3,0.78) 100%),
    linear-gradient(to right,  rgba(6,3,3,0.42) 0%, rgba(6,3,3,0.0) 30%, rgba(6,3,3,0.0) 70%, rgba(6,3,3,0.42) 100%);
  pointer-events:none}
/* Gold seam lines between collage cells */
.ab-collage::after{content:'';position:absolute;inset:0;
  background:
    linear-gradient(90deg, transparent calc(33.33% - 0.5px), rgba(212,175,55,0.25) calc(33.33%), transparent calc(33.33% + 0.5px)),
    linear-gradient(90deg, transparent calc(66.66% - 0.5px), rgba(212,175,55,0.25) calc(66.66%), transparent calc(66.66% + 0.5px)),
    linear-gradient(180deg, transparent calc(50% - 0.5px), rgba(212,175,55,0.25) calc(50%), transparent calc(50% + 0.5px));
  pointer-events:none;z-index:1}
.ab-content{position:relative;z-index:2;min-height:100vh}

/* ── GIVE COLLAGE ── */
#pg-give{position:relative;overflow:hidden}
.gv-collage{position:absolute;inset:0;display:grid;
  grid-template-columns:1fr 1.4fr 1fr;
  grid-template-rows:1fr 1fr;
  width:100%;height:100%;z-index:0}
.gv-cell{background-size:cover;background-position:center;background-repeat:no-repeat}
/* Layout:
   [ifo brand - tall left] [cross - top mid] [tent - top right]
   [ifo brand - tall left] [books - bot mid] [lantern - bot right] */
.gv-cell:nth-child(1){background-image:url("/bg-06.png");   grid-column:1;grid-row:1/3;background-position:center center}
.gv-cell:nth-child(2){background-image:url("/bg-07.jpg"); grid-column:2;grid-row:1;background-position:center 40%}
.gv-cell:nth-child(3){background-image:url("/bg-08.png");  grid-column:3;grid-row:1;background-position:center center}
.gv-cell:nth-child(4){background-image:url("/bg-09.jpg"); grid-column:2;grid-row:2;background-position:center 60%}
.gv-cell:nth-child(5){background-image:url("/bg-10.jpg");grid-column:3;grid-row:2;background-position:center center}
/* Velvet texture blended on top of all cells */
.gv-collage::before{content:'';position:absolute;inset:0;
  background-image:url("/bg-11.jpg");
  background-size:cover;opacity:.10;mix-blend-mode:multiply;z-index:1;pointer-events:none}
/* Gold seam lines */
.gv-collage::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(90deg,transparent calc(33.33% - 0.5px),rgba(212,175,55,0.3) calc(33.33%),transparent calc(33.33% + 0.5px)),
    linear-gradient(90deg,transparent calc(66.66% - 0.5px),rgba(212,175,55,0.3) calc(66.66%),transparent calc(66.66% + 0.5px)),
    linear-gradient(180deg,transparent calc(50% - 0.5px),rgba(212,175,55,0.3) calc(50%),transparent calc(50% + 0.5px))}
/* Multi-layer dark veil — centre is lightest so images breathe */
.gv-veil{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    radial-gradient(ellipse at center, rgba(6,3,3,0.22) 0%, rgba(6,3,3,0.60) 100%),
    linear-gradient(to bottom, rgba(6,3,3,0.70) 0%, rgba(6,3,3,0.32) 25%, rgba(6,3,3,0.32) 75%, rgba(6,3,3,0.75) 100%)}
.gv-content{position:relative;z-index:4;min-height:80vh;padding:4rem 2rem;text-align:center}

.amt-btn{padding:.55rem 1.1rem;background:transparent;color:var(--gold);border:1.5px solid rgba(212,175,55,0.4);border-radius:6px;font-family:'Inter',sans-serif;font-size:1.03rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:58px}
.amt-btn:hover{background:rgba(212,175,55,0.15);border-color:var(--gold)}

@media(min-width:700px){.slide-right-quote{display:block!important}}


@media(max-width:600px){
  .cg{grid-template-columns:1fr clamp(100px,28vw,140px) 1fr;height:min(380px,calc(100vh - 140px));gap:3px}
  .cl{font-size:.9rem}
  .cs{font-size:.55rem}
}

/* ── CONTACT COLLAGE ── */
#pg-contact{position:relative;overflow:hidden}
.ct-collage{position:absolute;inset:0;display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  width:100%;height:100%;z-index:0}
.ct-cell{background-size:cover;background-position:center;background-repeat:no-repeat}
.ct-cell:nth-child(1){background-image:url("/bg-12.jpg");background-position:center 30%}
.ct-cell:nth-child(2){background-image:url("/bg-13.jpg");background-position:center 25%}
.ct-cell:nth-child(3){background-image:url("/bg-14.jpg");background-position:center center}
.ct-cell:nth-child(4){background-image:url("/bg-15.jpg");background-position:center 40%}
/* Gold seam lines */
.ct-collage::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,transparent calc(50% - 0.5px),rgba(212,175,55,0.3) 50%,transparent calc(50% + 0.5px)),
    linear-gradient(180deg,transparent calc(50% - 0.5px),rgba(212,175,55,0.3) 50%,transparent calc(50% + 0.5px))}
/* Dark veil — heavier center where form sits */
.ct-veil{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    radial-gradient(ellipse at center,rgba(6,3,3,0.78) 0%,rgba(6,3,3,0.55) 55%,rgba(6,3,3,0.30) 100%),
    linear-gradient(to bottom,rgba(6,3,3,0.70) 0%,rgba(6,3,3,0.35) 20%,rgba(6,3,3,0.35) 80%,rgba(6,3,3,0.80) 100%)}
.ct-content{position:relative;z-index:3}

/* Form field hover/focus glow effects */
.fg{margin-bottom:1.1rem;position:relative}
.fi{width:100%;background:rgba(10,6,6,0.75);border:1px solid rgba(212,175,55,0.2);
  border-radius:7px;padding:.78rem 1.05rem;color:var(--cream);
  font-family:'Inter',sans-serif;font-size:.86rem;outline:none;
  transition:border-color .25s,background .25s,box-shadow .25s;
  backdrop-filter:blur(8px);font-size:1.0rem}
.fi:hover{
  border-color:rgba(212,175,55,0.5);
  background:rgba(14,9,9,0.85);
  box-shadow:0 0 0 3px rgba(212,175,55,0.08)}
.fi:focus{
  border-color:var(--gold);
  background:rgba(18,11,11,0.92);
  box-shadow:0 0 0 3px rgba(212,175,55,0.15),0 0 18px rgba(212,175,55,0.12)}
textarea.fi{height:130px;resize:vertical}
.fl{display:block;font-size:.9rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(212,175,55,0.8);margin-bottom:.4rem;
  transition:color .2s}
.fg:focus-within .fl{color:var(--gold)}
.fb{background:var(--gold);color:#0e0b0b;font-family:'Inter',sans-serif;
  font-size:.97rem;font-weight:700;padding:.8rem 2rem;border:none;
  border-radius:7px;cursor:pointer;
  transition:opacity .18s,box-shadow .25s,transform .18s;
  box-shadow:0 0 18px rgba(212,175,55,0.3)}
.fb:hover{opacity:.92;box-shadow:0 0 32px rgba(212,175,55,0.55);transform:translateY(-1px)}
.fb:active{transform:translateY(0)}

.ctw{max-width:560px;margin:2.5rem auto 5rem;padding:0 1.75rem}

/* Books page background slideshow */
#pg-books .mural-page {
  background-image: none !important;
}
#books-bg-slider {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
#books-bg-slider .bslide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}
#books-bg-slider .bslide.active {
  opacity: 1;
}
#books-bg-slider .bslide:nth-child(1) { background-image: url("/bg-16.jpg"); }
#books-bg-slider .bslide:nth-child(2) { background-image: url("/bg-17.jpg"); }
#books-bg-slider .bslide:nth-child(3) { background-image: url("/bg-18.jpg"); }
#books-bg-slider .bslide:nth-child(4) { background-image: url("/bg-19.jpg"); }
#books-bg-slider .bslide:nth-child(5) { background-image: url("/bg-20.jpg"); }


/* Board section */
.bd-section{margin-top:3.5rem}
.bd-divider{text-align:center;margin-bottom:2rem;padding:0 1rem}
.bd-divider-icon{color:var(--gold);font-size:1rem;display:block;margin-bottom:.65rem;opacity:.7}
.bd-heading{font-family:'Cormorant Garamond',serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--cream);margin:0 0 .5rem;letter-spacing:.03em}
.bd-sub{font-size:.85rem;color:var(--muted);margin:0;font-style:italic}


/* About – Mission section */
.ab-mission{margin:3.5rem 0;padding:0 .5rem}
.ab-mission-inner{max-width:720px;margin:0 auto;text-align:center}
.ab-mission-rule{height:1px;background:linear-gradient(to right,transparent,rgba(212,175,55,0.45),transparent);margin:1.8rem 0}
.ab-mission-heading{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;color:var(--cream);margin:0 0 1rem;letter-spacing:.04em}
.ab-mission-body{font-size:.97rem;color:rgba(245,245,247,0.82);line-height:1.85;margin:0 0 2rem}
.ab-mission-body em{color:var(--gold);font-style:italic}
.ab-mission-verses{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;text-align:left;margin-bottom:1.5rem}
.ab-verse{margin:0;background:rgba(212,175,55,0.05);border:1px solid rgba(212,175,55,0.18);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:1.1rem 1.3rem;flex:1;min-width:260px;max-width:320px}
.ab-verse p{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-style:italic;color:rgba(245,245,247,0.85);line-height:1.7;margin:0 0 .5rem}
.ab-verse cite{font-size:.75rem;color:var(--gold);font-style:normal;font-family:'Inter',sans-serif;letter-spacing:.06em;text-transform:uppercase}
/* Centered 3-card grid for board */
.tm-grid--center{justify-content:center}
/* 501(c)(3) legal section */
.ab-legal{margin:3rem 0 .5rem;padding:0 .5rem}
.ab-legal-inner{max-width:680px;margin:0 auto;text-align:center}
.ab-legal-rule{height:1px;background:linear-gradient(to right,transparent,rgba(212,175,55,0.25),transparent);margin-bottom:1.8rem}
.ab-legal-badge{display:inline-block;font-family:'Inter',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(212,175,55,0.35);border-radius:3px;padding:.25rem .7rem;margin-bottom:1rem}
.ab-legal-details{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.2rem;margin-bottom:.9rem;font-family:'Inter',sans-serif;font-size:.8rem;color:rgba(245,245,247,0.65)}
.ab-legal-label{color:var(--gold);font-weight:600;margin-right:.3rem}
.ab-legal-sep{color:rgba(212,175,55,0.35)}
.ab-legal-note{font-size:.72rem;color:rgba(245,245,247,0.38);font-family:'Inter',sans-serif;line-height:1.6;margin:0;font-style:italic}
/* Board role label */
.tm-role{font-size:.72rem;color:var(--gold);font-family:'Inter',sans-serif;letter-spacing:.06em;text-transform:uppercase;display:block;margin-top:.18rem}
@media(max-width:600px){.ab-mission-verses{flex-direction:column;align-items:center}.ab-verse{max-width:100%}}