/* One shared composition for every homepage slide and the photo preview. */
.faithful main .hero:is(.approved-banner,.sg-proposed){height:550px!important;min-height:550px!important}
.faithful main .hero:is(.approved-banner,.sg-proposed) .hero-content{box-sizing:border-box;width:calc(100% - 128px)!important;max-width:920px!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:64px 0 100px!important;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;text-align:center!important}
.faithful main .hero:is(.approved-banner,.sg-proposed) .hero-copy{display:grid!important;width:100%!important;align-items:center;text-align:center}
.faithful main .hero:is(.approved-banner,.sg-proposed) .hero-copy-reserve{display:block!important;visibility:hidden;grid-area:1/1;pointer-events:none}
.faithful main .hero:is(.approved-banner,.sg-proposed) .hero-copy-current{grid-area:1/1}
.faithful main .hero:is(.approved-banner,.sg-proposed) :is(h1,.hero-slide-title){font-size:clamp(30px,3.1vw,44px)!important;line-height:1.15!important;max-width:100%!important;margin:0 auto!important;text-align:center!important;text-wrap:balance;overflow-wrap:break-word!important}
.faithful main .hero:is(.approved-banner,.sg-proposed) .eyebrow{color:#FFD58A!important;margin:0 0 18px!important;text-align:center}
.faithful main .hero:is(.approved-banner,.sg-proposed) .hero-actions{width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:12px!important;margin:26px auto 0!important}
@media(max-width:900px){
 .faithful main .hero:is(.approved-banner,.sg-proposed){height:500px!important;min-height:500px!important}
 .faithful main .hero:is(.approved-banner,.sg-proposed) .hero-content{width:calc(100% - 96px)!important;padding-block:50px 90px!important}
}
@media(max-width:600px){
 .faithful main .hero:is(.approved-banner,.sg-proposed){height:460px!important;min-height:460px!important}
 .faithful main .hero:is(.approved-banner,.sg-proposed) .hero-content{width:calc(100% - 80px)!important;padding:40px 0 86px!important}
 .faithful main .hero:is(.approved-banner,.sg-proposed) :is(h1,.hero-slide-title){font-size:clamp(21px,5.8vw,26px)!important;line-height:1.18!important;max-width:26ch!important}
 .faithful main .hero:is(.approved-banner,.sg-proposed) .eyebrow{font-size:10px!important;line-height:1.5;letter-spacing:.17em;margin-bottom:14px!important}
 .faithful main .hero:is(.approved-banner,.sg-proposed) .hero-actions{margin-top:20px!important;gap:8px!important;flex-wrap:nowrap!important}
 .faithful main .hero:is(.approved-banner,.sg-proposed) .hero-actions .button{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:40px!important;height:40px!important;padding:8px 14px!important;font-size:11px!important;line-height:1.2!important;gap:7px!important;border-radius:24px!important}
 .faithful main .hero:is(.approved-banner,.sg-proposed) .hero-actions .button:after{font-size:14px!important}
}