/* Preserve the existing layout while making anchored and keyboard navigation usable. */
section[id] { scroll-margin-top: 7.5rem; }
:where(a,button,input,select,textarea):focus-visible { outline: 2px solid #b98542; outline-offset: 4px; }
nav > .lg\:hidden { max-height: calc(100dvh - 6rem); overflow-y: auto; }
#resume-drop:focus-within, #resume-drop:focus-visible { outline: 2px solid #b98542; outline-offset: 4px; }
/* Keep every gallery tile the same height so row edges and corners line up. */
#gallery .gallery-img { height: 9rem; }
#gallery .gallery-img[src="/images/photos/client-2.jpg"] {
  object-fit: contain;
  object-position: center;
  background-color: #0f1a2e;
  transform: none;
}
@media (min-width: 640px) { #gallery .gallery-img { height: 13rem; } }
@media (min-width: 1024px) { #gallery .gallery-img { height: 16rem; } }
@media (max-width: 639px) { section[id] { scroll-margin-top: 5.5rem; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal, .reveal-left, .reveal-right, .reveal-scale { opacity: 1 !important; transform: none !important; }
  .parallax-bg { transform: none !important; }
}