.motion-sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
}
@media(prefers-reduced-motion:no-preference) {
    .motion-ready .hero {
        overflow:clip;
    }
    .motion-ready .about-feature,
    .motion-ready .program-card,
    .motion-ready .board-card {
        overflow:hidden;
    }
    .button,.contact-submit-button {
        transition:background-color .25s ease,box-shadow .25s ease;
    }
    .text-link,.donate-text-link,.donation-contact-link,.contact-hero-link,.contact-choice-link,.contact-strip-email,.contact-strip-social-link {
        transition:color .2s ease,border-color .25s ease;
    }
    .program-card,.recipient-card,.board-card {
        transition:box-shadow .3s ease,border-color .3s ease;
    }
    .program-photo,.board-photo {
        transition:scale .65s cubic-bezier(.2,.65,.3,1);
    }
    .nav-toggle-icon,
    .nav-toggle-icon::before,
    .nav-toggle-icon::after {
        transition:top .2s ease,transform .2s ease,background-color .2s ease;
    }
    .program-card:focus-within,.recipient-card:focus-within {
        border-color:var(--blue);
        box-shadow:0 12px 28px rgba(4,29,56,.09);
    }
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine) {
    .button:hover:not([aria-disabled="true"]) {
        box-shadow:0 8px 18px rgba(4,29,56,.16);
    }
    .program-card:hover,.recipient-card:hover,.board-card:hover {
        border-color:#bdd8e8;
        box-shadow:0 18px 32px rgba(4,29,56,.1);
    }
    .program-card:hover .program-photo,.board-card:hover .board-photo {
        scale:1.04;
    }
}
