#main-content .page-heading,#main-content .im-heading{position:relative;isolation:isolate;overflow:hidden;min-height:265px;padding:42px 0;border:0;border-bottom:1px solid #dde8f1;background-color:#f4f8fc;background-image:linear-gradient(90deg,#f6f9fc 0%,#f6f9fc 38%,#f6f9fcf2 48%,#f6f9fc80 65%,#f6f9fc08 90%),url('church-heading.jpg');background-position:center,right 43%;background-size:cover,auto 150%;background-repeat:no-repeat;box-shadow:none}
#main-content .page-heading::before,#main-content .page-heading::after,#main-content .im-heading::before,#main-content .im-heading::after{display:none}
#main-content .page-heading>.container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:180px;gap:20px}
#main-content .page-heading h1{order:1;max-width:760px;margin:0!important;color:#102e50;font-size:clamp(36px,4vw,58px)!important;font-weight:400;line-height:1.13;letter-spacing:-.025em;text-wrap:balance}
#main-content .page-heading .breadcrumbs{order:2;max-width:750px;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.6;color:#526b80}
#main-content .breadcrumbs ol{flex-wrap:wrap;row-gap:5px}.page-heading .breadcrumbs a{color:#0068bd}.page-heading .breadcrumbs [aria-current]{color:#102e50}
#main-content .im-heading{padding:36px 32px;margin-bottom:26px;min-height:265px;border-radius:4px}
#main-content .im-heading h1{font-size:clamp(36px,4vw,58px);max-width:720px;line-height:1.13;letter-spacing:-.025em}
#main-content .im-heading p{max-width:650px}#main-content .im-eyebrow{color:#0068bd}#main-content .im-week-badge{background:#ffffffd9}
@media(min-width:1600px){#main-content .page-heading{background-size:cover,60% auto}}
@media(max-width:800px){#main-content .page-heading,#main-content .im-heading{min-height:235px;padding-block:30px;background-image:linear-gradient(90deg,#f6f9fcf5 0%,#f6f9fce8 45%,#f6f9fc99 100%),url('church-heading.jpg');background-size:cover,auto 130%;background-position:center,right center}#main-content .page-heading>.container{min-height:175px;gap:20px}#main-content .page-heading h1{max-width:100%;font-size:36px!important}#main-content .im-heading{padding:26px 22px}#main-content .im-heading h1{font-size:36px}#main-content .page-heading .breadcrumbs{font-size:12px}}
@media(max-width:400px){#main-content .page-heading h1{font-size:31px!important}#main-content .im-heading h1{font-size:32px}}
@media(min-width:801px){#main-content .page-heading,#main-content .im-heading{background-size:cover,60% auto;background-image:linear-gradient(90deg,#f6f9fc 0%,#f6f9fc 40%,#f6f9fcf5 50%,#f6f9fc99 67%,#f6f9fc08 95%),url('church-heading.jpg')}}
/* Fit the complete source photo rather than cropping the roof or foundations. */
#main-content .page-heading,#main-content .im-heading{background-size:cover,auto 100%;background-position:center,right center;background-image:linear-gradient(90deg,#f6f9fc 0%,#f6f9fc 45%,#f6f9fce6 61%,#f6f9fc66 78%,#f6f9fc00 96%),url('church-heading.jpg')}
@media(max-width:800px){#main-content .page-heading,#main-content .im-heading{padding-bottom:204px;background-size:cover,auto 190px;background-position:center,right bottom;background-image:linear-gradient(90deg,#f6f9fc 0%,#f6f9fc99 12%,#f6f9fc00 55%),url('church-heading.jpg')}#main-content .page-heading>.container{min-height:140px}#main-content .im-heading{padding-bottom:204px}}
#main-content .page-heading,#main-content .im-heading{background-image:none;background-color:#f6f9fc}
#main-content .page-heading::after,#main-content .im-heading::after{display:block;content:'';position:absolute;z-index:-1;inset:0 0 auto auto;width:auto;height:100%;aspect-ratio:800/526;background:url('church-heading.jpg') right center/contain no-repeat;mask-image:linear-gradient(90deg,transparent,#000 35%);border:0;border-radius:0;box-shadow:none;transform:none}
@media(max-width:800px){#main-content .page-heading::after,#main-content .im-heading::after{top:auto;bottom:0;height:190px;max-width:100%}}
/* Wider photograph, fitted in full, with a soft extension into the heading. */
#main-content .page-heading::after,#main-content .im-heading::after{width:56%;aspect-ratio:auto;height:100%;background-image:url('church-heading-new.jpg');background-position:right center;background-size:contain;mask-image:linear-gradient(90deg,transparent,#000 28%)}
@media(min-width:801px){#main-content .page-heading,#main-content .im-heading{min-height:300px}#main-content .page-heading>.container{min-height:216px}}
@media(max-width:800px){#main-content .page-heading,#main-content .im-heading{padding-bottom:220px}#main-content .page-heading::after,#main-content .im-heading::after{top:auto;bottom:0;width:100%;height:210px;max-width:100%;background-position:right bottom;mask-image:linear-gradient(90deg,transparent,#000 18%)}}
#main-content .page-heading::after,#main-content .im-heading::after{width:auto;aspect-ratio:3/2;mask-image:linear-gradient(90deg,transparent,#000 38%)}
@media(min-width:801px){#main-content .page-heading,#main-content .im-heading{min-height:340px}#main-content .page-heading>.container{min-height:256px}}
@media(max-width:800px){#main-content .page-heading::after,#main-content .im-heading::after{width:auto;height:210px;max-width:100%;mask-image:linear-gradient(90deg,transparent,#000 30%)}}
/* Close architectural crop with a shorter, better balanced title band. */
#main-content .page-heading,#main-content .im-heading{min-height:240px;padding-block:30px}
#main-content .page-heading>.container{min-height:180px;gap:18px}
#main-content .page-heading::after,#main-content .im-heading::after{width:48%;height:100%;aspect-ratio:auto;background-size:cover;background-position:66% 56%;mask-image:linear-gradient(90deg,transparent,#000 30%)}
@media(min-width:801px){#main-content .page-heading h1{max-width:720px;font-size:clamp(36px,3.7vw,52px)!important}#main-content .im-heading{padding:30px 32px}#main-content .im-heading h1{font-size:clamp(36px,3.7vw,52px)}}
@media(max-width:800px){#main-content .page-heading,#main-content .im-heading{padding-bottom:170px;min-height:0}#main-content .page-heading>.container{min-height:120px}#main-content .page-heading::after,#main-content .im-heading::after{top:auto;bottom:0;width:100%;height:160px;background-size:cover;background-position:65% 58%;mask-image:linear-gradient(90deg,transparent,#000 20%)}}