/**
 * hero.css
 */
.gh-hero {
    background-color: var(--gh-color-bg-alt);
    padding-top: var(--gh-space-16);
    padding-bottom: var(--gh-space-16);
    overflow: hidden;
}
@media (min-width: 64rem) {
    .gh-hero { padding-top: var(--gh-space-24); padding-bottom: var(--gh-space-24); }
}

.gh-hero__inner {
    display: flex;
    flex-direction: column;
    gap: var(--gh-space-10);
    align-items: center;
}
@media (min-width: 64rem) {
    .gh-hero__inner {
        flex-direction: row;
        gap: var(--gh-space-16);
        align-items: center;
    }
    .gh-hero__content { flex: 1 1 55%; }
    .gh-hero__media   { flex: 1 1 45%; }
}

.gh-hero__eyebrow {
    font-size: var(--gh-font-size-sm);
    font-weight: var(--gh-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--gh-color-primary);
    margin-bottom: var(--gh-space-4);
}
.gh-hero__heading {
    color: var(--gh-color-primary-dark);
    margin-bottom: var(--gh-space-6);
}
.gh-hero__text {
    font-size: var(--gh-font-size-lg);
    color: var(--gh-color-text-light);
    margin-bottom: var(--gh-space-8);
    line-height: var(--gh-line-height-relaxed);
}
.gh-hero__text p:last-child { margin-bottom: 0; }
.gh-hero__btn { font-size: var(--gh-font-size-lg); padding: var(--gh-space-4) var(--gh-space-10); }

.gh-hero__media { text-align: center; }
.gh-hero__img {
    border-radius: var(--gh-radius-lg);
    box-shadow: var(--gh-shadow-lg);
    object-fit: cover;
    width: 100%;
    max-height: 480px;
}