/* OAK ROUTE V3.1 — apenas os refinamentos aprovados sobre a V3.0 */
/* 1 — Identidade do cabeçalho: escala ligeiramente mais discreta */
.brand img{width:clamp(175px,17.2vw,250px);max-height:60px}
/* 2 — Aproveitamento vertical do hero, sem alterar proporções internas */
.hero{min-height:clamp(708px,calc(100svh - var(--header-height) - 50px),860px)}
.hero-feature{padding-top:35px;padding-bottom:30px}
/* 3 — Aproximar a introdução da faixa de arabescos */
.concept{padding-top:18px}
.concept-intro{padding-top:38px;padding-bottom:68px}
/* 4 — Blocos OAK e ROUTE: reduzir tipografia e alturas, sem alterar arte/textos */
.concept-panel{min-height:645px;padding-top:clamp(43px,4.2vw,74px);padding-bottom:clamp(43px,4.2vw,74px)}
.panel-content{min-height:510px}
.concept-panel h3.brand-display img{height:clamp(43px,4.6vw,72px)}
.brand-subtitle{font-size:clamp(27px,2.55vw,39px)}
.panel-prose{margin-top:clamp(29px,3.35vw,51px)}
/* 5 — Cabeçalho do brasão segue a nova escala visual de OAK/ROUTE */
.crest-story h3.brand-display{font-family:Horizon,'Arial Black',Impact,Arial,sans-serif;font-size:clamp(45px,4.25vw,69px);letter-spacing:-.04em}
/* 6 — Transição para ORIGEM e tipografia central da edição */
.crest-story{padding-bottom:clamp(80px,7.7vw,128px)}
.origin{padding-top:50px}
.origin-heading h2{font-size:clamp(82px,13.15vw,198px)}
/* 7 — Rodapé: posições invertidas sem alterar os links ou logo central */
.footer-nav{grid-column:1;grid-row:1;align-items:flex-start}
.footer-emblem{grid-column:2;grid-row:1}
.footer-contact{grid-column:3;grid-row:1;align-items:flex-end;text-align:right}
.footer-contact .footer-social{justify-content:flex-end}
.footer-copyright{font-size:9px}
/* Responsividade: preservar o empilhamento editorial da V3.0 */
@media(max-width:1200px){
 .concept-panel{min-height:660px}
 .panel-content{min-height:535px}
}
@media(max-width:760px){
 .brand img{width:176px;max-height:54px}
 .hero{min-height:auto;padding-top:12px}
 .hero-feature{padding-top:89px;padding-bottom:0}
 .concept{padding-top:12px}
 .concept-intro{padding-top:37px;padding-bottom:54px}
 .concept-panel{min-height:620px;padding-top:55px;padding-bottom:55px}
 .panel-content{min-height:490px}
 .concept-panel h3.brand-display img{height:clamp(48px,8vw,67px)}
 .brand-subtitle{font-size:clamp(29px,5.35vw,38px)}
 .panel-prose{margin-top:30px}
 .crest-story h3.brand-display{font-size:clamp(39px,7.5vw,56px)}
 .crest-story{padding-bottom:76px}
 .origin{padding-top:66px}
 .origin-heading h2{font-size:clamp(69px,14.5vw,126px)}
 .footer-nav{grid-column:1;grid-row:2;align-items:flex-start}
 .footer-emblem{grid-column:1/-1;grid-row:1}
 .footer-contact{grid-column:2;grid-row:2;align-items:flex-end;text-align:right}
}
@media(max-width:440px){
 .brand img{width:150px;max-height:46px}
 .hero-feature{padding-top:83px}
 .concept-panel{min-height:630px;padding-top:48px;padding-bottom:48px}
 .panel-content{min-height:528px}
 .concept-panel h3.brand-display img{height:48px}
 .brand-subtitle{font-size:30px}
 .origin-heading h2{font-size:clamp(62px,14.5vw,77px)}
 .footer-copyright{font-size:8.5px}
}