/* One shared gutter keeps the brand card and hero copy on the same axis. */
:root{--alya-header-gutter:8vw}
.top{padding-inline:var(--alya-header-gutter)}
.hero .hero-content{padding-inline:var(--alya-header-gutter)}
@media(max-width:900px),(max-height:560px){:root{--alya-header-gutter:6vw}}