.hero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.hero .eyebrow {
    position: relative;
    z-index: 1;
    margin-bottom: 12px;
}

.hero h1 {
    display: block;
    width: 100%;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.hero > p:last-child {
    margin-top: 18px;
}