/* Espaço dedicado à marca, sem sobrepor a primeira dobra. */
:root { --header-h: 208px; }
.site-header { padding: 12px 0; }
.site-header .header-inner { min-height: 184px; }
.site-header .brand { padding: 7px; border: 1px solid rgba(220,184,105,.26); border-radius: 20px; background: #090a09; box-shadow: 0 10px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05); overflow: hidden; }
.site-header .brand__logo { width: 168px; height: 168px; max-width: 100%; border-radius: 13px; object-fit: contain; }
.hero .hero__content { padding-top: calc(var(--header-h) + 24px); }
.site-header.is-scrolled { padding: 8px 0; }
.site-header.is-scrolled .header-inner { min-height: 88px; }
.site-header.is-scrolled .brand { padding: 3px; border-radius: 14px; }
.site-header.is-scrolled .brand__logo { width: 80px; height: 80px; border-radius: 10px; }
@media (max-width: 1100px) and (min-width: 821px) {
 :root { --header-h: 176px; }
 .site-header .header-inner { min-height: 152px; gap: 14px; }
 .site-header .brand__logo { width: 136px; height: 136px; }
 .desktop-nav { gap: 14px; }
}
@media (max-width: 820px) {
 :root { --header-h: 136px; }
 .site-header { padding: 10px 0; }
 .site-header .header-inner { min-height: 116px; }
 .site-header .brand { padding: 5px; border-radius: 16px; }
 .site-header .brand__logo { width: 104px; height: 104px; border-radius: 10px; }
 .site-header.is-scrolled .header-inner { min-height: 68px; }
 .site-header.is-scrolled .brand__logo { width: 60px; height: 60px; }
 .hero .hero__content { padding-top: calc(var(--header-h) + 20px); }
}