/* ================================
   ACCESSIBILITY + PERFORMANCE
================================ */

:focus-visible{
    outline:2px solid var(--gold);
    outline-offset:4px;
}

@media(prefers-reduced-motion: reduce){
    *,
    *::before,
    *::after{
        animation-duration:.001ms !important;
        animation-iteration-count:1 !important;
        scroll-behavior:auto !important;
        transition-duration:.001ms !important;
    }

    video{
        transform:none !important;
    }
}

img,
video{
    max-width:100%;
}

button,
a{
    -webkit-tap-highlight-color:transparent;
}

body{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}