/* Ornatio V44 — somente a seção Quem somos.
   Mesma paleta/tipografia da V43. Nenhum overlay, filtro ou corte na fotografia. */
#quem-somos{
  --about-gap:clamp(32px,4.5vw,64px);
  scroll-margin-top:100px;
}
#quem-somos .about-layout{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);
  align-items:center;
  column-gap:var(--about-gap);
}
#quem-somos .about-photo{
  margin:0;
  min-width:0;
  border-radius:3px;
  overflow:hidden;
  background:var(--pale);
}
#quem-somos .about-photo img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:contain;
}
#quem-somos .about-copy{min-width:0}
#quem-somos .about-eyebrow{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:22px;
  color:var(--wine);
}
#quem-somos .about-eyebrow span{
  display:block;
  flex:0 0 26px;
  height:3px;
  background:var(--chartreuse);
}
#quem-somos h2{
  max-width:16ch;
  color:var(--wine);
  font-size:clamp(36px,3.65vw,52px);
  line-height:1.08;
  letter-spacing:-.014em;
  margin:0 0 24px;
  text-wrap:pretty;
}
#quem-somos .about-body{
  max-width:44ch;
  color:var(--charcoal);
  font:400 16px/1.7 var(--body);
}
#quem-somos .about-body p{margin:0}
#quem-somos .about-body p+p{margin-top:16px}
/* Conteúdo é visível por padrão. A animação é melhoria progressiva. */
#quem-somos.about-enter .about-layout{
  animation:ornatio-about-enter .6s cubic-bezier(.2,.6,.2,1) both;
}
@keyframes ornatio-about-enter{
  from{opacity:.55;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:1050px) and (min-width:901px){
  #quem-somos .about-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:32px}
  #quem-somos h2{font-size:36px}
  #quem-somos .about-body{font-size:15px;line-height:1.65}
}
@media(max-width:900px){
  #quem-somos .about-layout{grid-template-columns:minmax(0,1fr);gap:30px}
  #quem-somos h2{max-width:22ch;font-size:clamp(34px,5.6vw,48px)}
  #quem-somos .about-body{max-width:62ch}
  #quem-somos .about-eyebrow{margin-bottom:16px}
}
@media(max-width:560px){
  #quem-somos{scroll-margin-top:84px}
  #quem-somos .about-layout{gap:26px}
  #quem-somos .about-copy{padding-inline:4px}
  #quem-somos h2{max-width:17ch;font-size:clamp(32px,8.8vw,42px);margin-bottom:20px}
  #quem-somos .about-body{font-size:15px;line-height:1.7}
  #quem-somos .about-body p+p{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){
  #quem-somos.about-enter .about-layout{animation:none;transform:none}
}