/* Small accessibility improvements shared by all portfolio projects. */
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid currentColor!important;outline-offset:4px}
html{scroll-padding-top:100px}
body:has(dialog[open]){overflow:hidden}
body.menu-open{overflow:hidden}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.portfolio-skip{position:fixed;top:10px;left:10px;z-index:1000;padding:12px 18px;background:#fff;color:#223643;transform:translateY(-160%);font:14px Arial,sans-serif}
.portfolio-skip:focus{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.reveal,.reveal-image{opacity:1!important;transform:none!important}*,*::before,*::after{animation:none!important;transition:none!important}}