/* Seção Sobre Claudia em formato de carta — versão 24 */
.site-header{gap:clamp(28px,5vw,80px)}
.header-branding{flex:0 1 auto;padding-right:0}
.site-header nav{margin-left:auto}

.about{
  display:block;
  padding:72px clamp(48px,8vw,130px) 60px;
  background:#f3f0ea;
}
.about-copy{
  position:relative;
  display:block;
  width:100%;
  max-width:820px;
  margin:0 auto;
  padding:132px clamp(42px,7vw,70px) 44px;
  border:1px solid #B8955F;
  background:rgba(255,255,255,.3);
  box-shadow:0 22px 52px rgba(44,38,30,.08);
  isolation:isolate;
}
.about-copy::before{
  content:"";
  position:absolute;
  inset:4px;
  z-index:-1;
  border:1px solid #B8955F;
  pointer-events:none;
}
.about-photo{
  position:absolute;
  float:none;
  top:-130px;
  left:auto;
  right:-110px;
  z-index:2;
  width:220px;
  height:260px;
  margin:0;
  padding:6px;
  border:1px solid #B8955F;
  background:#f3f0ea;
  box-shadow:0 12px 24px rgba(35,31,26,.18);
  transform:none;
}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.about-title{width:100%;margin:0 0 20px;text-align:center}
.about-title h2{
  display:inline-block;
  max-width:none;
  margin:0;
  color:var(--forest);
  font-family:"Playfair Display",serif;
  font-size:26px;
  font-weight:500;
  line-height:1.08;
  text-align:center;
}
.about-title h2 span{display:block;white-space:nowrap}
.about-title h2 span+span{margin-top:10px}
.bio-frame{display:block;padding:0;border:0;background:transparent}
.bio-frame p{
  margin:0 0 12px;
  color:#555954;
  font-size:.96rem;
  line-height:1.65;
  text-align:justify;
  hyphens:auto;
  -webkit-hyphens:auto;
}
.bio-frame strong{color:#343834;font-weight:600}
.about-cta{display:flex;width:max-content;margin:20px auto 0}
.about-credentials{
  clear:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(28px,6vw,58px);
  margin-top:24px;
}
.about-credentials>div{
  min-height:auto;
  padding:0;
  border:0;
  text-align:center;
}
.about-credentials .brokerage{align-items:center}
.about-credentials .rootquest-logo{width:180px;height:56px;object-fit:contain;object-position:center}
@media(max-width:760px){
  .site-header{gap:18px}
  .header-branding{min-width:0}
  .about{padding:82px 56px 64px}
  .about-copy{padding:128px 34px 42px}
  .about-photo{position:absolute;top:-82px;left:auto;right:-68px;width:136px;height:164px;margin:0;transform:none}
  .about-title h2{font-size:clamp(1.3rem,4.4vw,26px)}
}
@media(max-width:520px){
  .site-header{gap:10px}
  .about{padding:62px 48px 54px}
  .about-copy{padding:124px 24px 38px}
  .about-photo{top:-54px;right:-45px;width:90px;height:108px;margin:0}
  .about-title h2{font-size:clamp(1.06rem,5.3vw,1.55rem)}
  .bio-frame p{font-size:.93rem}
  .about-credentials{flex-direction:column;gap:22px}
}