/* Apresentação: a assinatura principal vem antes dos estudos de aplicação. */
.brand-hero{padding:44px 0 0;background:var(--paper);overflow:hidden}
.brand-hero-index{display:flex;justify-content:space-between;gap:20px;font:11px/1.4 var(--mono);color:var(--muted);letter-spacing:.05em}
.brand-hero-heading{font-size:clamp(20px,2.5vw,36px);letter-spacing:-.04em;line-height:1.2;white-space:normal;max-width:none;margin-top:32px;font-weight:400}
.brand-hero-canvas{display:flex;align-items:center;justify-content:center;min-height:clamp(180px,24vw,370px);padding:55px 4% 24px}
.brand-hero-logo{display:block;width:100%;height:auto;object-fit:contain;max-height:270px}
.brand-hero-tagline{text-align:center;font-size:clamp(23px,3.2vw,46px);letter-spacing:-.04em;line-height:1.15;margin:10px 0 62px}
.brand-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-bottom:35px}
.brand-hero-bottom p{max-width:490px;font-size:18px;line-height:1.45;color:var(--muted)}
.brand-chapters{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.brand-chapters a{display:flex;align-items:center;gap:20px;min-height:86px;text-decoration:none;font-size:15px;border-bottom:1px solid var(--line)}
.brand-chapters a span{font:11px/1 var(--mono);color:var(--blue)}
.brand-chapters a:hover{color:var(--blue)}
.section-pad{padding-top:clamp(72px,8vw,128px);padding-bottom:clamp(72px,8vw,128px)}
.manifesto{padding-bottom:80px}
.symbol-section{padding-top:76px}
.section-heading h2{font-size:clamp(48px,6vw,90px);line-height:1.02;letter-spacing:-.055em}
.pattern-stage{min-height:500px}
@media(max-width:760px){
 .brand-hero{padding-top:30px}
 .brand-hero-index{font-size:9px;gap:12px}
 .brand-hero-heading{font-size:23px;max-width:290px;margin-top:28px;white-space:normal}
 .brand-hero-canvas{min-height:160px;padding:40px 0 22px}
 .brand-hero-tagline{font-size:23px;max-width:280px;margin:0 auto 34px;text-wrap:balance}
 .brand-hero-bottom{display:block;padding-bottom:30px}
 .brand-hero-bottom p{font-size:16px;max-width:320px;margin-bottom:22px}
 .brand-hero-bottom .button{min-height:50px;font-size:13px}
 .brand-chapters{grid-template-columns:1fr 1fr;column-gap:20px}
 .brand-chapters a{min-height:62px;font-size:12px;gap:12px}
 .section-heading h2{font-size:46px}
 .manifesto{padding-bottom:60px}
 .symbol-section{padding-top:60px}
 .pattern-stage{min-height:480px}
}
@media(prefers-reduced-motion:reduce){.brand-hero *{animation:none!important;transition:none!important}}