.resume h2 {
    font-size: 1.5rem;
    margin-top: 2.5rem
}

.resume h3 {
    margin-top: 1.5rem
}

.card {
    min-width: 0
}

.project-card h2 {
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    overflow-wrap: anywhere
}

.tags li {
    font-weight: 600
}

.tag--analytics {
    background: #e4eff2;
    border-color: #9dbcc5 !important;
    color: #1f4e5d
}

.tag--platform {
    background: #e7f0e9;
    border-color: #a7c3ad !important;
    color: #28533a
}

.tag--integration {
    background: #eee9f5;
    border-color: #c3b5d6 !important;
    color: #513b72
}

.tag--operations {
    background: #f6eddc;
    border-color: #ddc18e !important;
    color: #75521a
}

.tag--community {
    background: #f5e6e0;
    border-color: #d6aaa0 !important;
    color: #713d34
}

.highlight {
    padding: .05em .2em .1em;
    border-radius: .18em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

.highlight--analytics {
    background: #e4eff2;
    color: #1f4e5d
}

.highlight--platform {
    background: #e7f0e9;
    color: #28533a
}

.highlight--integration {
    background: #eee9f5;
    color: #513b72
}

.highlight--operations {
    background: #f6eddc;
    color: #75521a
}

.highlight--community {
    background: #f5e6e0;
    color: #713d34
}

.about-profile {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    margin-bottom: var(--space-4)
}

.about-profile img {
    width: 96px;
    height: 96px;
    flex: 0 0 96px;
    object-fit: cover;
    border: 1px solid var(--color-border);
    border-radius: .25rem
}

@media(max-width:32rem) {
    .about-profile {
        display: block
    }

    .about-profile img {
        display: block;
        margin-bottom: var(--space-2)
    }
}

@media(forced-colors:active) {
    .highlight {
        background: transparent;
        color: inherit;
        outline: 1px solid currentColor
    }
}

.project-card .text-link {
    display: inline-block;
    margin-top: .5rem
}
.wordmark{display:inline-flex;align-items:center;gap:.75rem}.wordmark-portrait{display:block;width:32px;height:32px;flex:none;object-fit:cover;border:1px solid var(--color-border);border-radius:50%;clip-path:circle(50%)}(max-width:32rem){.wordmark-portrait{width:28px;height:28px}}
