/* Optional polish layer kept separate so the module can be tuned without touching the core layout. */
.epr-projects-page a:focus-visible,
.epr-project-detail a:focus-visible,
.epr-projects-page button:focus-visible,
.epr-project-detail button:focus-visible,
.epr-projects-page input:focus-visible,
.epr-projects-page select:focus-visible {
    outline: 3px solid rgba(30, 117, 191, .28);
    outline-offset: 3px;
}

.eprp-hero-slide.is-active .eprp-eyebrow,
.eprp-hero-slide.is-active h1,
.eprp-hero-slide.is-active h2,
.eprp-hero-slide.is-active p,
.eprp-hero-slide.is-active .eprp-button {
    animation: eprpHeroIn .7s both;
}
.eprp-hero-slide.is-active h1 { animation-delay: .04s; }
.eprp-hero-slide.is-active h2 { animation-delay: .09s; }
.eprp-hero-slide.is-active p { animation-delay: .14s; }
.eprp-hero-slide.is-active .eprp-button { animation-delay: .19s; }

@keyframes eprpHeroIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
