:root{--paper:#f8f7f2;--ink:#222b37;--muted:#59616a;--blue:#315caa;--line:#dedfd9;--gutter:clamp(1.25rem,4vw,4rem);--space:clamp(4.5rem,8vw,8rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b76a2f;outline-offset:5px}a:hover{color:var(--blue)}.container{width:min(100% - var(--gutter)*2,1280px);margin-inline:auto}.eyebrow{font-size:.72rem;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.section{padding-block:var(--space)}h1,h2,h3{font-family:'Source Serif 4',Georgia,serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(3.2rem,5.2vw,5.4rem);line-height:1.06}h2{font-size:clamp(2.6rem,4vw,4.1rem);line-height:1.1}em{font-weight:400;color:var(--blue)}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:16px;z-index:100}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;background:rgba(248,247,242,.97);z-index:20;border-bottom:1px solid var(--line)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:700;letter-spacing:.07em;line-height:1.3}.brand img{border-radius:50%;flex-shrink:0}.brand small{display:block;font-size:.55rem;letter-spacing:.19em;margin-top:5px}nav{display:flex;align-items:center;gap:clamp(16px,2vw,32px);font-size:.85rem;font-weight:600}nav>a:not(.button){padding-block:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:8px;min-height:54px;padding:13px 24px;font-weight:600;font-size:.9rem;transition:background .2s}.button:hover{background:#234780;color:white}.button.compact{padding:11px 18px;min-height:48px;gap:18px}.button span,.text-link span{font-size:1.2em}.text-link{display:inline-flex;gap:20px;align-items:center;min-height:48px;font-weight:600;font-size:.9rem;border-bottom:1px solid currentColor}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:4%;padding-block:48px 56px;align-items:center}.hero-copy{padding-block:24px}.hero .eyebrow{margin-bottom:26px;font-size:.68rem}.little-cross{font-size:1.2rem;color:var(--blue);margin-right:8px}.intro{max-width:440px;color:var(--muted);margin:24px 0 30px;font-size:1.05rem}.hero-details{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;font-size:.85rem}.hero-details strong,.hero-details a{display:block}.hero-details a{color:var(--muted);padding-top:5px}.hero-photo{position:relative;align-self:stretch;min-height:580px;border-radius:160px 8px 8px 8px;overflow:hidden;background:#343a40}.hero-photo>img{width:100%;height:100%;position:absolute;object-position:52% center}.hero-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.hero-photo figcaption{position:absolute;z-index:1;bottom:32px;left:32px;right:32px;display:flex;align-items:end;justify-content:space-between;color:white;font:400 1.7rem/1.2 'Source Serif 4',serif}.photo-mark{font-size:4rem;line-height:1}.sunday-strip{background:#eceee7;border-block:1px solid var(--line)}.facts{display:grid;grid-template-columns:1.25fr 1fr 1.2fr 1fr;padding-block:30px;gap:28px}.facts>div+div{border-left:1px solid #ccd0c8;padding-left:28px}.facts .eyebrow{display:block;font-size:.6rem;margin-bottom:8px;color:var(--muted)}.facts strong,.facts a{font-size:.9rem;font-weight:600;line-height:1.4}.facts small{display:block;font-weight:400;font-size:.8rem;margin-top:5px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,112px)}.section-copy>.eyebrow{margin-bottom:20px}.section-copy>p:not(.eyebrow){margin-top:24px;color:var(--muted);max-width:54ch}.section-copy>.text-link,.section-copy>.button{margin-top:28px}.visit-photo img{width:100%;height:auto;aspect-ratio:4/4.5;object-position:center;border-radius:8px 8px 120px 8px}.visit-photo figcaption{font-size:.75rem;color:var(--muted);margin-top:14px}.visit-row{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.visit-row>span{color:var(--blue);font-size:.75rem;padding-top:3px}.visit-row h3{font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:600;letter-spacing:0}.visit-row p{font-size:.88rem;color:var(--muted);margin-top:3px}.identity{background:#20384e;color:#fff;padding-block:var(--space)}.identity-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:24px 100px}.identity .eyebrow{grid-column:1/-1;color:#ccd9e3}.identity em{color:#c4d9ec}.identity p:not(.eyebrow){color:#e0e7ec}.identity .text-link{margin-top:24px}.identity a:hover{color:#c4d9ec}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{color:var(--muted);font-size:.95rem}.pathways{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pathway{padding:30px 30px 32px 0;display:flex;flex-direction:column}.pathway+.pathway{padding-left:30px;border-left:1px solid var(--line)}.path-top{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.1em;color:var(--blue);font-weight:700}.path-top>span{font-size:1.4rem}.pathway h3{font-size:2.25rem;margin-top:40px}.pathway p{font-size:.95rem;color:var(--muted);margin:16px 0 28px;max-width:30ch}.path-link{font-size:.82rem;text-decoration:underline;text-underline-offset:7px;margin-top:auto;font-weight:600}.message-section{background:#ebece6;padding-block:var(--space)}.message-art{aspect-ratio:16/10;background:#314e66;color:white;padding:32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;border-radius:8px}.message-art>span:first-child{font-size:.62rem;letter-spacing:.16em}.message-art>div{font:400 clamp(2.5rem,4vw,4rem)/1.1 'Source Serif 4',serif;letter-spacing:-.04em}.message-art em{color:#d0dce5}.play-symbol{align-self:end;border:1px solid #bccbd8;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:.8rem}.separate-link{margin-left:24px}.family-panel{background:#e5e9f0;padding:40px;border-radius:8px 100px 8px 8px;position:relative;overflow:hidden}.family-panel .eyebrow{color:#435776}.family-panel h3{font-size:clamp(3.1rem,5vw,5rem);line-height:1.06;margin:48px 0 32px;position:relative}.family-star{position:absolute;right:28px;top:28px;color:#bdcadc;font-size:9rem;line-height:1}.family-panel>a{display:flex;justify-content:space-between;border-top:1px solid #bac5d4;padding-top:20px;font-size:.85rem;font-weight:600;position:relative}.final-invite{border-top:1px solid var(--line);text-align:center;padding-block:var(--space);background:#efeee6}.final-invite h2{font-size:clamp(3rem,5.5vw,5.5rem);margin:24px 0}.final-invite p:not(.eyebrow){color:var(--muted)}.final-invite .actions{justify-content:center;margin-top:32px}footer{padding-top:64px;background:var(--paper)}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:56px;font-size:.82rem}.footer-top h2{font-family:'DM Sans',sans-serif;font-size:.75rem;letter-spacing:0;font-weight:700;margin-bottom:18px}.footer-top p{color:var(--muted);margin-block:20px 12px}.footer-top>div>a:not(.brand){display:block;padding-block:4px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:24px;font-size:.7rem;color:var(--muted)}.menu-toggle{min-height:44px;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:.85rem;color:var(--ink)}.menu-toggle span{margin-left:8px}
@media(min-width:1201px){.menu-toggle{display:none}}
@media(max-width:1200px){.header-inner{flex-wrap:wrap;padding-block:18px;min-height:80px}.menu-toggle:not([hidden]){display:block}nav{width:100%;flex-wrap:wrap;padding-bottom:8px}.js nav:not(.is-open){display:none}.hero{gap:28px}.hero-photo{min-height:540px}.facts{grid-template-columns:1fr 1fr;gap:24px}.facts>div+div{border:0;padding:0}.footer-top{grid-template-columns:1fr 1fr}.identity-inner{gap:32px}.separate-link{margin-left:0}.section-heading{align-items:start;flex-direction:column}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:32px;gap:32px}.hero-copy{padding:0}.hero .eyebrow{font-size:.6rem;margin-bottom:20px}h1{font-size:clamp(3rem,9vw,4.6rem)}.hero-photo{min-height:0;aspect-ratio:4/3;border-top-left-radius:90px}.hero-details{margin-top:24px;padding-top:18px}.intro{margin-block:20px 24px}.actions{gap:16px}.hero-photo figcaption{left:24px;bottom:24px;font-size:1.5rem}.photo-mark{font-size:3rem}.split{grid-template-columns:1fr;gap:40px}.visit-photo img{aspect-ratio:4/3;border-bottom-right-radius:80px}.section-copy{max-width:580px}.identity-inner{grid-template-columns:1fr;gap:24px}.pathways{grid-template-columns:1fr}.pathway,.pathway+.pathway{padding:28px 0;border-left:0}.pathway+.pathway{border-top:1px solid var(--line)}.pathway h3{margin-top:18px}.pathway p{max-width:48ch}.message-art{aspect-ratio:16/10}.message-art>div{font-size:3.5rem}.family-panel{padding:32px}.family-panel h3{font-size:3.8rem}.footer-top{gap:32px}.footer-top>div:first-child{grid-column:1/-1}nav{align-items:stretch;flex-direction:column;gap:0}nav a{min-height:48px}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:390px){.brand{font-size:.85rem;gap:8px}.brand img{width:36px;height:36px}.brand small{font-size:.48rem}.facts{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.hero .actions{align-items:stretch;flex-direction:column}.hero .actions .text-link{align-self:start}.family-panel h3{font-size:3.2rem}.message-art>div{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Shared header actions for the homepage and online service page. */
/* Gathering schedule repeats the homepage's Sunday information banner. */
.gatherings-section{scroll-margin-top:120px}
.gatherings-facts{grid-template-columns:1.25fr repeat(5,minmax(0,1fr));gap:22px;align-items:start}
.gatherings-facts>div{min-width:0}
.gatherings-facts>div+div{padding-left:22px}
body.hope-public .gatherings-facts h2{font:600 .95rem/1.4 'DM Sans',sans-serif!important;letter-spacing:0}
.gatherings-facts strong{display:block}
.gatherings-facts .gatherings-calendar{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:500;color:var(--blue);margin-top:10px;min-height:32px}
@media(max-width:1200px){.gatherings-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.gatherings-facts>div+div{border-left:1px solid #ccd0c8;padding-left:22px}.gatherings-facts>div:nth-child(3n+1){border-left:0;padding-left:0}}
@media(max-width:760px){.gatherings-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.gatherings-facts>div+div{border-left:0;padding-left:0}.gatherings-facts>div:nth-child(even){border-left:1px solid #ccd0c8;padding-left:20px}}
@media(max-width:480px){.gatherings-facts{grid-template-columns:minmax(0,1fr);gap:0}.gatherings-facts>div+div,.gatherings-facts>div:nth-child(even){border-left:0;border-top:1px solid #ccd0c8;padding:18px 0 0;margin-top:18px}}

.button-outline{background:transparent;color:var(--blue)}
.button-outline:hover{background:#e5e9f0;color:var(--blue)}
.site-header .brand,.site-header .button{flex-shrink:0}
.site-header nav{gap:clamp(12px,1.4vw,24px)}
@media(max-width:1200px){.site-header nav{gap:12px}.site-header .button{align-self:flex-start}.site-header{max-height:100dvh;overflow-y:auto}}
@media(max-width:760px){.site-header nav{gap:4px}.site-header .button{align-self:stretch;margin-top:8px}}

/* Supplied NXTGEN photo, with a dark lower overlay for readable white text. */
.family-panel{display:flex;flex-direction:column;min-height:600px;isolation:isolate;background:#182b35;border-radius:8px 80px 8px 8px}
.family-panel .family-panel-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:56% center}
.family-panel::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07152260 0%,#07152208 25%,#071522b8 62%,#071522f2 100%);pointer-events:none}
.family-panel .eyebrow{color:#fff;text-shadow:0 1px 5px #0008}
.family-panel h3{margin:auto 0 24px;padding-top:160px;color:#fff;font-size:clamp(3rem,4.6vw,4.6rem);line-height:1.04}
.family-panel h3 em{color:#e0ebff}
.family-panel>a{color:#fff;border-color:#ffffff70}
.family-panel>a:hover{color:#d6e3ff}
@media(max-width:760px){.family-panel{min-height:570px}.family-panel h3{font-size:3.4rem}}
@media(max-width:390px){.family-panel{min-height:520px;padding:24px}.family-panel h3{font-size:2.85rem}}

/* Closing invitation: supplied worship photograph and scroll-driven motion. */
.final-invite[data-scroll-invite]{position:relative;isolation:isolate;overflow:hidden;background:#142536;border:0;padding-block:clamp(100px,12vw,180px);color:#fff}
.invite-background{position:absolute;inset:-100px 0;z-index:-2;pointer-events:none}
.invite-background img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transform:translate3d(0,var(--invite-photo-y,0px),0);will-change:transform}
.final-invite[data-scroll-invite]::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#081827b8,#081827a6 45%,#081827d1);pointer-events:none}
.final-invite[data-scroll-invite] .container{position:relative}
.final-invite[data-scroll-invite] .eyebrow,.final-invite[data-scroll-invite] p:not(.eyebrow){color:#e8eef4}
.final-invite[data-scroll-invite] h2{color:#fff;line-height:1.15;text-shadow:0 2px 24px #0005}
.invite-line{display:block;will-change:transform,opacity}
.invite-line:first-child{transform:translate3d(0,var(--invite-line-one-y,0px),0);opacity:var(--invite-line-one-opacity,1)}
.invite-line:last-child{transform:translate3d(0,var(--invite-line-two-y,0px),0);opacity:var(--invite-line-two-opacity,1)}
.invite-line em{color:#d5e5ff}
.final-invite[data-scroll-invite] .text-link{color:#fff;border-color:#ffffff80}
.final-invite[data-scroll-invite] .text-link:hover{color:#d5e5ff}
.final-invite[data-scroll-invite] .button{background:#fff;border-color:#fff;color:#20384e}
.final-invite[data-scroll-invite] .button:hover{background:#e0eaff;border-color:#e0eaff}
@media(max-width:760px){.invite-background img{object-position:58% center}.final-invite[data-scroll-invite]{padding-block:100px}.final-invite[data-scroll-invite] h2{font-size:clamp(2.7rem,9vw,4rem)}}
@media(prefers-reduced-motion:reduce){.invite-background img,.invite-line{transform:none!important;will-change:auto}.invite-line{opacity:1!important}}