:root{--navy:#081c33;--navy2:#102c48;--gold:#c9a768;--white:#f8f8f5;--muted:#c7d1dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font:17px/1.75 Arial,Helvetica,sans-serif}a{color:inherit}header{position:sticky;top:0;z-index:20;background:#081c33f7;border-bottom:1px solid #ffffff25}nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;gap:18px}.brand{font:23px Georgia,serif;letter-spacing:.13em;text-decoration:none;white-space:nowrap}.links{display:flex;gap:16px;flex-wrap:wrap}.links a{font-size:11px;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.links a:hover,.links a[aria-current=page]{color:var(--gold)}.hero{min-height:570px;display:grid;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081c33 3%,#081c33dc 44%,#081c3388 100%),url('assets/church.jpeg') center/cover}.hero-inner{position:relative;max-width:1150px;width:100%;margin:auto;padding:85px 24px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:bold}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.17}h1{font-size:clamp(54px,8vw,110px);letter-spacing:-.04em;margin:18px 0}h2{font-size:clamp(33px,4.5vw,55px);margin:12px 0 24px}h3{font-size:27px;margin:25px 0 12px}.hero p{font-size:clamp(19px,2.4vw,27px);margin:0 0 32px}.btn{display:inline-block;padding:12px 22px;border:1px solid var(--gold);background:var(--gold);color:#081c33;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:.09em;margin:5px 10px 8px 0}.btn.alt{background:transparent;color:var(--white)}section{padding:75px 24px}.wrap{max-width:1100px;margin:auto}.narrow{max-width:820px;margin:auto}.intro{text-align:center;max-width:800px;margin:auto}.intro p,.bodycopy,.details{color:var(--muted);font-size:18px}.goldline{height:2px;background:var(--gold);width:56px;margin:26px auto}.contrast{background:var(--navy2)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.photo{width:100%;display:block;border:1px solid #ffffff20}.times,.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}.time,.tile{border-top:1px solid #c9a76888;padding:15px 0}.time strong{display:block}.time span,.small{color:var(--muted);font-size:14px}.tile p{color:var(--muted)}.callout{text-align:center;background:#142f4b}.pagehead{padding:88px 24px 65px;text-align:center;background:linear-gradient(120deg,#102c48,#081c33)}.pagehead h1{font-size:clamp(43px,6vw,74px);letter-spacing:-.025em}.pagehead p{max-width:760px;margin:auto;color:var(--muted);font-size:19px}.prose p{color:#d6dce2}.prose h2{font-size:38px;margin-top:38px}.prose h3{color:var(--gold)}.scripture{color:var(--gold)!important;font-size:15px}.prose details{border-bottom:1px solid #ffffff36;padding:20px 0}.prose summary{cursor:pointer;font:25px Georgia,serif;color:var(--white)}.prose summary:hover{color:var(--gold)}.prose details p{margin:14px 0}.center{text-align:center}footer{border-top:1px solid #ffffff22;padding:35px 24px;color:var(--muted);font-size:13px;text-align:center}footer a{color:var(--gold)}@media(max-width:850px){nav{flex-direction:column;align-items:flex-start}.links{gap:12px}.links a{font-size:11px}.grid,.times,.cards{grid-template-columns:1fr}.hero{min-height:540px}.hero:before{background:linear-gradient(90deg,#081c33ed,#081c33b8),url('assets/church.jpeg') center/cover}section{padding:60px 20px}h1{font-size:60px}}

/* Homepage hero: the photograph already contains the Welcome Home lettering.
   Display it uncropped with no additional text on top. */
.hero-photo{width:100%;background:#081c33}
.hero-photo img{display:block;width:100%;height:auto;object-fit:contain}
.hero-actions{text-align:center;padding:22px 18px 27px;background:#081c33}
@media(max-width:650px){.hero-actions{padding:16px 12px 22px}.hero-actions .btn{margin:5px}}

/* Welcoming message below the photo, without covering its existing text. */
.hero-tagline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,4.3vw,52px);font-weight:normal;line-height:1.2;letter-spacing:-.02em;color:#fff;margin:6px auto 10px;max-width:950px}
.hero-subtitle{color:#e1e5e9;font-size:clamp(15px,1.9vw,20px);margin:0 auto 22px}