.technologies__overlay {
    position: absolute;
    inset: 0;
    inset-block-start: auto;
    height: 10rem;
    pointer-events: none;
    /* Use page background variable when available */
    --tech-bg: var(--background, #0f172a);
    background: linear-gradient(
        to bottom,
        color-mix(in srgb, var(--tech-bg) 0%, transparent),
        color-mix(in srgb, var(--tech-bg) 40%, transparent) 45%,
        var(--tech-bg) 100%
    );
    transition: background 0.3s ease;
}

.technologies__overlay button {
    pointer-events: auto;
}

.technologies__overlay.is-expanded {
    background: transparent;
}