:root{--navy:#0b3152;--blue:#1775ad;--sky:#e9f6fd;--gold:#d5a645;--cream:#faf8f2;--ink:#20303d;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit}img{max-width:100%}.top{background:var(--navy);color:#fff;text-align:center;padding:.55rem 1rem;font-size:.9rem}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);box-shadow:0 3px 16px #0001}.navin{max-width:1200px;margin:auto;display:flex;align-items:center;gap:1rem;padding:.7rem 1rem}.brand{display:flex;align-items:center;text-decoration:none;font-weight:900;color:var(--navy);min-width:260px}.brand img{width:62px;height:62px;object-fit:contain;margin-right:.6rem}.brand small{display:block;color:var(--blue);font-weight:700}.links{margin-left:auto;display:flex;gap:.9rem;flex-wrap:wrap}.links a{text-decoration:none;font-size:.88rem;font-weight:800;color:var(--navy)}.links a:hover{color:var(--blue)}.hero{min-height:72vh;background:linear-gradient(90deg,rgba(234,247,253,.97) 0%,rgba(234,247,253,.92) 45%,rgba(234,247,253,.2) 70%),url('images/51FD5B88-C178-46F2-9917-4DD8BB6CA21B.jpeg') center/cover;display:flex;align-items:center}.hero .wrap{max-width:1200px;margin:auto;width:100%;padding:4rem 1.2rem;display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}.hero h1{font-family:Georgia,serif;color:var(--navy);font-size:clamp(2.6rem,5vw,5rem);line-height:1.02;margin:0 0 1rem}.hero p{font-size:1.12rem;max-width:650px}.portrait{max-height:570px;width:100%;object-fit:cover;object-position:center 25%;border-radius:28px;box-shadow:0 20px 60px #082c4b44}.btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;padding:.9rem 1.2rem;border-radius:999px;font-weight:800;margin:.3rem}.btn.alt{background:var(--gold);color:#152638}.section{padding:5rem 1.2rem}.wrap{max-width:1120px;margin:auto}.section h2{font-family:Georgia,serif;color:var(--navy);font-size:clamp(2rem,4vw,3.2rem);margin:.2rem 0 1rem;text-align:center}.lead{text-align:center;max-width:780px;margin:0 auto 2.5rem;color:#52606a}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}.card{background:#fff;border:1px solid #dce8ee;border-radius:18px;padding:1.4rem;box-shadow:0 8px 25px #0b31520c}.card h3{color:var(--navy);margin-top:0}.tint{background:var(--cream)}.blue{background:var(--navy);color:#fff}.blue h2,.blue h3{color:#fff}.schedule{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.schedule .card{text-align:center}.pastor{display:grid;grid-template-columns:.8fr 1.2fr;gap:2.5rem;align-items:center}.pastor img{border-radius:22px;max-height:650px;width:100%;object-fit:cover}.beliefs{columns:2;column-gap:2rem}.belief{break-inside:avoid;margin-bottom:1rem}.gallery{columns:4 240px;column-gap:1rem}.gallery img{width:100%;margin:0 0 1rem;border-radius:14px;display:block;box-shadow:0 6px 20px #0002}.contact{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.map{width:100%;height:360px;border:0;border-radius:18px}.footer{background:#071f34;color:#fff;padding:2.5rem 1rem;text-align:center}.verse{font-family:Georgia,serif;font-size:1.3rem;font-style:italic}.tag{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-weight:900;font-size:.8rem}.menu{display:none}.notice{background:#fff7df;border-left:4px solid var(--gold);padding:1rem;border-radius:8px}.donate{text-align:center}.social a{margin:.4rem}.pagehero{padding:5rem 1rem;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;text-align:center}.pagehero h1{font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,4.5rem);margin:0}.pagehero p{max-width:700px;margin:1rem auto 0}@media(max-width:850px){.links{display:none}.menu{display:block;margin-left:auto}.hero .wrap,.pastor,.contact{grid-template-columns:1fr}.hero{background:var(--sky)}.portrait{max-height:520px}.beliefs{columns:1}.nav.open .links{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;padding:1rem;flex-direction:column}.brand{min-width:0;font-size:.86rem}.brand img{width:50px;height:50px}}