:root{--ink:#29231d;--paper:#f3eee2;--cream:#fffaf0;--gold:#b28a37;--red:#782828;--green:#304c3b;--muted:#70685c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.65}
header{background:var(--green);color:#fff;border-bottom:6px double var(--gold)}
.mast{max-width:1120px;margin:auto;padding:22px 20px 15px;text-align:center}.cross{font-size:32px;color:#ead38d}.cross img{width:72px;height:72px;object-fit:contain;display:block;margin:0 auto 5px}
h1{margin:2px 0;font-size:clamp(30px,5vw,52px);font-weight:normal}.tag{font-style:italic;color:#eadfbf;font-size:17px}
nav{background:#211f1b;text-align:center;padding:8px}nav a{display:inline-block;color:#fff7e6;text-decoration:none;padding:7px 11px;font-size:14px}nav a:hover{background:var(--gold);color:#211f1b}
main{max-width:1050px;margin:30px auto;padding:0 20px}
.hero,.card{background:var(--cream);border:1px solid #d3c5a7;box-shadow:0 3px 12px #0001;padding:25px}.hero{text-align:center}.hero h2{font-size:34px;margin:0 0 8px;color:var(--red);font-weight:normal}.ornament{color:var(--gold);letter-spacing:.45em}
.heroimg{width:100%;max-width:100%;height:auto;max-height:620px;object-fit:contain;display:block;margin:20px auto;border:7px solid #eee1c3;background:#e8dfcc}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:20px;margin-top:22px}.card h3{margin-top:0;color:var(--green)}
.card img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block;border:4px solid #e5d9be;background:#e8dfcc}.card2 img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block;border:4px solid #e5d9be;background:#e8dfcc}.portrait{object-fit:contain!important;background:#e8dfcc}
.notice{background:#efe0bd;border:1px solid #c6a55f;padding:14px 18px;margin-top:22px}blockquote{border-left:4px solid var(--gold);padding:8px 18px;background:#f8f1df;font-style:italic}
.button{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:9px 16px;margin:6px 3px;border-radius:2px}.button:hover{background:#a33}.sermon{margin:20px 0;padding:20px;background:#fff9eb;border-left:5px solid var(--green)}
.gallery{columns:3 260px;column-gap:18px;margin-top:20px}.gallery figure{break-inside:avoid;margin:0 0 18px;background:var(--cream);border:1px solid #d3c5a7;padding:9px;cursor:zoom-in;transition:transform .15s,box-shadow .15s}.gallery figure:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0002}.gallery img{width:100%;height:auto;display:block}.gallery figcaption{padding:8px 3px 2px;font-size:.92em;text-align:center}
.small{color:var(--muted);font-size:.9em}footer{text-align:center;background:#211f1b;color:#ddd3bd;padding:28px 20px;margin-top:45px;font-size:14px}footer a{color:#e6cc86}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;padding:30px;z-index:9999;cursor:zoom-out}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border:6px solid #eee1c3;box-shadow:0 8px 40px #000;cursor:default}.lightbox .close{position:fixed;right:22px;top:12px;color:#fff;font:36px/1 Arial,sans-serif;cursor:pointer}.lightbox .caption{position:fixed;left:20px;right:20px;bottom:12px;text-align:center;color:#fff7e6;font-size:17px;text-shadow:0 1px 3px #000}
@media(max-width:650px){nav a{display:block}.hero,.card{padding:18px}main{padding:0 12px}.gallery{columns:1}.lightbox{padding:12px}.lightbox img{max-width:96vw;max-height:82vh}}
.leaders-photo{width:100%;max-width:900px;height:auto;display:block;margin:20px auto;border:7px solid #eee1c3;box-shadow:0 3px 12px #0002}