.hero {
    width: 100%;
    height: 100%;
}

.hero .content{
    margin-left: var(--col24-2);
    margin-right: var(--col24-2)
}

.hero .content .eyebrow > * {
    font: var(--font-20-28);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.hero .content .title > * {
    font: var(--font-48-50);
    font-weight: var(--font-weight-bold);
}

.hero .content .description > * {
    font: var(--font-20-28);
    font-weight: var(--font-weight-medium);
}