/* ============================================================
   SHOW MORE — 2026
   ============================================================ */

#showMore {
    min-height: 46px;
    padding: .7rem 1.25rem;

    border-radius: 999px;

    font-size: .78rem;
    font-weight: 600;

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        opacity 220ms ease;
}


@media (hover: hover) {

    #showMore:hover {

        transform:
            translateY(-2px);

        box-shadow:
            0 8px 24px rgba(0, 0, 0, .10);

    }

}


#showMore:active {

    transform:
        translateY(0);

}


/* ============================================================
   CONTACT REVEAL
   ============================================================ */

#contactGrid .contact-item {

    animation:
        nicheContactReveal
        320ms
        cubic-bezier(.2,.8,.2,1)
        both;

}


@keyframes nicheContactReveal {

    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


@media (prefers-reduced-motion: reduce) {

    #contactGrid .contact-item {

        animation: none;

    }

}