:root{--n:#0d0248;--t:#38899d;--m:#edf5f6;--i:#202735;--max:1160px;--r:22px}*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--i)}a{color:#276f80}img{max-width:100%}.c{width:min(calc(100% - 2rem),var(--max));margin:auto}.header{position:sticky;top:0;z-index:10;background:#fffffff3;border-bottom:1px solid #ddd}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.7rem;color:var(--n);font-weight:800;text-decoration:none}.brand img{width:52px;height:52px;object-fit:contain}.links{display:flex;list-style:none;gap:.3rem}.links a{padding:.6rem .8rem;text-decoration:none;color:var(--n);font-weight:700;border-radius:99px}.links a:hover,.links a[aria-current=page]{background:var(--m)}.menu{display:none;border:0;padding:.7rem;background:var(--m);font-weight:800}.hero{min-height:620px;display:grid;align-items:center;background:linear-gradient(90deg,#fffffff8,#ffffffe8 40%,#ffffff28 70%),url('../images/sanctuary.webp') center/cover}.copy{max-width:620px}.eye{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:850;color:#28788a}h1{font-size:clamp(3.2rem,7vw,6.2rem);line-height:.95;letter-spacing:-.06em;color:var(--n);margin:.4rem 0 1rem}h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;color:var(--n)}.lead{font-size:1.25rem}.btn{display:inline-flex;padding:.75rem 1.2rem;border-radius:99px;text-decoration:none;font-weight:800;margin:.5rem .5rem .5rem 0}.primary{background:var(--n);color:white}.secondary{border:2px solid var(--t);color:var(--n);background:white}.section{padding:5rem 0}.tint{background:var(--m)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.card{padding:1.6rem;background:white;border:1px solid #ddd;border-radius:var(--r);box-shadow:0 15px 40px #0d024818}.time{font-size:2rem;font-weight:900;color:#26758a}.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.photo{width:100%;height:420px;object-fit:cover;border-radius:var(--r)}.pagehero{padding:6rem 0;background:linear-gradient(120deg,#0d0248ee,#0d024888),url('../images/church-exterior.webp') center/cover;color:white}.pagehero h1{color:white}.pagehero p{font-size:1.2rem;max-width:740px}.panel{background:var(--n);color:white;padding:2rem;border-radius:var(--r)}.panel a{color:#c9f4fa}.quote{font-size:2rem;color:var(--n);font-weight:750;border-left:6px solid var(--t);padding-left:1rem}.prose{max-width:850px}.details{list-style:none;padding:0}.details li{padding:.8rem 0;border-bottom:1px solid #ddd}.footer{background:#08012f;color:#ddd;padding:3rem 0 1rem}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:2rem}.footer img{width:180px;filter:brightness(0) invert(1)}.footer a{color:#c9f1f7}.bottom{border-top:1px solid #ffffff30;margin-top:2rem;padding-top:1rem}@media(max-width:800px){.menu{display:block}.links{display:none;position:absolute;top:78px;left:1rem;right:1rem;background:white;flex-direction:column;padding:1rem}.links.open{display:flex}.cards,.split,.footer-grid{grid-template-columns:1fr}.hero{min-height:650px;background:linear-gradient(#fffffff8,#ffffffe3 56%,#ffffff22),url('../images/sanctuary.webp') center/cover}.copy{padding:3rem 0 12rem}.photo{height:320px}}
