/* Nossa história — fotografia autêntica da fachada, reutilizada da seção Visita.
   Contorno quente, enquadramento natural e texto editorial sem sobreposição. */
.about-page .about-story-intro{min-width:0;}
.about-page .about-story-photo{
  position:relative;
  width:100%;
  max-width:480px;
  aspect-ratio:4 / 3;
  overflow:hidden;
  margin:clamp(25px,3vw,36px) 0 0;
  border:1px solid rgba(151,83,56,.19);
  border-radius:15px;
  background:#e4d9d0;
  box-shadow:0 18px 43px rgba(53,34,25,.12);
}
.about-page .about-story-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 42%;
  filter:saturate(.94) contrast(1.025);
}
.about-page .about-story-photo::after{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,245,239,.08),transparent 40%,rgba(43,26,20,.15));
}
@media(max-width:880px){
  .about-page .about-story-photo{
    max-width:620px;
    margin-top:23px;
    aspect-ratio:16 / 10;
  }
  .about-page .about-story-photo img{object-position:50% 30%;}
}
@media(max-width:640px){
  .about-page .about-story-photo{
    width:100%;
    max-width:none;
    margin-top:22px;
    aspect-ratio:16 / 10;
    border-radius:12px;
    box-shadow:0 12px 28px rgba(53,34,25,.09);
  }
  .about-page .about-story-photo img{object-position:50% 27%;}
}
@media(prefers-reduced-motion:reduce){
  .about-page .about-story-photo img{transition:none!important;}
}
/* Alinhamento editorial: cabeçalho acima, foto e relato no mesmo eixo.
   Mantém fotografia, textos e demais páginas inalterados. */
@media(min-width:881px){
  .about-page .about-story-grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    grid-template-areas:"intro intro" "photo text";
    align-items:start;
    column-gap:clamp(35px,5vw,68px);
    row-gap:clamp(23px,2.6vw,33px);
  }
  .about-page .about-story-intro{
    grid-area:intro;
    max-width:none;
  }
  .about-page .about-story h2{max-width:none;}
  .about-page .about-story-photo{
    grid-area:photo;
    max-width:none;
    margin:0;
    aspect-ratio:16 / 10;
  }
  .about-page .about-story-text{grid-area:text;}
}
@media(max-width:880px){
  .about-page .about-story-grid{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"intro" "photo" "text";
    row-gap:23px;
    align-items:start;
  }
  .about-page .about-story-intro{grid-area:intro;}
  .about-page .about-story-photo{
    grid-area:photo;
    margin:0;
  }
  .about-page .about-story-text{grid-area:text;}
}
@media(max-width:640px){
  .about-page .about-story-grid{row-gap:20px;}
  .about-page .about-story-photo{margin:0;}
}