/* 2026 — Layout, type and footer refinement.
   Logo blue #087CB8, black #080B10, white #FFFFFF only. */
:root{--ref-blue:#087CB8;--ref-black:#080B10;--ref-white:#fff}
#main-content{
 --ref-heading-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;
}
/* A consistent, more readable section title scale across homepage and inner pages. */
#main-content :is(.section-title,.unified-heading h2,.discover-heading h2,.service-experience h2,.vision-feature h2,.join-invitation h2,.homepage-newsletter .newsletter-title,.homepage-pastor .section-title,.academy-about h2){
 font-family:var(--ref-heading-font)!important;
 font-size:clamp(2rem,3.6vw,3.55rem)!important;
 font-weight:740!important;
 line-height:1.22!important;
 letter-spacing:-.025em!important;
 text-wrap:balance;
 word-spacing:.035em;
}
#main-content :is(.unified-heading,.discover-heading,.service-experience-header){row-gap:22px!important}
#main-content :is(.section-header,.unified-heading,.discover-heading){margin-bottom:clamp(32px,4vw,52px)!important}
#main-content :is(.section-subtitle,.unified-eyebrow,.discover-eyebrow,.service-experience-eyebrow){
 letter-spacing:.12em!important;
 line-height:1.65!important;
}
/* Leadership: all three profiles form one horizontal row on desktop.
   Within each card the portrait is above left-aligned details. */
#main-content .homepage-leadership .unified-leadership-grid{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:20px!important;
 max-width:1180px;
 margin-inline:auto;
 align-items:stretch!important;
}
#main-content .homepage-leadership .unified-leadership-grid .leader-card{
 min-width:0!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:stretch!important;
 min-height:0!important;
 border-radius:27px!important;
 overflow:hidden!important;
 background:#fff!important;
}
#main-content .homepage-leadership .unified-leadership-grid .unified-leader-photo{
 position:relative!important;
 flex:0 0 auto!important;
 display:block!important;
 width:auto!important;
 height:clamp(240px,28vw,335px)!important;
 min-height:0!important;
 margin:12px 12px 0!important;
 border-radius:27% 16px 25% 16px!important;
 background:rgba(8,124,184,.1)!important;
 overflow:hidden!important;
}
#main-content .homepage-leadership .unified-leadership-grid .unified-leader-photo img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
 object-position:center 20%!important;
 border-radius:inherit!important;
}
#main-content .homepage-leadership .unified-leadership-grid .leader-photo-placeholder{
 width:100%!important;height:100%!important;min-height:0!important;
 background:rgba(8,124,184,.12)!important;
 display:grid!important;place-items:center!important;
}
#main-content .homepage-leadership .unified-leadership-grid .leader-photo-placeholder i{
 color:var(--ref-blue)!important;font-size:2.8rem!important;
}
/* Old blue photo badges must never render, including if local HTML still contains them. */
#main-content .homepage-leadership .leader-photo-role{
 display:none!important;
 visibility:hidden!important;
 background:none!important;
 box-shadow:none!important;
}
#main-content .homepage-leadership .unified-leadership-grid .leader-body{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 flex:1 1 auto!important;align-self:stretch!important;
 margin:0!important;padding:clamp(21px,2.8vw,32px)!important;
 text-align:left!important;
}
#main-content .homepage-leadership .leader-role{
 display:block!important;
 position:static!important;
 width:auto!important;
 min-height:0!important;
 padding:0!important;
 margin:0!important;
 border:0!important;
 border-radius:0!important;
 background:none!important;
 background-image:none!important;
 box-shadow:none!important;
 color:var(--ref-blue)!important;
 -webkit-text-fill-color:var(--ref-blue)!important;
 opacity:1!important;
 visibility:visible!important;
 font-size:.78rem!important;
 font-weight:760!important;
 letter-spacing:.08em!important;
 line-height:1.5!important;
 text-align:left!important;
 text-transform:uppercase!important;
}
#main-content .homepage-leadership .leader-name{
 color:var(--ref-black)!important;
 font-size:clamp(1.35rem,1.9vw,1.8rem)!important;
 letter-spacing:-.02em!important;font-weight:730!important;
 line-height:1.3!important;margin:13px 0 9px!important;
}
#main-content .homepage-leadership .leader-title{
 color:var(--ref-black)!important;font-size:.93rem!important;
 line-height:1.6!important;margin:0!important;opacity:.8!important;
}
@media(max-width:980px){
 #main-content .homepage-leadership .unified-leadership-grid{
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 #main-content .homepage-leadership .unified-leadership-grid .unified-leader-photo{
   height:290px!important;
 }
}
@media(max-width:700px){
 #main-content .homepage-leadership .unified-leadership-grid{
   grid-template-columns:1fr!important;max-width:480px;
 }
 #main-content .homepage-leadership .unified-leadership-grid .unified-leader-photo{
   height:310px!important;min-height:0!important;
 }
 #main-content .homepage-leadership .unified-leadership-grid .leader-body{
   padding:24px!important;
 }
 #main-content .homepage-leadership .leader-name{font-size:1.5rem!important}
}
/* Footer: an editorial invitation then three ordered columns. */
.site-footer.footer{
 padding:clamp(64px,7vw,100px) 0 0!important;
  background:rgba(255,255,255,.98)!important;
  background-image:none!important;
  color:#080B10!important;
}
.site-footer .footer-container{width:min(100% - 44px,1190px)!important;max-width:1190px!important;padding:0!important}
.site-footer .footer-intro{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:end;
 gap:30px;
 padding:0 0 clamp(42px,5vw,65px);
 margin-bottom:clamp(38px,4vw,55px);
 border-bottom:1px solid rgba(255,255,255,.25);
}
.site-footer .footer-intro-copy{max-width:675px}
.site-footer .footer-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.73rem;letter-spacing:.16em;line-height:1.5;font-weight:720;color:#080B10!important}
.site-footer .footer-kicker-dot{width:8px;height:8px;border-radius:50%;background:var(--ref-blue)}
.site-footer .footer-intro h2{color:#080B10!important;font-size:clamp(2rem,3.6vw,3.5rem)!important;line-height:1.2!important;letter-spacing:-.025em!important;font-weight:730!important;margin:18px 0!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif}
.site-footer .footer-intro p{max-width:570px;color:#080B10!important;font-size:1rem!important;line-height:1.8!important;margin:0!important;opacity:.86}
.site-footer .footer-main-cta{
 display:inline-flex!important;justify-content:center;align-items:center;gap:14px;min-height:52px;white-space:nowrap;
 padding:13px 28px!important;background:var(--ref-blue)!important;color:#fff!important;
 border:2px solid var(--ref-blue)!important;border-radius:999px!important;
 text-decoration:none!important;font-weight:720!important;box-shadow:none!important;
}
.site-footer .footer-main-cta:hover{background:#fff!important;border-color:#fff!important;color:var(--ref-blue)!important}
.site-footer .footer-grid{
 display:grid!important;
 grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr) minmax(0,1.15fr)!important;
 gap:clamp(36px,6vw,85px)!important;
 align-items:start!important;
}
.site-footer .footer-title{color:#080B10!important;font-weight:730!important;font-size:1.13rem!important;line-height:1.35!important;letter-spacing:-.01em!important;margin:0 0 24px!important}
.site-footer .footer-title::after{content:none!important;display:none!important}
.site-footer .quick-links-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.site-footer .footer-links{display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important;margin:0!important;list-style:none!important}
.site-footer .footer-links li{padding:0!important;margin:0!important;list-style:none!important}
.site-footer .footer-links a{color:#080B10!important;opacity:.9!important;font-size:.93rem!important;text-decoration:none!important;transition:color .2s!important}
.site-footer .footer-links a:hover{color:#087CB8!important;text-decoration:underline!important;text-underline-offset:4px}
.site-footer .footer-service-times{display:flex!important;flex-direction:column!important;gap:16px!important;margin:0!important;padding:0!important;list-style:none!important}
.site-footer .footer-service-times li{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;padding:0 0 13px!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,.17)!important}
.site-footer .footer-service-times span:first-child{font-weight:710!important;color:#080B10!important;line-height:1.4!important}
.site-footer .footer-service-times span:last-child{color:#080B10!important;opacity:.9!important;line-height:1.5!important;white-space:normal!important}
.site-footer .footer-contact{list-style:none!important;display:flex!important;flex-direction:column!important;gap:17px!important;margin:0 0 25px!important;padding:0!important}
.site-footer .footer-contact li{list-style:none!important;display:flex!important;align-items:flex-start!important;gap:13px!important;min-width:0!important}
.site-footer .footer-contact i{color:var(--ref-blue)!important;min-width:18px;margin-top:4px}
.site-footer .footer-contact span,.site-footer .footer-contact a{overflow-wrap:anywhere;color:#080B10!important;font-size:.93rem!important;line-height:1.65!important;text-decoration:none!important}
.site-footer .footer-contact a:hover{color:var(--ref-blue)!important}
.site-footer .footer-social{display:flex!important;gap:10px!important;flex-wrap:wrap}
.site-footer .social-link{display:inline-flex!important;width:41px!important;height:41px!important;justify-content:center!important;align-items:center!important;border:1.5px solid var(--primary-blue)!important;border-radius:50%!important;background:var(--primary-blue)!important;color:#fff!important}
.site-footer .social-link:hover{background:var(--ref-blue)!important}
.site-footer .footer-bottom{margin-top:60px!important;padding:20px 0 25px!important;border-top:1px solid rgba(255,255,255,.2)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:15px!important;flex-wrap:wrap}
.site-footer .footer-bottom p{color:#080B10!important;font-size:.81rem!important;opacity:.9!important;margin:0!important}
.site-footer .footer-credit i{color:var(--ref-blue)!important}
@media(max-width:1024px){
 .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:768px){
 .site-footer .footer-grid{grid-template-columns:1fr!important;gap:30px!important}
 .site-footer .footer-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;text-align:center!important;margin-top:40px!important}
}
@media(max-width:768px){
 .site-footer .footer-grid{grid-template-columns:1fr!important;gap:30px!important}
 .site-footer .footer-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;text-align:center!important;margin-top:40px!important}
}
@media(prefers-reduced-motion:reduce){.site-footer .footer-links a{transition:none!important}}
