.inner-grid {
    grid-column: 2/12;
    padding-block: 10dvh;
}

.name {
    line-height: 0.85;
    grid-column: span 5 !important;
    letter-spacing: initial;
    font-weight: 400;
}

@media (max-width: 500px) {
    .name {
        font-size: var(--font-size-6);
        line-height: var(--line-height-6);
    }
}

.contact {
    display: flex;
    flex-direction: column;
    gap: calc(var(--grid-gutter) / 2);
    flex-wrap: wrap;
    align-items: start;
    height: fit-content;
}

a {
    color: var(--text-clr);
}