/* Batista Vila Formosa — Sobre nós | Revisão editorial completa
 * Fonte: identidade oficial da igreja; escalas equilibradas em desktop/mobile.
 * Ritmo: escuro (hero), claro (história), escuro (missão),
 * claro (pastores), escuro (visita/rodapé).
 */
.about-page .main-nav a[aria-current="page"]{color:#a64131}
.about-page .about-hero{background:#2c201d;color:#fff;padding:48px 0 52px;min-height:0}
.about-page .about-hero-inner{
 display:grid;grid-template-columns:minmax(0,1.12fr) minmax(270px,.68fr);
 align-items:center;gap:clamp(32px,5vw,72px)
}
.about-page .about-hero-copy{min-width:0;max-width:665px}
.about-page .about-kicker{
 font:800 10px/1.5 var(--sans);letter-spacing:.18em;color:#ffc7af;
 margin:0 0 14px
}
.about-page .about-hero h1{
 font:500 clamp(49px,4.5vw,64px)/1.09 var(--serif);
 letter-spacing:-.058em;margin:0 0 18px;max-width:640px;
 text-wrap:balance;color:#fff
}
.about-page .about-hero h1 em{font-style:normal;color:#ffd2bd}
.about-page .about-hero-description{
 max-width:465px;color:#ead8d0;font-size:14px;line-height:1.72;margin:0 0 21px
}
.about-page .about-text-link{
 display:inline-flex;align-items:center;gap:15px;
 font:800 12px/1.5 var(--sans);color:#fff7f2;
 border-bottom:1px solid rgba(255,210,188,.68);padding-bottom:8px
}
.about-page .about-text-link:hover{color:#ffd1b9}
.about-page .about-hero-brand{
 display:flex;align-items:center;justify-content:center;
 width:100%;max-width:350px;margin-inline:auto
}
.about-page .about-official-symbol{
 display:block;width:min(100%,320px);height:auto;max-height:320px;
 object-fit:contain;filter:none!important;opacity:1
}
/* History: one left introduction + one continuous body, no arbitrary
   dividers attached to headings or subtitles. */
.about-page .about-story{background:#fffaf6;color:#322420;padding:67px 0 71px}
.about-page .about-story-grid{
 display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
 align-items:start;gap:clamp(38px,7vw,96px)
}
.about-page .about-story-intro{min-width:0}
.about-page .about-story .label{
 font:800 10px/1.5 var(--sans);letter-spacing:.18em;
 margin:0 0 14px;color:#ad4e3a
}
.about-page .about-story h2,
.about-page .about-values h2,
.about-page .about-section-head h2,
.about-page .about-visit h2{
 font:500 clamp(38px,3.65vw,52px)/1.12 var(--serif);
 letter-spacing:-.052em;margin:0;text-wrap:balance
}
.about-page .about-story h2{max-width:490px;color:#2c201d;border:0;padding:0}
.about-page .about-story h2 em{font-style:normal;color:#a74935}
.about-page .about-story-text{
 border:0;padding:0;margin:0;max-width:695px;min-width:0
}
.about-page .about-story-date{
 color:#a64734!important;font-size:12px!important;
 font-weight:800;letter-spacing:.04em;margin:0 0 17px!important
}
.about-page .about-story-text p{
 color:#5c4c44;font-size:14px;line-height:1.79;margin:0 0 15px
}
.about-page .about-story-text p:last-child{margin-bottom:0}
.about-page .about-story-text strong{color:#49362d;font-weight:750}
/* Mission and beliefs in their own band */
.about-page .about-values{background:#382823;color:#fff;padding:62px 0 67px}
.about-page .about-values-head{margin-bottom:25px}
.about-page .about-values h2{color:#fff}
.about-page .about-values h2 em{color:#ffc2aa;font-style:normal}
.about-page .about-values-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px}
.about-page .about-value{min-width:0;max-width:560px}
.about-page .about-value-index{
 font:800 10px/1.55 var(--sans);letter-spacing:.16em;
 color:#eab69e;margin:0 0 12px
}
.about-page .about-value h3{
 color:#fff;font:500 clamp(24px,2.7vw,34px)/1.18 var(--serif);
 letter-spacing:-.045em;margin:0 0 11px
}
.about-page .about-value>p:last-child{
 color:#e7d6ce;font-size:14px;line-height:1.78;margin:0;max-width:530px
}
/* Pastoral team: compact verified names, never placeholder photography. */
.about-page .about-leadership{background:#fffaf6;color:#2c201d;padding:65px 0 74px}
.about-page .about-section-head{
 display:flex;justify-content:space-between;align-items:end;
 gap:45px;margin-bottom:28px
}
.about-page .about-section-head .label{
 font:800 10px/1.5 var(--sans);color:#a84734;
 letter-spacing:.18em;margin:0 0 14px
}
.about-page .about-section-head h2{color:#2c201d}
.about-page .about-section-head h2 em{color:#ab4a35;font-style:normal}
.about-page .about-section-head>p{
 color:#6c5a52;max-width:265px;margin:0;
 font-size:13px;line-height:1.7
}
.about-page .pastor-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 max-width:760px;gap:14px
}
.about-page .pastor-card{
 display:flex;flex-direction:column;gap:20px;align-items:flex-start;
 min-width:0;min-height:188px;padding:22px 19px 21px;
 background:#fff;border:1px solid #e8dcd4;border-radius:9px;
 box-shadow:none
}
.about-page .pastor-portrait{
 width:63px;height:63px;aspect-ratio:1;flex:none;
 display:grid;place-items:center;background:#f8e8df;
 border:1px solid #efd3c6;border-radius:12px;
 overflow:hidden;position:static
}
.about-page .pastor-portrait::after{content:none}
.about-page .pastor-portrait>span{
 color:#a94a37;font:500 29px/1 var(--serif);
 letter-spacing:-.035em;z-index:auto
}
.about-page .pastor-meta{padding:0;min-width:0}
.about-page .pastor-meta>span{
 display:block;color:#a84a38;font:800 9px/1.5 var(--sans);
 letter-spacing:.12em;margin:0 0 9px
}
.about-page .pastor-meta h3{
 color:#342620;font:500 clamp(21px,2vw,28px)/1.16 var(--serif);
 letter-spacing:-.04em;margin:0;overflow-wrap:normal
}
/* Concise concluding CTA */
.about-page .about-visit{background:#2c201d;color:#fff;padding:57px 0 63px}
.about-page .about-visit-inner{
 display:flex;justify-content:space-between;align-items:center;gap:45px
}
.about-page .about-visit h2{color:#fff}
.about-page .about-visit h2 em{color:#ffd0bc;font-style:normal}
.about-page .about-visit p:not(.about-kicker){
 max-width:520px;color:#ebd8ce;font-size:14px;
 line-height:1.72;margin:12px 0 0
}
.about-page .about-visit .button{
 flex:none;min-height:49px;padding:13px 18px;
 border-radius:9px
}
.about-page .footer{border-top:1px solid rgba(255,230,218,.20)}
@media(max-width:1100px){
 .about-page .about-hero-inner{grid-template-columns:minmax(0,1fr) minmax(200px,.55fr);gap:32px}
 .about-page .about-official-symbol{max-width:265px}
 .about-page .about-story-grid{gap:38px}
 .about-page .pastor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about-page .pastor-card{min-height:168px}
 .about-page .pastor-meta h3{font-size:26px}
}
@media(max-width:880px){
 .about-page .about-hero{padding:47px 0 53px}
 .about-page .about-hero-inner{grid-template-columns:minmax(0,1fr) minmax(175px,.5fr);gap:24px}
 .about-page .about-hero h1{font-size:clamp(44px,5.8vw,57px)}
 .about-page .about-official-symbol{max-width:215px}
 .about-page .about-story-grid{grid-template-columns:1fr;gap:23px}
 .about-page .about-story{padding:54px 0 59px}
 .about-page .about-values{padding:53px 0 59px}
 .about-page .about-values-grid{gap:27px}
 .about-page .about-leadership{padding:56px 0 61px}
 .about-page .about-visit{padding:54px 0 59px}
 .about-page .about-visit-inner{gap:22px}
}
@media(max-width:640px){
 .about-page .about-hero{padding:42px 0 46px}
 .about-page .about-hero-inner{grid-template-columns:1fr;gap:24px}
 .about-page .about-hero h1{font-size:clamp(42px,9.6vw,54px);margin-bottom:16px}
 .about-page .about-hero-description{font-size:14px;margin-bottom:18px}
 .about-page .about-hero-brand{max-width:172px;justify-content:center}
 .about-page .about-official-symbol{width:100%;max-width:172px;max-height:none}
 .about-page .about-story{padding:49px 0 52px}
 .about-page .about-story h2,.about-page .about-values h2,.about-page .about-section-head h2,.about-page .about-visit h2{
  font-size:clamp(37px,8.6vw,45px)
 }
 .about-page .about-story-text p{font-size:14px;line-height:1.75}
 .about-page .about-values{padding:47px 0 52px}
 .about-page .about-values-grid{grid-template-columns:1fr;gap:27px}
 .about-page .about-values-head{margin-bottom:24px}
 .about-page .about-value h3{font-size:29px}
 .about-page .about-section-head{flex-direction:column;align-items:start;gap:12px;margin-bottom:21px}
 .about-page .about-section-head>p{max-width:450px}
 .about-page .pastor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .about-page .pastor-card{min-height:160px;padding:17px 13px;gap:16px}
 .about-page .pastor-portrait{width:54px;height:54px}
 .about-page .pastor-portrait>span{font-size:25px}
 .about-page .pastor-meta h3{font-size:clamp(18px,5vw,22px)}
 .about-page .pastor-meta>span{font-size:8px;letter-spacing:.08em}
 .about-page .about-visit-inner{flex-direction:column;align-items:flex-start}
 .about-page .about-visit{padding:46px 0 54px}
}
@media(max-width:365px){
 .about-page .pastor-grid{grid-template-columns:1fr}
 .about-page .pastor-card{min-height:0;flex-direction:row;align-items:center;gap:17px}
}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto}}


/* Same gentle details on standalone About page, after its own stylesheet. */
.about-page .footer{
  background:#fffaf7;
  color:#352722;
  border-top:1px solid #e8d5cb;
}
@media(hover:hover) and (pointer:fine){
  .about-page .pastor-card{
    transition:transform .22s cubic-bezier(.22,.61,.36,1),border-color .22s ease,box-shadow .22s ease;
  }
  .about-page .pastor-card:hover{
    transform:translateY(-2px);
    border-color:#dbb7a4;
    box-shadow:0 9px 22px rgba(44,30,25,.055);
  }
}
@media(prefers-reduced-motion:reduce){
  .about-page .pastor-card{
    transition:none!important;
    transform:none!important;
  }
}


/* SAME HERO IDENTITY AS HOME — 2026-10-17
 * Match the Home's emblem + two-line institutional name on the right.
 * Preserve a compact About intro and mobile legibility.
 */
.about-page .about-hero{
 background:#281d1a;
 overflow:hidden;
}
.about-page .about-hero-inner{
 grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
 column-gap:clamp(36px,5.5vw,94px);
 row-gap:24px;
 align-items:center;
 min-height:clamp(315px,40svh,405px);
}
.about-page .hero-identity-feature.about-hero-brand{
 grid-area:auto;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 gap:13px;
 max-width:470px;
 width:100%;
 min-width:0;
 margin:0 auto;
 opacity:1;
 pointer-events:auto;
 text-align:center;
}
.about-page .hero-identity-feature.about-hero-brand img{
 display:block;
 width:clamp(200px,23vw,304px);
 height:auto;
 max-width:100%;
 max-height:none;
 object-fit:contain;
 filter:none!important;
 opacity:1;
}
.about-page .hero-identity-feature.about-hero-brand .hero-identity-feature-type{
 width:100%;
 opacity:1;
}
@media(max-width:1100px){
 .about-page .about-hero-inner{
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:28px;
 }
 .about-page .hero-identity-feature.about-hero-brand img{width:clamp(175px,23vw,260px)}
}
@media(max-width:880px){
 .about-page .about-hero-inner{
  grid-template-columns:minmax(0,1fr);
  min-height:0;
  gap:24px;
 }
 .about-page .hero-identity-feature.about-hero-brand{
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  align-self:start;
  gap:18px;
  max-width:100%;
  margin:0;
  text-align:left;
 }
 .about-page .hero-identity-feature.about-hero-brand img{
  width:104px;
  max-width:none;
  flex:none;
 }
 .about-page .hero-identity-feature.about-hero-brand .hero-identity-feature-type{
  width:auto;
  align-items:flex-start;
  text-align:left;
  gap:5px;
 }
}
@media(max-width:640px){
 .about-page .about-hero-inner{gap:20px}
 .about-page .hero-identity-feature.about-hero-brand{gap:12px}
 .about-page .hero-identity-feature.about-hero-brand img{width:80px}
 .about-page .hero-identity-feature.about-hero-brand .hero-identity-feature-type strong{
  font-size:clamp(25px,6vw,30px);
 }
}
@media(max-width:390px){
 .about-page .hero-identity-feature.about-hero-brand img{width:68px}
 .about-page .hero-identity-feature.about-hero-brand .hero-identity-feature-type strong{font-size:25px}
}