.case-study {
    position: relative;
}
.case-study .featured-image.col {
    padding: clamp(0.5rem, -0.64rem + 2.377vw, 1.5rem);
}
.case-study .featured-image.col img {
    height: 100%;
    width: 100%;
    object-fit: fill;
}
.case-study .content.col {
    padding: clamp(1rem, -0.14rem + 2.377vw, 2rem);
}

.case-study h4 {
    font-size: clamp(1.25rem, 0.965rem + 0.594vw, 1.5rem);
    font-weight: 600;
}

.case-study .chipbar {
    gap: 0.75rem;
}
.case-study .chipbar li {
    font-size: 1rem;
    font-weight: 500;
    background-color: var(--color-base3);
    padding: 0.1rem 0.5rem;
    border-radius: 4px;
}

.case-study .funding {
    font-size: clamp(1.25rem, 0.965rem + 0.594vw, 1.5rem);
}
.case-study .funding .count {
    font-size: clamp(1.375rem, 0.378rem + 2.08vw, 2.25rem);
    font-weight: 700;
}

.inline-list.dots {
    font-size: clamp(0.875rem, 0.733rem + 0.297vw, 1rem);
    gap: 0 0.75rem;
}
.inline-list.dots li {
    opacity: 0.72;
}
.inline-list.dots .circle {
    --_size: 6px;
    background-color: var(--color-accent);
    width: var(--_size);
    height: var(--_size);
    border-radius: 50%;
}

.hover-tooltip {
    position: absolute; /* Positions tooltip inside hover-area */
    background: var(--color-contrast3);
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
    color: white;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: var(--font-size-7);
    white-space: nowrap;
    opacity: 0; /* Initially hidden */
    transform: scale(0.25);
    pointer-events: none; /* Prevents interference with mouse interactions */
    transition: opacity 0.2s, transform 0.2s ease-in-out;
}
.hover-tooltip[active] {
    opacity: 1;
    transform: scale(1);
}

@media only screen and (min-width: 768px) { /* desktop only */
    .case-study .featured-image.col {
        padding-right: 0;
    }
}
@media only screen and (max-width: 767px) { /* mobile */
    .case-study h4 {
        margin-bottom: 1.5rem!important;
    }
}