/* css/a11y.css */
@layer a11y {

/* ACCESSIBILITY */
@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    .site-grid-zone::before,
    .project-spec::before {
        animation: none;
    }

    .action-btn,
    .project-launch,
    .capability-card,
    .capability-list span,
    .contact-action {
        transition: none;
    }
}

/* FOCUS + SKIP LINK */
.skip-link {
    position: absolute;
    left: -999px;
    top: 0;
    z-index: 2000;
    padding: 10px 16px;
    background: var(--lime);
    color: var(--black);
    font-weight: 900;
}

.skip-link:focus {
    left: 0;
}

:where(a, button):focus-visible {
    outline: 3px solid var(--lime);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    body::before {
        display: none;
    }

    .hero-main > *,
    .hero h1 span::before,
    .hero h1 span::after,
    .contact-left h3 span::after {
        animation: none;
    }
}


}