.top-intro {
    max-width: 760px;
    padding: 4px 0 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.top-intro__title {
    font-size: 20px;
    font-weight: 600;
    color: var(--neutral-100);
}

.top-intro__desc {
    font-size: 14px;
    color: var(--neutral-300);
    line-height: 1.65;
}

.top-intro__meta {
    font-size: 13px;
    font-family: var(--font-mono);
    color: var(--neutral-400);
}

.top-panel-copy {
    max-width: 760px;
    margin-bottom: 1rem;
}

.top-panel-copy__title {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
    color: var(--neutral-100);
}

.top-panel-copy__desc {
    font-size: 14px;
    line-height: 1.55;
    color: var(--neutral-400);
}

@media (max-width: 700px) {
    .top-intro__meta {
        font-size: 11px;
    }

    .top-intro__desc,
    .top-panel-copy__desc {
        font-size: 12px;
    }
}