.hm{max-width:var(--max);margin:0 auto;padding:clamp(48px,7vh,88px) var(--borda);box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,110px)}
.hm-texto{display:flex;flex-direction:column;gap:clamp(28px,4vh,44px)}
.hm-texto .eyebrow{color:var(--tinta-suave)}
.hm-corpo{display:flex;flex-direction:column;gap:clamp(28px,4vh,40px)}
.hm h1{font-weight:300;font-size:clamp(2.4rem,3.6vw,3.6rem);line-height:1.05;letter-spacing:-.035em;margin:0;color:var(--tinta)}
.hm-pe{border-top:1px solid var(--linha);padding-top:28px;max-width:30rem}
.hm-pe p{font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.55;color:var(--tinta-suave);margin:0 0 28px;max-width:34ch}
.hm-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px}
.hm-ctas .btn{width:298px;height:50px;white-space:nowrap}
.hm-link{font:500 .78rem/1 var(--fonte);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta);text-decoration:none;background:var(--areia-clara);border:1px solid var(--areia-clara);box-sizing:border-box;width:298px;height:50px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:.6em;white-space:nowrap;transition:background .25s,border-color .25s}
.hm-link:hover{background:var(--areia);border-color:var(--areia)}
.hm-link span{display:inline-block;transition:transform .25s}.hm-link:hover span{transform:translateX(4px)}
.hm-foto{margin:0;display:flex;flex-direction:column;gap:12px}
.hm-foto img{width:100%;aspect-ratio:6/7;object-fit:cover;object-position:center 38%;display:block}
.hm-foto figcaption a{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-suave);text-decoration:none}
@media (max-width:860px){
.hm{grid-template-columns:1fr;padding:36px var(--borda) 48px;gap:32px}
.hm h1{font-size:clamp(2rem,9.4vw,3.2rem)}
.hm-pe{border:0;padding:0}
.hm-pe p{margin-bottom:24px}
.hm-foto img{aspect-ratio:4/5}
.hm-ctas .btn{font-size:.72rem;gap:.5em;width:266px;height:46px}
.hm-ctas .btn svg{width:16px;height:16px}
.hm-ctas .hm-link{font-size:.72rem;gap:.5em;width:266px;height:46px}
}
@media (max-width:400px){
.hm-ctas{gap:14px 20px}
.hm-ctas .btn{font-size:.68rem;width:100%;height:44px}
.hm-ctas .hm-link{font-size:.68rem;width:100%;height:44px}
}
.manifesto figure.img45 img{aspect-ratio:4/5}
