:root{--blue:#033978;--purple:#461767;--gold:#BB9F60;--lgold:#E8D59A;--ink:#1f2330}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
h1,h2,h3,.wm{font-family:Georgia,"Times New Roman",serif;color:var(--blue)}a{color:var(--purple)}
header{background:var(--blue);border-bottom:4px solid var(--gold)}
.nav{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;flex-wrap:wrap;gap:.6rem}
.wm{color:#fff;text-decoration:none;font-variant:small-caps;letter-spacing:.06em;line-height:1.05;font-size:1.35rem;border-left:4px solid var(--gold);padding-left:.7rem}
.wm small{display:block;font-size:.72rem;color:var(--lgold);letter-spacing:.12em}
nav a{color:#fff;text-decoration:none;margin-left:1.1rem;font-weight:600}nav a:hover,nav a.on{color:var(--lgold)}
.hero{position:relative;min-height:420px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,57,120,.88),rgba(70,23,103,.55)),url(/assets/church.jpg) center/cover}
.hero div{max-width:1100px;margin:auto;padding:3rem 1.2rem;color:#fff;width:100%}.hero h1{color:#fff;font-size:clamp(2rem,5vw,3.2rem);margin:.2rem 0}
.verse{font-family:Georgia,serif;font-style:italic;color:var(--lgold);font-size:1.2rem}
.btn{display:inline-block;background:var(--gold);color:var(--blue);padding:.7rem 1.4rem;border-radius:4px;text-decoration:none;font-weight:700;margin:.4rem .5rem 0 0;border:0;cursor:pointer;font-size:1rem}.btn.o{background:transparent;color:#fff;border:2px solid var(--lgold)}
main section{max-width:1100px;margin:auto;padding:3rem 1.2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
.card{border:1px solid #e6e1d3;border-top:4px solid var(--gold);padding:1.4rem;border-radius:4px;background:#fffdf7}
.soon{display:inline-block;background:var(--lgold);color:var(--purple);font-weight:700;padding:.1rem .6rem;border-radius:3px;font-size:.9rem}
.band{background:var(--purple);color:#fff}.band h2{color:var(--lgold)}
.aff{display:flex;gap:1.2rem;align-items:center}.aff img{width:110px;height:110px;border-radius:50%}
img.ph{width:100%;border-radius:4px;border:3px solid var(--lgold)}
form{display:grid;gap:.8rem;max-width:600px}input,textarea{padding:.7rem;border:1px solid #bbb;border-radius:4px;font:inherit}.hp{position:absolute;left:-9999px}
iframe{width:100%;height:320px;border:0;border-radius:4px}
footer{background:var(--blue);color:#dfe5f0;border-top:4px solid var(--gold);font-size:.95rem}footer .in{max-width:1100px;margin:auto;padding:2rem 1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}footer a{color:var(--lgold)}footer h3{color:var(--lgold);margin-top:0}
.fa{display:flex;gap:.8rem;align-items:center}.fa img{width:64px;height:64px;border-radius:50%}
.copy{text-align:center;padding:.8rem;background:#022a5a;font-size:.85rem}
@media(max-width:640px){nav a{margin:0 1rem 0 0}.aff{flex-direction:column;text-align:center}}