/* Seção Sobre em composição editorial: retrato + leitura confortável. */
.about{
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr);
  justify-content:stretch;
  align-items:center;
  gap:clamp(46px,8vw,150px);
  /* Mantém a seção na mesma escala visual do banner, sem cortar o CTA. */
  min-height:100svh;
  padding:clamp(64px,7vh,92px) 7%;
  background:var(--cream);
}

.about-image{
  width:100%;
  height:clamp(440px,62svh,600px);
  background-position:center;
  background-size:cover;
}

.about>div:last-child{
  padding:0;
}

.about .eyebrow{
  margin:2px 0 16px;
  font-size:10px;
  letter-spacing:3.2px;
}

.about h2{
  max-width:none;
  margin:0 0 24px;
  font-size:clamp(46px,4.3vw,64px);
  line-height:1.05;
}

.about p:not(.eyebrow){
  max-width:680px;
  margin:0 0 22px;
  font-size:16px;
  line-height:1.58;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  color:#403534;
}

.about a,.about-contact{
  display:inline-block;
  margin-top:15px;
  padding:13px 18px;
  border:1px solid currentColor;
  font-size:10px;
  letter-spacing:1.8px;
}

@media(max-width:820px){
  .about{display:block;min-height:0;padding:60px 8%}
  .about-image{max-width:400px;height:min(118vw,470px);margin:0 auto 42px}
  .about h2{font-size:clamp(38px,11vw,52px)}
  .about p:not(.eyebrow){font-size:16px;line-height:1.65;text-align:left}
}