/* ACK Tena: verified content imagery + strict black/white/blue palette.
   Loaded LAST in base.html, after page-level and editorial styles.
   Only content photos get decorative cropping; logos/icons stay untouched. */
:root{
  --gold:#087CB8;--gold-light:#087CB8;
  --secondary-color:#087CB8;--secondary-light:#087CB8;
  --academy-gold:#087CB8;--brand-blue:#087CB8;
  --brand-ink:#080B10;--brand-white:#FFFFFF;
  --photo-shadow:0 22px 50px rgba(0,0,0,.12);
  --photo-curve:clamp(60px,10vw,155px);
}
/* Core photo silhouette: deliberately same large alternating curves as HERO */
#main-content .academy-hero-photo,
#main-content .academy-about-photo > img,
#main-content .welcome-image > img,
#main-content .about-main-image,
#main-content .welcome-image-wrapper > img,
#main-content .about-image-wrapper > img,
#main-content .pastor-image-wrapper > img,
#main-content .church-content-photo{
  border-radius:34% 30px 32% 30px!important;
  box-shadow:var(--photo-shadow)!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block;
}
#main-content .academy-about-photo > img,
#main-content .welcome-image > img,
#main-content .about-main-image,
#main-content .church-content-photo{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
}
#main-content .academy-about-photo{
  isolation:isolate!important;
  overflow:visible!important;
  position:relative!important;
}
#main-content .academy-about-photo > img{position:relative;z-index:1}
#main-content .academy-about-photo::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:2px 14px 18px -8px!important;
  border-radius:38% 35px 34% 35px!important;
  transform:rotate(-6deg)!important;
  background:rgba(8,124,184,.13)!important;
  z-index:0!important;
}
#main-content .academy-about-photo-tag{
  z-index:3!important;
  color:var(--brand-ink)!important;
  background:#fff!important;
}
#main-content .academy-about-photo-tag i{color:var(--brand-blue)!important}
#main-content .academy-hero-visual::before{
  background:rgba(8,124,184,.13)!important;
  transform:rotate(-6deg)!important;
  border-radius:38% 35px 34% 35px!important;
}
#main-content .academy-hero-photo{border-radius:34% 30px 32% 30px!important}
/* Content previews, cards, gallery, leadership and About team photographs */
#main-content :is(
  .ministry-image-sm,.ministry-image,.event-card-image,.event-image,
  .department-image,.home-gallery-item,.gallery-item,.photo-card,
  .photo-img-wrapper,.sermon-thumbnail,.leader-photo,
  .about-vicar-image,.about-team-image
){
  overflow:hidden!important;
  border-radius:32% 16px 28% 16px!important;
  background:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.07);
}
#main-content :is(
  .ministry-image-sm,.ministry-image,.event-card-image,.event-image,
  .department-image,.home-gallery-item,.gallery-item,.photo-card,
  .photo-img-wrapper,.sermon-thumbnail,.leader-photo,
  .about-vicar-image,.about-team-image
) img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:32% 16px 28% 16px!important;
}
#main-content .about-vicar-image{height:260px!important}
#main-content .about-team-image{
  width:90px!important;
  height:90px!important;
  margin-inline:auto;
  flex:none;
  border-radius:32% 10px 28% 10px!important;
}
#main-content .about-team-image img{border-radius:32% 10px 28% 10px!important}
/* De-gold the scroll indicator and back-to-top action */
.scroll-progress-bar{
  background:#087CB8!important;
  background-image:none!important;
  box-shadow:none!important;
}
#backToTop{
  background:#087CB8!important;
  background-image:none!important;
  border:1px solid #087CB8!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
}
#backToTop:hover{background:#080B10!important;border-color:#080B10!important}
#backToTop i{color:#fff!important}
/* Heading accent bars, badges, text and icon accents */
#main-content :is(.section-subtitle--gold,.section-subtitle,.academy-section-kicker,.academy-eyebrow),
#main-content .section-header .section-subtitle{color:#087CB8!important}
#main-content :is(.academy-eyebrow-dot,.academy-visual-mark,.academy-proof-icon){
  background:#087CB8!important;color:#fff!important;box-shadow:none!important
}
#main-content .section-title::after,
#main-content .footer-title::after{background:#087CB8!important}
#main-content .section[style] .section-subtitle{color:#087CB8!important}
#main-content .testimonials-section .fa-user{color:#087CB8!important}
#main-content .service-icon,#main-content .ministry-icon{background:rgba(8,124,184,.09)!important;color:#087CB8!important}
/* Shared main CTAs: blue fill, white lettering. Every secondary action is outlined. */
#main-content :is(
  .btn-primary,.btn-view-all,.academy-button-primary,.cta-btn-gold,
  .newsletter-btn,.btn-give-footer
),
.navbar .nav-menu--grouped .nav-give-btn{
  background:#087CB8!important;
  background-image:none!important;
  color:#fff!important;
  border:1.5px solid #087CB8!important;
  text-decoration:none!important;
}
#main-content :is(
  .btn-primary,.btn-view-all,.academy-button-primary,.cta-btn-gold,
  .newsletter-btn,.btn-give-footer
):hover,
.navbar .nav-menu--grouped .nav-give-btn:hover{
  background:#066895!important;
  background-image:none!important;
  border-color:#066895!important;
  color:#fff!important;
}
#main-content :is(.btn-outline,.academy-button-secondary,.btn-secondary,.cta-btn-outline-white){
  background:#fff!important;
  background-image:none!important;
  color:#087CB8!important;
  border:1.5px solid #087CB8!important;
}
#main-content :is(.btn-outline,.academy-button-secondary,.btn-secondary,.cta-btn-outline-white):hover{
  background:rgba(8,124,184,.08)!important;
  background-image:none!important;
  border-color:#087CB8!important;
  color:#087CB8!important;
}
/* JOIN US / ready to join: white heading on saturated blue panel;
   previously the global dark-heading override made it effectively invisible. */
#main-content .cta-section{
  display:block!important;
  position:relative!important;
  isolation:isolate!important;
  padding:clamp(76px,9vw,120px) 24px!important;
  min-height:330px;
  background:#087CB8!important;
  background-image:none!important;
  color:#fff!important;
}
#main-content .cta-section::before{
  content:none!important;
  display:none!important;
}
#main-content .cta-section .cta-wrapper{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:850px;
  margin:0 auto;
  text-align:center;
}
#main-content .cta-section .cta-title{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  color:#fff!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(2.2rem,4.5vw,3.9rem)!important;
  font-weight:750!important;
  letter-spacing:-.045em;
  line-height:1.14;
  margin:0 0 21px!important;
}
#main-content .cta-section .cta-text,
#main-content .cta-section .cta-description{
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  font-size:clamp(1rem,1.5vw,1.15rem)!important;
  line-height:1.75!important;
  max-width:670px;
  margin:0 auto 27px!important;
}
#main-content .cta-section .cta-buttons{
  display:flex!important;
  justify-content:center!important;
  align-items:center;
  flex-wrap:wrap!important;
  gap:14px!important;
  visibility:visible!important;
  opacity:1!important;
}
#main-content .cta-section .cta-buttons .btn-primary{
  background:#fff!important;
  color:#087CB8!important;
  border:2px solid #fff!important;
  background-image:none!important;
}
#main-content .cta-section .cta-buttons .btn-primary:hover{
  background:#080B10!important;
  border-color:#080B10!important;
  color:#fff!important;
}
#main-content .cta-section .cta-buttons .btn-outline{
  background:#fff!important;
  color:#087CB8!important;
  border:2px solid #087CB8!important;
  box-shadow:0 0 0 1px #fff!important;
}
#main-content .cta-section .cta-buttons .btn-outline:hover{background:#080B10!important;color:#fff!important;border-color:#080B10!important;box-shadow:none!important}
/* Global essentials including announcements */
.navbar .nav-menu--grouped .dropdown-menu a:hover{color:#087CB8!important}
#main-content .service-card .service-time{color:#087CB8!important}
#main-content :is(.leader-role,.academy-about-photo-tag i){color:#087CB8!important}
@media(max-width:767px){
 #main-content .academy-about-photo > img{border-radius:100px 20px 70px 20px!important}
 #main-content .academy-hero-photo{border-radius:100px 20px 70px 20px!important}
 #main-content .cta-section{padding:70px 20px!important}
 #main-content .cta-section .cta-buttons .btn{width:min(100%,350px)!important}
}

/* Keep the approved Apple-inspired typography within the tracked branch.
   Local apple-refine.css is optional; this stylesheet should win when loaded last. */
body,button,input,select,textarea,#main-content .btn,.navbar .nav-menu--grouped .nav-link{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;
}
#main-content :is(h1,h2,h3,h4,h5,h6,.section-title,.academy-hero h1,.academy-about h2),
.navbar .logo-text{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.035em;
}
#main-content .academy-hero h1,#main-content .academy-about h2,#main-content .section-title{
  color:#080B10!important;
  font-weight:760!important;
}
#main-content .academy-hero h1 em,#main-content .academy-about h2 em{color:#087CB8!important}
#main-content .cta-section .cta-title{color:#fff!important}
.navbar{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)}
#main-content :is(.btn-primary,.btn-outline,.btn-view-all,.academy-button-primary,.academy-button-secondary){
  border-radius:999px!important;
  min-height:48px;
  font-weight:650!important;
}