:root{--navy:#092442;--deep:#04172b;--gold:#e5b84d;--cream:#f8f5ee;--ink:#172a3d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #b87600;outline-offset:5px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}.draft{text-align:center;background:#e9dfc8;color:#403112;font-size:12px;padding:7px 16px;letter-spacing:.05em}header{background:var(--navy);color:white;padding:20px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #b58f4266}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;font:bold 25px/1.05 Georgia,serif}.brand img{width:92px;height:74px;object-fit:contain;background:white;border-radius:8px}.brand small{display:block;font:10px/2.5 Arial,sans-serif;letter-spacing:.22em;color:#e8cf91}nav{display:flex;align-items:center;gap:24px}nav a{font-size:14px;text-decoration:none;white-space:nowrap}nav a:hover,nav a[aria-current]{color:#f1cf78}#menu{display:none}.gold,.button{display:inline-block;background:linear-gradient(#f4d780,#deb044);color:#152336!important;border:1px solid #f4d780;border-radius:5px;padding:12px 22px;text-decoration:none;font-weight:700}.button.outline{background:transparent;color:white!important;border-color:#e7d6b2}.hero{background:radial-gradient(ellipse at 90% 20%,#c39a4944,transparent 50%),linear-gradient(125deg,#04172b,#153b59);color:white;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:6vw;padding:70px max(7vw,24px) 80px;min-height:590px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font:bold 11px/1.8 Arial,sans-serif;color:#a27416}.hero .eyebrow{color:#edce85}h1,h2,h3{font-family:Georgia,serif;line-height:1.13}h1{font-size:clamp(42px,5vw,72px);font-weight:500;letter-spacing:-.035em;margin:18px 0 24px}h1 em{color:#f0cd79;font-style:normal}h2{font-size:clamp(30px,3vw,44px);font-weight:500;margin:12px 0 22px}h3{font-size:24px}p{max-width:65ch}.hero p{color:#dce5ed;font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-art{padding:32px;background:white;border-radius:50% 50% 10px 10px;box-shadow:0 24px 70px #0005;border:5px solid #e5b84d55}.hero-art img{width:100%;display:block}.scripture{text-align:center;padding:30px 24px;background:#fff;border-bottom:1px solid #e3d8bd;font:italic 21px/1.6 Georgia,serif}.scripture small{display:block;font:11px/2.5 Arial,sans-serif;letter-spacing:.15em}.section{padding:64px max(7vw,24px)}.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:30px max(5vw,20px);background:var(--navy)}.quick a{border:1px solid #e5b84d55;border-radius:7px;color:white;padding:20px 12px;text-align:center;text-decoration:none;transition:background .2s}.quick a:hover{background:#ffffff12}.quick b{display:block;color:#f1ce7c;font:26px Georgia;margin-bottom:7px}.quick span{font-size:13px}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:start}.card{padding:30px;background:white;border:1px solid #dfd3b9;border-radius:10px;box-shadow:0 12px 30px #09244206}.card.navy{background:var(--navy);color:white;border-top:4px solid var(--gold)}.card.navy .eyebrow{color:#f1ce7c}.card a{font-weight:bold}.band{background:#e9e1d1;border-top:1px solid #d6c8a8;border-bottom:1px solid #d6c8a8;display:flex;justify-content:space-between;gap:30px;padding:32px max(7vw,24px);align-items:center}.band p{margin:4px 0}.pagehead{background:var(--navy);color:white;padding:45px max(7vw,24px)}.pagehead h1{font-size:52px}.pagehead .eyebrow{color:#edce85}.empty{padding:32px;border:1px dashed #bba982;border-radius:8px;margin:22px 0;background:#fffcf5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}footer{display:flex;justify-content:space-between;gap:30px;background:var(--deep);color:#dce5ed;padding:40px max(7vw,24px);font-size:14px}footer strong{font:24px Georgia,serif}.contact-number{font-size:clamp(26px,4vw,40px);font-weight:bold}.note{font-size:14px;color:#536477}@media(max-width:1100px){nav{gap:13px}.brand{font-size:20px}.brand img{width:70px;height:62px}}@media(max-width:850px){header{flex-wrap:wrap}#menu{display:block;background:transparent;color:white;padding:10px;border:1px solid #e5b84d;border-radius:5px}nav{display:none;width:100%;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:8px}.hero{grid-template-columns:1fr;padding-top:42px}.hero-art{max-width:420px;margin:auto}.quick{grid-template-columns:repeat(2,1fr)}.split,.cards{grid-template-columns:1fr}.band,footer{flex-direction:column;align-items:flex-start}.section{padding-top:42px;padding-bottom:42px}.pagehead h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Approved transparent logo: no white tile or enclosing arch. */
.brand img{background:transparent;border-radius:0}.hero-art{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}.hero-art img{filter:drop-shadow(0 10px 24px #0003)}

/* Light brand surfaces keep the transparent navy and gold logo legible. */
header{background:#f5f1e7;color:var(--navy);border-bottom:1px solid #ceba86}.brand small{color:#74561b}nav a:hover,nav a[aria-current]{color:#805a0b}#menu{color:var(--navy);border-color:#9d772c}.hero{background:radial-gradient(ellipse at 82% 45%,#fff8e8 0,#f1e5c7 25%,transparent 55%),linear-gradient(115deg,#e9edf0,#f7f3e8);color:var(--navy)}.hero .eyebrow{color:#765416}.hero p{color:#354c60}.hero h1 em{color:#8b610b}.hero .button.outline{color:var(--navy)!important;border-color:#8c774d}.hero-art img{filter:none}

header{position:relative;justify-content:center;min-height:150px;padding:22px 100px}.brand{justify-content:center;text-align:center;font-size:clamp(25px,3.2vw,40px);text-shadow:0 2px #fff,0 4px 6px #09244220}.brand img{width:110px;height:92px}.brand small{font-size:10px}#menu{display:block;position:absolute;left:24px;top:50%;transform:translateY(-50%);background:#fff9;border:1px solid #ba9c50;color:#092442;padding:11px;border-radius:6px}header>nav{display:none;position:absolute;left:24px;top:calc(50% + 28px);width:245px;background:#f8f5ee;box-shadow:0 18px 40px #09244233;border:1px solid #c6ad74;z-index:20;border-radius:8px;padding:12px;flex-direction:column;align-items:stretch;gap:0}header>nav.open{display:flex}header>nav a{padding:10px 14px;border-radius:5px}header>nav a:hover{background:#e9dfc8}.congregation{padding:42px max(7vw,24px);background:#ede6d7}.photo-frame{aspect-ratio:16/7;position:relative;overflow:hidden;border-radius:12px;background:#ddd}.photo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s}.photo-frame img.visible{opacity:1}.photo-controls{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.photo-controls button,button{cursor:pointer}.photo-controls button{padding:9px 15px;border:1px solid #b9a477;border-radius:5px;background:#fff}.photo-count{margin-left:auto;font-size:14px}.staff-main{max-width:1100px;margin:auto;padding:40px 24px}.staff-main input,.staff-main textarea,.staff-main select,.public-form input,.public-form textarea,.public-form select{display:block;width:100%;padding:12px;margin:7px 0 20px;font:inherit;border:1px solid #adacaa;border-radius:5px;background:white}.staff-main label,.public-form label{font-weight:bold}.staff-main input[type=checkbox],.public-form input[type=checkbox]{display:inline;width:auto;margin:8px}.staff-main button,.public-form button{padding:11px 18px;background:#092442;color:white;border:0;border-radius:5px;font:inherit;margin:5px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0}.tool-grid button{text-align:left;padding:22px}.status{min-height:1.5em}.record{padding:20px;border:1px solid #d2c7ae;margin:16px 0;background:white;border-radius:8px;overflow-wrap:anywhere}.record p{white-space:pre-wrap}.muted{color:#526477}.staff-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.hidden,[hidden]{display:none!important}.public-form{max-width:620px}.public-form .honeypot{position:absolute;left:-10000px}.records-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.record img{width:100%;max-height:360px;object-fit:cover}@media(max-width:600px){header{padding:20px 70px;min-height:120px}.brand{font-size:24px;gap:8px}.brand img{width:68px;height:66px}#menu{left:12px;padding:8px;font-size:12px}header>nav{left:12px;width:min(270px,calc(100vw - 24px))}.photo-frame{aspect-ratio:4/3}}@media(max-width:390px){.brand img{display:none}}@media(prefers-reduced-motion:reduce){.photo-frame img{transition:none}}

.photo-frame{background:linear-gradient(130deg,#071d36,#183552);aspect-ratio:4/3;max-height:650px}.photo-frame img{object-fit:contain!important}.photo-frame img:not(.active){opacity:0}.photo-frame img.active{opacity:1}.photo-controls button:focus-visible{outline:3px solid #b47a14;outline-offset:3px}

/* Center the church gallery at a comfortable viewing size. */
.congregation{max-width:900px;margin-inline:auto;text-align:center}.congregation .photo-frame{width:min(100%,720px);height:clamp(230px,42vw,440px);max-height:440px;aspect-ratio:auto;margin-inline:auto}.congregation .photo-controls{justify-content:center;flex-wrap:wrap}